websitechatbot.ch

Intégrer le chatbot à votre site web

Vous insérez une seule ligne de code à un seul endroit — dans le gabarit de pied de page de votre site. Le chatbot apparaît alors automatiquement sur chaque sous-page. Vous n'avez pas besoin de modifier chaque page individuellement.

Le code

Copiez votre code de widget personnel depuis le tableau de bord. Il ressemble à ceci, avec votre propre slug à la place de VOTRE-SLUG :

<script src="https://websitechatbot.ch/widget.js" data-slug="IHR-SLUG" async></script>

Le nom, la couleur et l'avatar se règlent dans le tableau de bord sous Paramètres → Apparence. Vous n'avez pas besoin de modifier le code pour cela.

Guides par CMS

WordPress

  1. Dans l'administration : Apparence → Éditeur de thème → ouvrir footer.php (ou installer un plugin comme « Insert Headers and Footers » / « WPCode »).
  2. Insérer le code du widget juste avant </body>.
  3. Enregistrer le fichier. Terminé — le chatbot apparaît sur toutes les pages.

Shopify

  1. Dans l'administration : Boutique en ligne → Thèmes → Actions → Modifier le code.
  2. Ouvrir le fichier theme.liquid.
  3. Insérer le code du widget juste avant </body> et enregistrer.

Wix

  1. Paramètres → Code personnalisé → + Code personnalisé.
  2. Insérer le code du widget dans le champ de texte.
  3. Choisir « Apply to: All pages » et « Place code in: Body – end ». Enregistrer.

Squarespace

  1. Paramètres → Avancé → Code Injection.
  2. Insérer le code du widget dans le champ « Footer » et enregistrer.

Webflow

  1. Project Settings → Custom Code → Footer Code.
  2. Insérer le code du widget, enregistrer et republier le site.

Jimdo

  1. Paramètres → En-tête et pied de page → HEAD ou Footer.
  2. Insérer le code du widget dans la section pied de page et enregistrer.

Site HTML statique

  1. Si vous utilisez un include de pied de page commun (p. ex. footer.html, include PHP) : l'insérer une seule fois à cet endroit.
  2. Sans gabarit commun, le code doit effectivement être inséré dans chaque fichier HTML — dans ce cas rare, un éditeur de texte avec « Rechercher et remplacer » aide.

Vérifier

  1. Ouvrir la page dans le navigateur et la recharger complètement (Ctrl/Cmd + Shift + R).
  2. En bas à droite, un bouton de chat circulaire doit apparaître.
  3. Cliquer dessus → la fenêtre de chat s'ouvre. Posez une question sur votre contexte.

Si rien n'apparaît

  • Ouvrez la console du navigateur (clic droit → Inspecter → Console). Si vous y voyez data-slug attribute is required, le slug est manquant ou mal saisi.
  • Le code est-il réellement enregistré ? De nombreux CMS exigent un clic supplémentaire sur « Publier ».
  • Content Security Policy : si votre site a une CSP stricte, autorisez script-src https://websitechatbot.ch et connect-src https://websitechatbot.ch.
  • Le widget est masqué par un autre élément : très rare. Écrivez-nous un e-mail, nous résolvons cela ensemble.

Aide à l'installation

Vous utilisez un autre CMS ou l'installation ne fonctionne pas ? Répondez simplement à votre e-mail de bienvenue ou écrivez à info@websitechatbot.ch — nous vous aidons personnellement.