Comment ajouter le chatbot IA Asyntai à Shopify

Guide étape par étape pour les boutiques Shopify

Plateforme :

Étape 1 : Obtenir votre code d'intégration

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

Note : Le code ci-dessus n'est qu'un exemple. Vous devez copier votre propre code d'intégration depuis votre Tableau de bord car il contient votre identifiant de widget personnel.

Étape 2 : Ajouter le code à votre thème Shopify

Suivez ces étapes pour ajouter le chatbot à votre boutique Shopify :

Connectez-vous à votre panneau Shopify Admin
Accédez à Boutique en ligne → Thèmes
Trouvez votre thème actuel et cliquez sur le bouton « ... » (trois points)
Sélectionnez "Edit code" dans le menu déroulant
Dans la barre latérale gauche, sous Layout, cliquez sur theme.liquid
Faites défiler jusqu'en bas et trouvez la balise de fermeture </body>
Collez votre code d'intégration Asyntai juste avant la balise </body>
Cliquez sur "Save" dans le coin supérieur droit

Astuce : Utilisez Ctrl+F (Windows) ou Cmd+F (Mac) pour rechercher rapidement </body> dans le fichier theme.liquid.

Alternative : Utilisation d'une application Shopify

Si vous préférez ne pas modifier le code, vous pouvez utiliser une application Shopify pour ajouter des scripts personnalisés :

Accédez au Shopify App Store
Recherchez « Custom Script Injector » ou « Header & Footer Scripts »
Installez l'application de votre choix
Utilisez l'application pour ajouter votre code d'intégration Asyntai à la section pied de page

Étape 3 : Vérifier l'installation

Après avoir enregistré vos modifications, visitez votre boutique Shopify dans un nouvel onglet de navigateur ou en navigation privée. Vous devriez voir le bouton du widget de chat dans le coin inférieur droit de votre boutique. Cliquez dessus pour vérifier qu'il s'ouvre et fonctionne correctement.

Vous ne voyez pas le widget ? Shopify peut mettre en cache les fichiers de votre thème. Essayez d'ouvrir votre boutique dans une fenêtre de navigation privée, ou attendez quelques minutes et actualisez la page.

Utilisateurs Shopify Plus

Si vous êtes sur Shopify Plus, vous pouvez également ajouter le script via le fichier checkout.liquid pour afficher le chatbot sur les pages de paiement. Cependant, notez que la plupart des boutiques n'en ont besoin que sur les pages principales de la vitrine.

Ajouter la barre de recherche IA

La barre de recherche IA est un widget distinct avec son propre code. Ajoutez-la en plus du chat, ou seule. Elle nécessite le forfait Standard ou supérieur : avec un forfait inférieur, la barre apparaît mais ne renvoie pas de résultats.

Ajoutez l attribut data-replace à la balise script et la barre prend la place de celle de votre thème. Collez-le dans theme.liquid juste avant la balise body fermante, dans le même fichier que le code du chat. Votre thème conserve sa propre page de résultats, donc Entrée fonctionne exactement comme avant.

<script src="https://widget.asyntai.com/static/js/search-widget.js" data-asyntai-id="YOUR_WIDGET_ID" data-replace="auto" async></script>

Lire le guide complet de la barre de recherche IA