Installer le widget de chat sur Shopify

Sur Shopify, vous ajoutez la bulle de chat en collant une seule balise script dans votre thème. Aucune application à installer, et la recherche de produits fonctionne avec les données publiques de votre boutique, sans clé API.

Copier le code

Ouvrez l'onglet Share de votre agent. Dans le bloc Shopify, cliquez sur Copy Code. C'est le même script que dans le bloc Bubble Chat, et il contient déjà l'identifiant de votre agent :

<script src="https://www.intochat.ai/api/embed.js" data-chatbot-id="YOUR_AGENT_ID"></script>

L'ajouter à votre thème

1. Dans l'administration Shopify, allez dans Boutique en ligne → Thèmes.
2. À côté de votre thème actuel, cliquez sur ⋯ et choisissez Modifier le code.
3. Dans le dossier Layout, ouvrez theme.liquid.
4. Collez le code juste au-dessus de </body> et cliquez sur Enregistrer.
5. Ouvrez votre boutique. La bulle de chat apparaît dans le coin inférieur de chaque page qui utilise ce layout, avec les couleurs et la position de l'onglet Appearance.

Juste au-dessus de </body> est l'emplacement recommandé, mais le snippet fonctionne aussi dans la section <head> de theme.liquid. S'il se retrouve deux fois dans le thème, une seule bulle apparaît.

Laisser l'agent rechercher vos produits

1. Ouvrez l'onglet Actions et choisissez Connect your website.
2. Collez l'adresse de votre boutique. intoCHAT détecte Shopify et ajoute deux actions : Search products, qui renvoie jusqu'à cinq résultats par recherche, et Get product details, avec les variantes, les prix et le stock.
3. Testez dans le Playground : demandez un produit, un prix ou si un article est en stock. Les réponses affichent des fiches produit avec image, prix et lien vers la page du produit.

Les produits sont recherchés en direct pendant que le visiteur discute : les nouveaux produits et les changements de prix apparaissent sans nouvel entraînement. La connexion ne lit que les données produit publiques. Elle ne voit ni les commandes, ni les paniers, ni les données clients : l'agent ne peut donc pas suivre une commande, gérer un retour ou finaliser un achat dans le chat. Il oriente plutôt l'acheteur vers la bonne page.

Si votre boutique est protégée par un mot de passe, l'agent ne voit pas ses produits. Retirez le mot de passe dans Boutique en ligne → Préférences et connectez-la de nouveau. Détails dans Connecter votre boutique.

Entraîner l'agent sur les contenus de la boutique

Dans l'onglet Knowledge (Connaissances), saisissez l'adresse de votre boutique et choisissez vos pages de livraison, de retours et de FAQ. Importez des guides des tailles ou des conditions sous forme de fichiers, et ajoutez des paires question-réponse pour les réponses dont la formulation doit être exacte.

Dépannage

• Pas de bulle sur la boutique. Vérifiez que vous avez modifié le thème publié et non une copie, et que le code se trouve au-dessus de </body> dans theme.liquid.
• « Chatbot not found. » dans la console du navigateur. L'identifiant de l'agent dans le code est incorrect. Copiez-le de nouveau depuis l'onglet Share.
• « Connect your website » échoue. Vérifiez que l'adresse est celle de votre vitrine publique et que la boutique n'est pas protégée par un mot de passe.

D'autres cas sont traités dans Dépannage. Ce que l'agent peut faire dans une boutique Shopify est décrit sur la page d'intégration Shopify.