L’immense majorité des sites d’hôtels indépendants, de campings et de gîtes français tournent sous WordPress, souvent avec Elementor, Divi ou Kadence par-dessus. Le couple WordPress plus constructeur visuel est le standard de fait de l’hébergement indépendant.
Bonne nouvelle. Y ajouter un agent conversationnel est l’une des opérations les plus simples de l’écosystème.
Mauvaise nouvelle. C’est aussi l’endroit où l’on accumule le plus de couches : cache, minification, différé de JavaScript, bandeau de consentement, moteur de réservation externe. Chacune peut casser un widget qui fonctionnait cinq minutes avant.
Pour la vue d’ensemble tous CMS confondus, voir notre guide chatbot sur son site internet : installation, coût, impact.
À retenir
- Deux méthodes seulement : la ligne de script dans le pied de page, ou le plugin de l’éditeur.
- Aucun constructeur visuel n’est incompatible : les conflits sont des réglages de style.
- Les plugins de cache et de différé sont la première cause de widget invisible.
- Consentement : ne rien déposer avant que le visiteur ouvre lui-même le chat.
- Le point critique reste la cohabitation avec le moteur de réservation.
- Le plugin n’est qu’un emballage : choisissez l’éditeur, pas le plugin.
Plugin ou script : les deux méthodes
Toutes les intégrations se ramènent à ces deux options.
| Critère | Ligne de script | Plugin de l’éditeur |
|---|---|---|
| Où ça se pose | Avant la fermeture de body : pied de page du thème enfant, champ de code du thème, ou plugin d’insertion | Installation depuis l’administration, connexion du compte |
| Ce que ça apporte | Un seul fichier touché, aucune dépendance nouvelle, retrait en dix secondes | Zéro manipulation de code, réglages dans l’administration, exclusion de pages en une case |
| Ce que ça coûte | Une manipulation à faire soi-même | Un plugin de plus dans une installation qui en compte souvent trente |
| Le risque | Éditer le thème parent : la mise à jour efface la ligne | Un plugin abandonné devient une dette de sécurité |
Utilisez un thème enfant ou un plugin d’insertion. C’est l’erreur classique : la ligne collée dans le thème parent disparaît à la première mise à jour.
Le plugin ne fait rien de plus que poser le même script. La qualité de l’agent ne dépend pas du plugin, elle dépend de l’éditeur. Ne choisissez jamais votre solution sur la note du plugin dans le répertoire WordPress.
Le raisonnement est le même sur un site Wix d’hébergement touristique, où l’application du marché intégré n’est aussi qu’un emballage.
Pratique chez Groomy Vous collez l’URL de votre site, l’agent lit vos pages publiques et vous récupérez une ligne de script. Environ deux minutes pour la partie technique ; le reste du travail utile, c’est corriger ce que votre site dit de faux. Fonctionnement détaillé sur la page widget de site web.
Compatibilité : Elementor, Divi, Kadence, Gutenberg
Réponse courte : aucun constructeur ne pose de problème de fond.
Un widget de chat n’est pas un élément de votre mise en page. Il est injecté à la fin du document et positionné en superposition, donc il ignore la façon dont vos sections ont été construites.
| Constructeur | Incident observé | Correctif |
|---|---|---|
| Elementor | Le lanceur passe derrière un en-tête ou un pied de page collant | Augmenter l’index de superposition du widget, ou baisser celui de l’élément collant |
| Divi | Le widget apparaît dans l’aperçu de l’éditeur visuel et gêne l’édition | Exclure les pages en cours d’édition, ou masquer le widget pour les utilisateurs connectés |
| Kadence | Conflit visuel avec la barre d’actions mobile ou le bouton de réservation collant | Décaler le lanceur en bas à gauche, ou augmenter la marge basse sur mobile |
| Gutenberg | Aucun incident spécifique | Rien à faire |
Deux réglages à demander à l’éditeur, quel que soit votre constructeur : masquer le widget pour les utilisateurs connectés à l’administration, et contrôler l’index de superposition — qui règle 80 % des conflits visuels.
La logique est identique sur un site Webflow d’entreprise touristique.
L’impact sur la vitesse
Trois métriques comptent, une seule est réellement exposée par un widget de chat.
| Métrique | Ce qu’elle mesure | Exposition du widget |
|---|---|---|
| LCP | L’affichage du plus grand élément visible | Nulle si le script est asynchrone, après le contenu principal |
| INP | La réactivité aux interactions | Le risque réel : le script occupe le fil principal, les clics paraissent lents |
| CLS | Les décalages visuels | Nulle pour un lanceur fixe hors du flux ; réelle pour un bandeau inséré |
La méthode de mesure honnête tient en quatre points.
| Étape | Ce que vous faites |
|---|---|
| 1. Avant | Cinq passages de PageSpeed Insights, en mode mobile, sur trois pages représentatives |
| 2. Après | Les mêmes cinq passages, sur les mêmes pages, dans les mêmes conditions |
| 3. Comparaison | Les médianes, jamais les meilleurs scores |
| 4. Contrôle | Les données de terrain de vos vrais visiteurs, quatre semaines plus tard |
Un unique passage de PageSpeed Insights ne prouve rien. La dispersion entre deux exécutions dépasse souvent l’effet mesuré.
Différé, exclusion de pages, mise en cache
Si la mesure vous déplaît, trois leviers avant de renoncer.
| Levier | Comment | Pourquoi |
|---|---|---|
| Différer le chargement | Après l’événement de chargement complet, ou au premier défilement | Le widget n’a aucune raison de se charger dans la première seconde |
| Exclure des pages | Tunnel de réservation, pages légales, landing pages publicitaires | Moins de charge, et une expérience plus nette là où le visiteur achète |
| Sortir le script du cache | Ne pas concaténer, minifier ni différer le script d’insertion | Exécuté dans le mauvais ordre, il n’affiche rien |
Certains éditeurs proposent le différé en option native. Sinon, une petite temporisation dans le script d’insertion suffit.
Cache et consentement : les deux coupables
C’est ici que se produisent 90 % des « mon chatbot a disparu ».
| Famille de plugins | Ce qui casse le widget | Le correctif |
|---|---|---|
| Cache (WP Rocket et équivalents) | Différé de JavaScript, chargement retardé des scripts, minification et concaténation | Ajouter le domaine du widget à la liste d’exclusion du différé et de la minification |
| Consentement (Complianz, Axeptio, Tarteaucitron) | Tout script inconnu est rangé par défaut en catégorie « marketing », donc bloqué | Déclarer le widget dans la bonne catégorie et choisir sciemment le comportement |
Le symptôme du cache est toujours le même. Le widget fonctionne en navigation privée avec le cache vidé, puis disparaît. Tous les plugins de cache sérieux proposent un champ d’exclusion.
Le blocage par le bandeau n’est pas un bug. C’est le comportement attendu : le chat n’apparaît pas pour les visiteurs qui refusent, et parfois pour ceux qui n’ont pas encore répondu. Reste à décider si c’est ce que vous voulez.
Le chatbot et le bandeau cookies
La CNIL exige un consentement libre, éclairé et préalable pour tout traceur qui n’est pas strictement nécessaire à un service expressément demandé par l’internaute.
| Cas | Exemple | Régime |
|---|---|---|
| Traceur du service demandé | Identifiant de session créé quand le visiteur ouvre lui-même le chat, pour garder le fil | Peut relever de l’exemption |
| Traceur posé d’office | Cookie déposé dès le chargement de la page, avant toute interaction | Consentement obligatoire |
| Traceur publicitaire | Mesure d’audience, attribution, reciblage embarqués dans le widget | Consentement obligatoire |
Le réglage sûr, celui que nous recommandons, tient en trois décisions :
- ne rien déposer tant que le visiteur n’a pas ouvert le chat ;
- conditionner tout traceur analytique du widget à la catégorie « mesure d’audience » de votre bandeau ;
- mentionner le chat dans votre politique de confidentialité : nom de l’éditeur, finalité, durée de conservation.
Ajoutez la mention d’automatisation dès le premier message. C’est une exigence de transparence du règlement européen sur l’intelligence artificielle, et c’est de toute façon la bonne pratique.
Pratique chez Groomy DPA standardisé fourni sans négociation, chiffrement AES-256 au repos et TLS 1.3 en transit. Conversations jamais réutilisées pour entraîner un modèle tiers ; export et suppression à la demande. Hébergement des données : communiqué sur demande — voir aussi sécurité.
Notre article sécurité et RGPD d’un chatbot IA tourisme détaille ce guide hébergeur.
Cohabiter avec le moteur de réservation
C’est la particularité qui distingue un site d’hôtel ou de camping d’un site vitrine, et personne ne l’écrit.
| Point à traiter | Le risque | La règle à poser |
|---|---|---|
| Où va le moteur | Un moteur qui redirige vers un sous-domaine ou un domaine tiers échappe à votre script WordPress | Vérifier avant tout le reste et décider sciemment si le widget suit dans le tunnel |
| Conflit de boutons collants | Une barre de réservation fixe superposée au lanceur rend l’un des deux inutilisable | Le bouton de réservation gagne toujours : déplacez le chat |
| Préséance des messages | Une fenêtre qui s’ouvre seule sur un visiteur qui a ses dates sélectionnées | Désactiver toute invitation automatique sur les pages de réservation |
| Ce que le chat sait du moteur | Promettre une disponibilité que l’agent ne voit pas | Dire « voici où choisir vos dates » et renvoyer vers la bonne page |
Un moteur inséré dans une page WordPress ne pose aucun problème. Code court ou cadre isolé : le widget reste visible et le parcours continue.
Une intégration plus profonde est un chantier distinct. Lire les disponibilités en direct dans un PMS ou un channel manager se traite au conditionnel avec votre éditeur, pas comme un acquis. Notre article widget chatbot site web : le combo IA qui transforme les visites en réservations détaille ce mécanisme de conversion.
Wix et Shopify : les différences
Deux autres environnements, la même logique et deux points de vigilance.
| Plateforme | Comment on installe | Le point de vigilance |
|---|---|---|
| WordPress | Ligne de script dans le pied de page, ou plugin de l’éditeur | Cache, minification et bandeau de consentement |
| Wix | Application du marché intégré, ou champ de code des réglages avancés | Pas la main sur l’ordre de chargement ; la plateforme injecte déjà beaucoup de code |
| Shopify | Application, ou insertion dans le gabarit du thème | Cohabitation avec les applications de vente incitative, souvent nombreuses et lourdes |
Shopify reste un cas rare pour un hébergement, sauf si vous vendez en ligne des coffrets cadeaux, des séjours packagés ou des prestations annexes.
Sur la création d’un site avec l’IA intégrée dès le départ, voir notre article création site internet hôtel : intégrer une IA conversationnelle.
Dépannage : les 6 problèmes les plus fréquents
Six symptômes couvrent la quasi-totalité des appels au support.
| Symptôme | Cause la plus probable | Correction |
|---|---|---|
| Le widget n’apparaît pas du tout | Script bloqué par le plugin de consentement, ou différé par le cache | Ouvrir la console du navigateur, puis désactiver temporairement le cache |
| Visible en navigation privée seulement | Cache navigateur ou extension de blocage | Vider le cache, tester sur un autre appareil |
| Visible sur l’accueil mais pas ailleurs | Script posé dans un modèle de page, ou exclusion oubliée dans les réglages | Reprendre le pied de page global et les règles d’exclusion |
| Le lanceur est caché derrière un élément | Conflit d’index de superposition avec un en-tête ou une barre collante | Réglage de style, correctif immédiat |
| La mise en page casse sur mobile | Hauteur d’écran sur iOS | Tester sur un iPhone réel, régler la marge basse |
| Le chat répond à côté | Ce n’est pas WordPress : votre site est incomplet ou contradictoire | Corriger la source, l’agent la répète fidèlement |
Le récapitulatif d’installation, dans l’ordre
Faites-le dans cet ordre exact, et vous n’aurez aucune surprise.
| # | Étape | Vérification |
|---|---|---|
| 1 | Mesurer trois pages, cinq passages chacune, en mode mobile | Vous avez des médianes écrites quelque part |
| 2 | Poser la ligne de script dans le pied de page du thème enfant ou via un plugin d’insertion | Jamais dans le thème parent |
| 3 | Ajouter le domaine du widget aux exclusions du plugin de cache | Différé de JavaScript, minification, concaténation |
| 4 | Déclarer le widget dans le plugin de consentement | Avec le bon réglage de blocage |
| 5 | Vérifier la présence du chat sur toutes les pages | Tunnel de réservation inclus |
| 6 | Régler le placement mobile | Le lanceur ne recouvre pas le bouton de réservation |
| 7 | Remesurer et comparer les médianes | Puis relire les données de terrain un mois plus tard |
Tester sans engagement
L’essai Groomy est gratuit : 100 messages offerts, sans limite de temps ni carte bancaire. Vous collez une ligne, vous mesurez, vous décidez.
L’agent répond en 27 langues avec détection automatique dès le premier message, en moins de 3 secondes, 24 h/24, et transfère à un humain dès qu’il atteint sa limite.
L’abonnement est à 99 €/mois, 1 000 messages inclus, sans engagement et annulable en un clic ; les conditions sont détaillées sur la page tarifs.
Pour la procédure complète de préparation du contenu, voir notre guide créer un chatbot pour son site : les 7 étapes.