Comment intégrer un outil tiers (calendrier, chat, avis) sur une page spécifique ?
Ajouter un widget externe sans impacter le reste du site
Points clés
• L’intégration d’un outil tiers se fait via un script ou un code d’intégration
• Seul le Designer permet de placer ce code sur une page précise
• Les intégrations globales doivent être évitées si le widget ne concerne qu’une page
• Tester l’affichage, le responsive et la vitesse est indispensable
Ajouter un outil tiers — calendrier de réservation externe, widget de chat, module d’avis, carte interactive, outil de CRM, planning d’événements — est une excellente façon d’enrichir une page dédiée de votre site hôtelier. Pour éviter de surcharger tout le site, il est souvent recommandé de l’intégrer uniquement sur la page concernée.
Voici comment procéder de manière propre, efficace et maîtrisée.
Comprendre comment fonctionnent les outils tiers
La plupart des outils externes fournissent :
• un script JavaScript
• un iframe
• un code HTML
• un widget intégré
Ce code doit être ajouté à l’endroit exact où le widget doit apparaître.
💡 Le Designer est obligatoire dès qu’il s’agit d’intégrer du code personnalisé.
Intégrer un outil tiers dans une page spécifique (méthode recommandée)
Pour éviter que le widget ne s'affiche sur toutes les pages, il faut l’intégrer directement dans la page souhaitée.
Procédure :
- Ouvrez le Designer.
- Dans l’onglet Pages, sélectionnez la page concernée.
- Placez un Embed (bloc de code) à l’endroit où le widget doit être affiché.
- Collez le code fourni par l’outil tiers (script, iframe, etc.).
- Enregistrez, puis Publish.
- Testez l’affichage sur desktop, tablette et mobile.
💡 Un widget intégré via un bloc Embed ne se charge que sur cette page, ce qui améliore les performances globales du site.
Intégrer un outil dans le <head> d’une seule page
Certains outils exigent un script dans le head, comme :
• chat avancé
• script de tracking
• plugins nécessitant un chargement avant affichage
Méthode :
- Designer → Pages → sélectionnez votre page.
- Ouvrez Page Settings.
- Collez le script dans Before </head>.
- Enregistrez et publiez.
💡 Cette méthode permet de limiter le script à une seule page, idéal pour les outils lourds.
Intégrer un calendrier externe dans une page chambres ou offres
Les calendriers de réservation externes utilisent souvent uniframe.
Procédure :
• Insérer un bloc Embed
• Coller l’iframe du fournisseur
• Ajuster la largeur (100 %) pour un rendu responsive
• Tester sur mobile
• Ajouter un padding adapté si nécessaire
Intégrer un chat uniquement sur une page
Les chats sont souvent globaux, mais certains outils permettent une intégration ciblée.
Pour le limiter à une page :
• Ajouter le script via Page Settings → Custom Code
• Ne pas l’ajouter au Custom Code du site global
• Tester l’apparition uniquement sur la page concernée
Intégrer un widget d’avis (Google, TrustYou, TripAdvisor, etc.)
Selon l’outil, vous recevrez un widget HTML ou un iframe.
Méthode :
- Insérer un bloc Embed
- Coller le code
- Centrer ou aligner le widget
- Vérifier la hauteur sur mobile
- Assurer que le widget n’alourdit pas la page
💡 Les widgets d’avis sont souvent lourds : privilégiez l’intégration sur une seule page (ex : page Avis, page Chambre).
Tester l’affichage après intégration
Après avoir ajouté un widget :
• Testez sur desktop
• Vérifiez sur mobile (indispensable)
• Contrôlez la vitesse de la page
• Vérifiez que rien ne déborde de l’écran
• Testez l’interactivité (scroll, clics, formulaires)
Ce qu’il ne faut pas faire
Pour préserver la performance et la cohérence du site :
• Ne pas ajouter le script dans le code global si le widget concerne une seule page
• Ne pas coller du code dans l’Editor (non pris en charge)
• Ne pas multiplier les widgets lourds sur une seule page
• Ne pas laisser un iframe sans largeur responsive
Conclusion
Oui, vous pouvez intégrer un outil tiers comme un calendrier, un chat ou un module d’avis spécifiquement sur une seule page. Grâce au Designer, vous pouvez placer le script dans un bloc Embed ou dans les paramètres de la page pour contrôler précisément où le widget s’affiche. En testant le responsive et la performance, vous garantissez une intégration fluide et professionnelle pour vos visiteurs.