Ajouter un chatbot sur Squarespace : injection de code

Sur Squarespace, un chatbot fourni sous forme de script s'ajoute par l'injection de code. Le champ « Footer » place le code juste avant la fermeture du corps de page, sur toutes les pages. C'est l'emplacement le plus simple pour une bulle de chat. Il faut tout de même vérifier deux choses avant de s'engager : la formule du client doit inclure cette fonction, et certaines pages refusent tout code.

Les faits ci-dessous viennent de la page d'aide officielle de Squarespace sur l'injection de code, lue le 15/11/2026.

Avant tout : la formule du client

L'aide Squarespace l'écrit : l'injection de code est disponible dans les formules Core, Plus, Advanced et dans certaines anciennes formules. Si le client a une formule qui ne la propose pas, l'assistant demandera soit un changement de formule, soit une autre forme d'affichage (un simple lien vers une page de discussion hébergée par l'outil, par exemple). Notez-le dans le devis (présenter un chatbot dans un devis).

Option 1 : sur tout le site, par le champ Footer

Ouvrez le panneau d'injection de code et utilisez le champ qui correspond à l'emplacement voulu :

L'aide précise que l'emplacement exact du Footer dépend du modèle et de la version du site. Le JavaScript doit être entouré de balises <script></script> ; cliquez ensuite sur Save.

Si le fournisseur donne une balise qui pointe vers un fichier (<script src="…">), l'attribut defer permet de la télécharger pendant la lecture de la page et de ne l'exécuter qu'ensuite (documentation MDN). Si le fournisseur donne un petit code qui crée lui-même la balise, collez-le tel quel.

Option 2 : sur quelques pages seulement

Squarespace permet aussi d'injecter du code page par page. D'après l'aide :

1. survolez la page dans le panneau des pages ;
2. cliquez sur l'icône en forme d'engrenage ;
3. cliquez sur Advanced ;
4. utilisez le champ Page Header Code Injection, qui ajoute le code dans l'en-tête de cette page.

C'est utile pour réserver l'assistant aux pages où il sert : contact, tarifs, réservation. Le code est alors placé dans l'en-tête de la page : préférez une balise avec defer, pour qu'il ne retarde pas l'affichage.

Deux précisions de l'aide :

• un champ Post Blog Item Code Injection, dans les réglages de la page de blog, ajoute du code à chaque article ;
• sur la version 7.1, évitez de mettre du HTML dans le Page Header Code Injection : le code disparaît si la transparence de l'en-tête est désactivée.

Les pages où le chatbot n'apparaîtra pas

L'aide liste plusieurs limites, à annoncer au client :

• pages de paiement : elles n'acceptent pas de code ;
• pages d'accueil de type « Index » : l'injection de code n'y apparaît pas ;
• page protégée par mot de passe : le code apparaît au-dessus du champ du mot de passe, et pendant la période d'essai du site, on ne peut pas injecter de code sur cet écran ;
• pages de confirmation de commande : le code s'exécute après le paiement, et la page vue par le client dépend de ce qu'il a acheté.

Pour une boutique, cela veut dire que l'assistant n'accompagne pas le client jusqu'au paiement. C'est souvent acceptable, mais le client doit le savoir.

Dépanner sans tout casser

L'équipe de support de Squarespace indique qu'elle ne peut ni aider à ajouter du code personnalisé, ni dépanner les problèmes qui en découlent. Le dépannage revient donc à vous et au fournisseur du chatbot.

Un outil utile, décrit dans la même aide : si un code gêne l'éditeur du site, vous pouvez désactiver les scripts dans l'aperçu en ajoutant /safe juste après /config dans l'adresse d'édition sécurisée. Vous retrouvez l'éditeur sans le code, le temps de corriger.

Pour les autres causes possibles d'un widget absent, voyez la liste des causes quand un chatbot ne s'affiche pas.

Liste de contrôle

1. Formule du client vérifiée : Core, Plus, Advanced ou ancienne formule qui inclut l'injection.
2. Script dans le Footer pour tout le site, ou dans l'en-tête des seules pages voulues.
3. Domaine du site autorisé dans l'outil du chatbot : dans les mesures publiées par chatbot.fr le 06/08/2026, deux widgets ne se sont pas chargés faute de domaine autorisé.
4. Client prévenu que l'assistant n'apparaît pas sur les pages de paiement ni sur les pages « Index ».
5. Test sur le site publié, sur ordinateur et sur mobile.
6. Cookies du widget vérifiés avant tout clic : voir chatbot et consentement aux cookies.

La méthode générale pour les autres outils de site est sur la page sur l'intégration d'un widget de chat.