Comment ajouter le moteur de réservation sur une autre page de votre site hôtelier

Points clés :

Vous pouvez placer votre moteur de réservation sur n’importe quelle page de votre site hôtelier
L’intégration se fait avec un code ou un lien fourni par votre prestataire
La méthode diffère selon que le moteur s’affiche en widget intégré ou en redirection externe
Le tout se configure facilement depuis Webflow Editor ou Designer

Afficher votre moteur de réservation sur plusieurs pages — par exemple “Chambres”, “Offres spéciales” ou “Mariages” — est une excellente stratégie pour encourager la réservation directe à tout moment du parcours client. Voici la marche à suivre pour ajouter ce moteur de manière fluide et efficace.

1. Identifiez le type d’intégration utilisé sur votre site

Avant d’ajouter le moteur sur une autre page, déterminez la forme d’intégration existante :

Lien externe (redirection) : le bouton “Réserver” ouvre le moteur dans un nouvel onglet.
Widget intégré (iframe ou script) : le moteur s’affiche directement dans la page.

💡 Vous pouvez le vérifier dans Webflow : si votre moteur est contenu dans un bloc Embed (</>), il s’agit d’un widget intégré ; s’il est dans un bouton avec un simple lien, c’est une redirection externe.

2. Copiez le code ou le lien de votre moteur de réservation

Depuis votre prestataire (ex. D-Edge, Reservit, Amenitiz, Mirai, etc.) :

Ouvrez les paramètres d’intégration.
Copiez le code d’embed (HTML/iframe/script) si le moteur est intégré.
Ou copiez le lien direct de réservation (commençant par https://) si c’est une redirection.

💡 Astuce : testez le lien ou le code dans un nouvel onglet avant de l’ajouter pour vérifier que la page s’ouvre bien.

3. Ajoutez le moteur dans la nouvelle page depuis Webflow

Si c’est un lien de réservation :

Ouvrez la page souhaitée dans Webflow Editor ou Designer.
Ajoutez un bouton “Réserver” à l’endroit voulu.
Dans Link Settings, choisissez URL externe et collez le lien du moteur.
Activez “Open in new tab” pour ouvrir le moteur dans un nouvel onglet.

Si c’est un widget intégré (code) :

Dans Webflow Designer, ouvrez la page où vous souhaitez afficher le moteur.
Glissez un bloc Embed (</>) à l’endroit souhaité (section principale ou bas de page).
Collez le code du moteur dans la fenêtre d’intégration.
Cliquez sur Save & Close, puis Publish pour mettre en ligne.

💡 Vous pouvez ajuster la largeur et la hauteur du bloc pour harmoniser le design avec le reste de la page.

4. Vérifiez le rendu et le fonctionnement

Une fois le moteur ajouté et le site publié :

Rechargez la page pour tester le chargement du moteur.
Vérifiez que la redirection ou le widget fonctionne bien sur desktop et mobile.
Testez également l’ouverture du moteur depuis un autre navigateur (Chrome, Safari, Firefox) pour confirmer que rien n’est bloqué.

💡 Si le moteur ne s’affiche pas, assurez-vous que le domaine de votre site est bien autorisé dans les paramètres du moteur (côté prestataire).

5. Optimisez la visibilité du moteur sur cette nouvelle page

Pensez à insérer des appels à l’action clairs :

“Réserver une chambre maintenant”
“Voir les disponibilités”
“Profitez de cette offre exclusive”

💡 Placez votre moteur ou votre bouton à la fin d’un contenu inspirant (présentation des chambres, galerie, offres saisonnières) pour maximiser le taux de clics.

Conclusion

Ajouter le moteur de réservation sur une nouvelle page est une opération simple mais stratégique. Que vous utilisiez un lien externe ou un widget intégré, quelques clics suffisent dans Webflow pour renforcer la visibilité de vos offres et fluidifier le parcours de réservation sur votre site hôtelier.