WebChatAgent Logo

Ajouter un Chatbot IA à Shopify

Shopify

Ajoutez un Chatbot IA à votre boutique Shopify en quelques minutes. Aucune application n'est à installer : collez un court extrait de code dans votre thème, et la bulle de chat apparaîtra sur l'ensemble de votre boutique. Utilisez la méthode de l'Éditeur de thème en priorité. Ne modifiez le code du thème que si ce dernier ne prend pas en charge les blocs personnalisés.

Méthode 1 : Éditeur de thème (recommandé)

  1. Ouvrez l'Éditeur de thème : dans votre interface d'administration Shopify, allez dans Boutique en ligne > Thèmes et cliquez sur Personnaliser sur votre thème actif.
  2. Ajoutez un bloc Liquid personnalisé : dans la barre latérale gauche, faites défiler vers le bas et cliquez sur Ajouter une section. Recherchez Liquid personnalisé (ou HTML personnalisé selon votre thème).
  3. Collez le code : insérez le code suivant :
<script src="https://webchatagent.com/widget/web-chat-agent.js" async></script>
<web-chat-agent chatbot-id="YOUR_ID"></web-chat-agent>
  1. Remplacez YOUR_ID par votre véritable Identifiant du chatbot disponible dans le Tableau de bord WebChatAgent.
  2. Enregistrer : cliquez sur Enregistrer en haut à droite. Le Widget de chat apparaîtra désormais sur votre boutique.

Méthode 2 : Modifier le code du thème

Utilisez cette méthode si votre thème ne prend pas en charge les sections Liquid personnalisées ou si vous souhaitez afficher le Widget sur toutes les pages.

  1. Allez dans Boutique en ligne > Thèmes, cliquez sur les trois points (⋯) à côté de votre thème actif, puis sélectionnez Modifier le code.
  2. Dans le dossier Layout, ouvrez theme.liquid.
  3. Collez le code suivant avant la balise de fermeture </body> :
<script src="https://webchatagent.com/widget/web-chat-agent.js" async></script>
<web-chat-agent chatbot-id="YOUR_ID"></web-chat-agent>
  1. Remplacez YOUR_ID par votre Identifiant du chatbot et cliquez sur Enregistrer.

Trouver votre Identifiant du chatbot

Connectez-vous à votre Tableau de bord WebChatAgent, ouvrez votre assistant et accédez à Canaux → Widget de chat. Déroulez Afficher les détails d’installation et cliquez sur Copier le code. L'extrait contient déjà votre Identifiant du chatbot, vous pouvez donc coller l'ensemble sans avoir à saisir l'identifiant manuellement.

Dépannage

  • Le Widget ne s'affiche pas ? : videz le cache de votre thème Shopify et essayez de visualiser votre boutique dans une fenêtre de navigation privée.
  • Le Widget n'apparaît que sur certaines pages ? : si vous avez utilisé la Méthode 1, assurez-vous que la section Liquid personnalisé est placée dans un modèle qui se charge sur toutes les pages (par exemple, la zone du pied de page).
  • Conflits avec d'autres applications ? : essayez de désactiver temporairement d'autres applications de chat ou de fenêtres contextuelles pour écarter tout conflit.