# Installer le widget de chat sur Shopify

> Ajoutez la bulle de chat intoCHAT à votre boutique Shopify en collant une balise script dans theme.liquid, puis connectez-la pour la recherche de produits.

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 :

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

## L'ajouter à votre thème

> Dupliquez d'abord votre thème pour garder une copie de sauvegarde.

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](/fr/docs/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.

> Mettre à jour votre thème vers une nouvelle version ou changer de thème peut supprimer le code ajouté. Vérifiez ensuite que la bulle est toujours là, et collez de nouveau le code si besoin.

## 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](/fr/docs/connect-your-store).

## 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](/fr/docs/troubleshooting). Ce que l'agent peut faire dans une boutique Shopify est décrit sur la [page d'intégration Shopify](/fr/integrations/shopify).