Comment ajouter un chatbot IA à votre boutique Shopify, étape par étape

Il vous faut trois choses :

• Un compte Nexoply. Inscrivez-vous gratuitement : l’offre gratuite comprend 50 conversations par mois, sans carte bancaire.
• Les informations de votre boutique dans Nexoply : frais et délais de livraison, politique de retour et d’échange, guides des tailles, produits et prix, horaires d’ouverture ou modalités de retrait. Le plus rapide est d’entrer l’adresse de votre boutique et de laisser Nexoply importer vos pages publiques, y compris les prix avec leur devise. Vous vérifiez les suggestions ; rien n’est ajouté avant que vous ne l’approuviez.
• Un accès à l’administration Shopify avec l’autorisation de modifier les thèmes.

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 ni à votre boutique. Pour essayer d’abord l’assistant, cliquez sur Ouvrir une page de test avec votre chatbot.

1. 1

   Sauvegardez votre thème

   Dans l’administration Shopify, allez dans Online Store → Themes. Cliquez sur le bouton … à côté de votre thème actuel et choisissez Duplicate. La copie apparaît dans votre bibliothèque de thèmes et vous sert de sauvegarde.

2. 2

   Ouvrez l’éditeur de code

   Cliquez de nouveau sur le bouton … à côté de votre thème actuel (en ligne) et choisissez Edit code.

3. 3

   Ouvrez theme.liquid

   Dans la liste des fichiers, ouvrez le dossier layout et cliquez sur theme.liquid. Ce fichier englobe toutes les pages de votre boutique.

4. 4

   Collez avant </body>

   Repérez la balise de fermeture </body> vers le bas du fichier (cherchez-la avec Ctrl+F ou Cmd+F) et collez votre code Nexoply sur sa propre ligne, juste au-dessus.

5. 5

   Enregistrez

   Cliquez sur Save. La modification est immédiatement en ligne sur votre boutique.

Ouvrez votre boutique dans une nouvelle fenêtre de navigation privée. Si elle est encore protégée par un mot de passe, saisissez d’abord le mot de passe de la boutique. Un bouton de chat apparaît dans le coin inférieur. Posez une question que poserait un client, comme « Combien de temps prend la livraison au Canada ? » ou « Cette veste taille-t-elle petit ? ». La conversation apparaît ensuite sous Conversations dans votre tableau de bord Nexoply. Les modifications faites dans le tableau de bord arrivent sur votre boutique en une minute environ, sans retoucher au thème.

L’assistant répond uniquement à partir des informations que vous lui donnez, et le dit quand il ne sait pas au lieu de deviner. Pour une boutique, cela couvre généralement :

• La livraison : où vous livrez, les frais, les délais, les seuils de livraison gratuite.
• Les retours et échanges : délais, état des articles, qui paie les frais de retour.
• Les tailles et la coupe, les matières et l’entretien, d’après vos guides des tailles et vos descriptions de produits.
• Les produits et les prix tels qu’ils sont affichés, avec un lien vers la bonne page de votre boutique.
• Les coordonnées, les modalités de retrait ou les horaires d’ouverture.

Il ne consulte ni les commandes ni les numéros de suivi, et il n’est pas connecté à vos données Shopify. Pour la question « Où en est ma commande ? », ajoutez une FAQ qui renvoie les clients vers votre page de suivi de commande ou votre adresse e-mail de contact.

• Mauvais thème. Vérifiez que vous avez modifié le thème en ligne (actuel), et non la copie ou un autre thème de votre bibliothèque.
• Mauvais emplacement. Le code doit se trouver dans layout/theme.liquid juste avant </body>, collé une seule fois et en entier. Pas dans un fichier de section, ni dans le head.
• Après une mise à jour du thème. Quand vous mettez un thème à jour vers une nouvelle version, Shopify ajoute cette version comme un thème distinct, et les modifications de code ne sont pas toujours reprises. Vérifiez theme.liquid et collez la ligne à nouveau si nécessaire.
• Domaines autorisés. Si vous avez rempli Autoriser uniquement sur ces sites web sur la page Chatbot, indiquez à la fois votre propre domaine et votre adresse myshopify.com si les clients utilisent l’un ou l’autre (par exemple myshop.com, myshop.myshopify.com).
• 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.

Pour l’accorder à votre marque, allez dans Chatbot → Personnaliser : choisissez l’icône du bouton de message (ou votre propre image), son texte, sa forme, sa taille, ses couleurs et sa position, ou utilisez à la place un onglet latéral au bord de l’écran (par exemple « Aide »). Définissez une apparence différente sur mobile pour que le bouton ne masque pas votre barre d’ajout au panier, et utilisez des règles par page pour la modifier sur certaines pages (par exemple /products/*). Relisez ensuite régulièrement les conversations : les questions sans réponse sont listées et deviennent des FAQ en un clic. Toutes les options figurent sur la page des fonctionnalités de Nexoply ; comment fonctionne Nexoply détaille la mise en place, et la page des tarifs présente les offres pour les boutiques plus fréquentées.