Comment ajouter un chatbot IA à Squarespace (en 5 minutes)

Nexoply est un assistant IA que vous créez dans son propre tableau de bord et que vous ajoutez à votre site Squarespace avec une ligne de code. Squarespace ne contient que cette ligne ; tout le reste se configure dans Nexoply, sans code et sans clé d’IA, car c’est Nexoply qui fait tourner l’IA. Concrètement :

• Il connaît votre entreprise. Ajoutez vos services et prix, FAQ, politiques, horaires d’ouverture et zones d’intervention, ou importez-les depuis les pages publiques de votre site Squarespace (15 par analyse avec l’offre gratuite). Rien n’est ajouté avant que vous ne l’approuviez.
• Il répond uniquement à partir de ces informations. Il a pour consigne de dire quand il ne sait pas au lieu de deviner, et chaque conversation est disponible dans votre tableau de bord pour relecture.
• Il s’accorde à votre site. Bouton de message ou onglet latéral, couleurs, polices et logo, modèles prêts à l’emploi, apparence distincte sur mobile, et boutons d’écran d’accueil comme Réserver, Appeler ou WhatsApp.
• Il répond en 12 langues. Les visiteurs qui écrivent dans une autre langue prise en charge reçoivent des réponses dans cette langue.
• Ce qu’il n’est pas. Ce n’est pas une messagerie de chat en direct pour des agents humains, et il ne prend lui-même ni réservations ni paiements ; ses boutons envoient les visiteurs vers votre page de réservation, votre téléphone ou WhatsApp.

L’offre gratuite comprend 50 conversations par mois ; les offres payantes commencent à 19 $ par mois, voir la page des tarifs. Pour la liste complète des options, consultez les fonctionnalités du chatbot.

Vérifiez d’abord ces trois points :

• Un compte Nexoply. Inscrivez-vous gratuitement : l’offre gratuite comprend 50 conversations par mois, sans carte bancaire.
• Les informations sur votre entreprise dans Nexoply : services et prix, FAQ, politiques, horaires d’ouverture et zones d’intervention. Le plus rapide est d’entrer l’adresse de votre site Squarespace et de laisser Nexoply importer vos pages publiques, y compris celles construites en JavaScript. Vous vérifiez les suggestions ; rien n’est ajouté avant que vous ne l’approuviez.
• Un forfait Squarespace qui inclut Code Injection : le forfait Business ou supérieur. En cas de doute, ouvrez les réglages Squarespace décrits ci-dessous et vérifiez si Code Injection est disponible sur votre site.

Dans votre tableau de bord Nexoply, ouvrez la page Chatbot (cliquez sur Créer le chatbot si ce n’est pas encore fait) et copiez le code d’installation. Il ressemble à ceci :

<script src="https://nexoply.com/widget.js" data-chatbot="YOUR-KEY" async></script>

YOUR-KEY est remplacé par la clé de votre chatbot, que la page Chatbot renseigne pour vous. Cette clé est publique : ce n’est pas un mot de passe et elle ne donne aucun accès à votre compte. Vous voulez voir l’assistant avant de toucher à Squarespace ? Cliquez sur Ouvrir une page de test avec votre chatbot pour l’essayer sur une page d’exemple.

1. 1

   Ouvrez les réglages de votre site

   Connectez-vous à Squarespace, ouvrez le site concerné et cliquez sur Settings.

2. 2

   Allez dans Code Injection

   Ouvrez Advanced, puis Code Injection. C’est la zone commune à tout le site : le code placé ici s’exécute sur chaque page.

3. 3

   Collez-le dans Footer

   Collez votre code Nexoply dans la zone Footer. Le pied de page est placé juste avant la fin de chaque page, là où le code doit se trouver.

4. 4

   Enregistrez

   Cliquez sur Save. Il n’y a rien à installer ni rien d’autre à configurer dans Squarespace.

Ouvrez votre site en ligne dans une nouvelle fenêtre de navigation privée, pour le voir comme un visiteur. Un bouton de chat apparaît dans le coin inférieur. Posez une vraie question, comme « Avez-vous des plats végétariens ? » ou « Puis-je réserver une table pour huit ? » (d’autres exemples dans le guide du chatbot IA pour restaurants). En quelques secondes, la conversation apparaît sous Conversations dans votre tableau de bord Nexoply. Ensuite, les modifications faites dans le tableau de bord arrivent sur votre site en une minute environ, sans revenir dans Squarespace.

• Forfait. Si Code Injection est absent ou verrouillé, le forfait de votre site ne l’inclut pas. Il faut le forfait Business ou supérieur.
• Mauvaise zone. Rouvrez Code Injection et vérifiez que le code se trouve dans la zone Footer, complet et inchangé, de <script à </script>.
• Non enregistré, ou ancienne version affichée. Vérifiez que vous avez bien cliqué sur Save, puis rechargez le site en ligne dans une fenêtre de navigation privée plutôt que de vérifier en étant connecté à l’éditeur.
• Domaines autorisés. Si vous avez rempli Autoriser uniquement sur ces sites web sur la page Chatbot, vérifiez que chaque adresse utilisée par les visiteurs pour accéder à votre site y figure exactement (par exemple monstudio.com, ou *.monstudio.com pour les sous-domaines).
• Chatbot désactivé ou bloqueurs de publicité. Vérifiez que l’interrupteur Chatbot activé est allumé. Plus rarement, une extension de navigateur bloque les widgets de chat ; essayez un autre navigateur.

Le design se règle dans votre tableau de bord Nexoply, pas dans Squarespace. Sous Chatbot → Personnaliser, vous pouvez choisir l’icône du bouton de message (ou votre propre image), son texte, sa forme, sa taille, ses couleurs et sa position, ou utiliser à la place un onglet latéral au bord de l’écran (par exemple « Aide »). Vous pouvez définir une apparence différente sur mobile et utiliser des règles par page pour la modifier sur certaines pages (par exemple /menu/*). Accordez la fenêtre de chat aux polices et couleurs de votre site Squarespace, ajoutez votre logo ou partez d’un modèle prêt à l’emploi. Un écran d’accueil peut afficher vos propres boutons, comme Réserver, Appeler ou WhatsApp. Le widget utilise un Shadow DOM : les styles de votre site ne modifient pas le chat, et inversement.

Relisez ensuite régulièrement les conversations : les questions auxquelles l’assistant n’a pas pu répondre sont listées et peuvent devenir des FAQ en un clic. Lisez comment fonctionne Nexoply pour avoir une vue d’ensemble, ou consultez comment ajouter un chatbot IA à n’importe quel site web si vous avez aussi un site sur une autre plateforme.