Comment installer le widget chatbot sur votre site

Le widget Hostalia, c'est un petit bouton de chat qui apparaît en bas à droite de votre site. Vos visiteurs peuvent poser des questions à toute heure (parking, wifi, disponibilités, recommandations locales) — Hostalia détecte automatiquement la langue de chaque visiteur (interface localisée en 11 langues, réponses IA dans toute langue détectée).

Avant de commencer

Vous aurez besoin de :

• L'accès administrateur à votre site web (mot de passe WordPress, ou Wix, ou autre)
• Votre identifiant Hostalia (un code de la forme h_xxxxxxxx)
• 7 minutes

Étape 1 — Récupérer votre snippet

<script src="https://widget.hostalia.fr/widget.js"
  data-hotel-id="h_VOTRE_ID" defer></script>

Étape 2 — Coller le snippet sur votre site

La marche à suivre dépend de votre solution. Voici les 4 cas les plus fréquents.

Si vous êtes sur WordPress

1. Connectez-vous à votre admin WordPress (URL votresite.com/wp-admin)
2. Installez le plugin gratuit « Insert Headers and Footers » (par WPBeginner) — Plugins → Ajouter → tapez son nom → Installer → Activer
3. Allez dans Réglages → Insert Headers and Footers
4. Collez le snippet dans le champ « Scripts in Footer »
5. Cliquez « Save »

Si vous êtes sur Wix

1. Connectez-vous à votre éditeur Wix
2. Cliquez sur Paramètres → Marketing → Outils de marketing → Marketing & SEO (l'arborescence varie selon les plans)
3. Trouvez « Code personnalisé » (ou "Custom Code")
4. Cliquez « + Ajouter du code »
5. Collez le snippet, choisissez « Toutes les pages », position « Corps - fin »
6. Cliquez « Appliquer »

Si vous êtes sur Squarespace

1. Connectez-vous à votre admin Squarespace
2. Allez dans Paramètres → Avancé → Injection de code
3. Collez le snippet dans la zone « Footer »
4. Cliquez « Enregistrer »

Si votre site est fait à la main / par un freelance

1. Demandez à votre prestataire web de coller le snippet juste avant la balise fermante </body> de toutes les pages du site
2. S'il vous demande "où exactement", la réponse est : "dans le footer global, au-dessus de </body>"

Délai pour un freelance : généralement 15 minutes. Coût : 0 à 50 € selon votre prestataire.

Bonjour,

Je viens d'activer Hostalia. Pourriez-vous coller le code suivant
dans le footer global de mon site, juste avant la balise </body> ?

[COLLEZ LE SNIPPET ICI]

Documentation Hostalia : https://docs.hostalia.fr/articles/installer-widget-site

Merci !

Étape 3 — Vérifier que ça marche

Personnaliser le widget

Dans Préférences → Widget chatbot, vous avez quelques réglages :

• Position : bas à droite (par défaut), ou bas à gauche
• Couleur du bouton : terracotta Hostalia (par défaut) ou couleur personnalisée pour matcher votre charte
• Message de bienvenue : "Bonjour ! Une question sur l'hôtel ?" (par défaut) ou custom
• Heures d'activation : 24/7 (par défaut) ou seulement en dehors des heures de réception

Foire aux questions

Le widget est lourd, va-t-il ralentir mon site ?

Non. Le bundle JavaScript fait 13 KB compressés (=~1/3 d'une photo de profil), il se charge de manière asynchrone (attribut defer), donc votre site s'affiche d'abord, et le widget s'initialise après. Aucun impact perceptible sur le temps de chargement.

Et sur mobile ?

Oui, ça marche aussi. Le widget s'adapte automatiquement à la taille d'écran, en mode plein écran sur smartphone.

Le widget bloqué par mon hébergeur (CSP)

Cas rare, mais possible si votre hébergeur a une politique de sécurité stricte (CSP). Si vous voyez dans la console du navigateur une erreur du genre « Refused to load script... CSP directive... », écrivez-nous à noe@hostalia.fr avec une capture, on vous donne les directives exactes à ajouter (votre hébergeur le fait en 5 min).

Je peux retirer le widget si je veux ?

Oui, à tout moment. Il suffit de retirer le snippet du footer de votre site (suivez à l'envers la procédure de l'étape 2). Effet immédiat dès la sauvegarde.

Combien coûte le widget ?

Inclus dans le plan Complet et Maison sans surcoût. Pas inclus dans Essentiel (qui couvre uniquement les avis Google).