retour aux tutoriels

Comment intégrer un chatbot à votre boutique Shopify ?

Apprenez à intégrer un chatbot AI à votre boutique Shopify en utilisant le widget iFrame. Ce tutoriel explique comment créer un chatbot Widget dans ChatBotKit, générer l'iFrame et l'installer dans votre boutique Shopify.

Are you looking to add an AI chatbot to your Shopify store? In this tutorial, we'll show you how to do just that using ChatBotKit's widget integration. You'll learn how to create a chatbot widget in ChatBotKit, generate an iFrame, and install it on your Shopify store. Let's get started!

If you are using ChatBotKit's widget integration, you might want to embed it directly on your Shopify Store. Fortunately, you can do this easily

Étape 1 : Configuration du widget

Let’s first start by creating our widget. You can skip this step if you already have one:

  1. Aller à Intégrations et cliquez sur l'icône Créer un widget AI sur le bouton "Créer un widget AI".
  2. Fill in the Name and provide your chatbot Backstory.
  3. Se connecter à un Bot existant ou sélectionner un modèle, ensemble de données et ensemble de compétences.
  4. Enregistrez l'intégration en cliquant sur le bouton "Créer".

Once we are happy with our widget configuration we are ready to install it on our Shopify Store.

Étape 2 : Code du widget

Vous devez saisir le code du widget dont nous aurons besoin à l'étape :

  1. Ouvrez votre widget et faites défiler vers le bas jusqu'à ce que vous voyiez tous les boutons d'action.

  2. Cliquez sur le bouton "Installer".

  3. Copiez le code et gardez-le pour plus tard.

Étape 3 : Installation de Shopify

Dans cette étape, nous devons simplement ajouter le code dans votre thème.

  1. Allez dans la section "Online Store" puis "Themes" de votre boutique Shopify.

  2. Cliquez sur le bouton "Personnaliser

  3. Cliquez sur le bouton à 3 points en haut à gauche, puis sur le bouton "Modifier le code".

  4. Collez le script que nous avons copié à l'étape 2 dans le champ tête et cliquez sur le bouton "Enregistrer".

Conclusion

Adding an AI chatbot to your Shopify store can be a great way to provide your customers with an improved shopping experience by providing product recommendations, order tracking and much more.

Consultez l'exemple suivant :