WebChatAgent Logo

Ajouter un Chatbot IA à Squarespace

Squarespace

Ajoutez un Chatbot IA à votre site Squarespace en utilisant la fonctionnalité intégrée d'injection de code. Vous collez un court extrait dans le champ Pied de page et il apparaît sur chaque page. Cela fonctionne sur tous les forfaits Squarespace actuels et prend environ une minute.

Configuration étape par étape

  1. Ouvrir l'injection de code, dans votre Tableau de bord Squarespace, allez dans Paramètres > Avancé > Injection de code.
  2. Coller dans le pied de page, dans le champ Pied de page, collez le code suivant :
<script src="https://webchatagent.com/widget/web-chat-agent.js" async></script>
<web-chat-agent chatbot-id="YOUR_ID"></web-chat-agent>
  1. Remplacer YOUR_ID par votre Identifiant du chatbot réel provenant du Tableau de bord WebChatAgent.
  2. Enregistrer, cliquez sur Enregistrer. Le Widget de chat apparaîtra désormais sur chaque page de votre site Squarespace.

Ajout sur une seule page

Si vous souhaitez afficher le Chatbot uniquement sur une page spécifique :

  1. Ouvrez la page dans l'éditeur Squarespace.
  2. Ajoutez un Bloc de code (cliquez sur Ajouter un bloc > Code).
  3. Collez le même extrait de code ci-dessus.
  4. Désactivez l'option Afficher la source pour afficher le Widget.

Trouver votre Identifiant du chatbot

Connectez-vous à votre Tableau de bord WebChatAgent, ouvrez votre assistant et allez dans Canaux → Widget de chat. Dépliez Afficher les détails d’installation et cliquez sur Copier le code. L'extrait contient déjà votre Identifiant du chatbot, vous pouvez donc coller l'ensemble au lieu de saisir l'identifiant.

Dépannage

  • Le Widget ne s'affiche pas ?, Squarespace met les pages en cache de manière agressive. Essayez de consulter votre site dans une fenêtre de navigation privée ou d'effacer le cache de votre Navigateur.
  • L'injection de code n'est pas disponible ?, l'injection de code est disponible sur tous les forfaits Squarespace actuels. Assurez-vous d'être dans le Tableau de bord du site (et non dans l'éditeur) sous Paramètres > Avancé.
  • Le Widget recouvre le Contenu ?, le Widget s'affiche sous forme de bulle flottante dans le coin inférieur droit. Modifiez les décalages pour ordinateur et les Décalages mobile sous Canaux → Widget de chat → Comportement → Positionnement.