Comment ajouter le chatbot IA Asyntai à Wix

Guide étape par étape pour les sites Wix

Plateforme :

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

Tout d'abord, rendez-vous sur votre tableau de bord Asyntai et faites défiler jusqu'à la section « Embed Code ». Copiez votre code d'intégration unique, qui ressemblera à ceci :

<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 avec Custom Code (recommandé)

Custom Code ajoute le chatbot à toutes les pages en une seule fois. Wix le propose pour les sites publiés qui ont un domaine connecté, ce qui nécessite un forfait Premium :

Connectez-vous à votre compte Wix et accédez au Tableau de bord de votre site
Cliquez sur Settings dans la barre latérale gauche
Dans la section Development & integrations, cliquez sur Custom Code
Cliquez sur "+ Add Custom Code" en haut à droite
Collez votre code d'intégration Asyntai dans la boîte de texte
Saisissez un nom pour votre code (par exemple, « Asyntai Chatbot »)
Sous « Add Code to Pages », sélectionnez "All pages"
Sous « Place Code in », sélectionnez "Body - end"
Cliquez sur "Apply" pour enregistrer

Astuce : Sélectionner « Body - end » place le script juste avant la balise fermante </body>, ce qui est le placement recommandé pour les widgets de chat.

Alternative : Utiliser un élément Embed HTML (forfait gratuit)

Sans forfait Premium, vous pouvez ajouter le code à une page avec un élément Embed HTML. Wix affiche cet élément comme un iframe : le widget de chat reste donc à l'intérieur du cadre de l'élément et ne flotte pas au-dessus de la page. Rendez le cadre assez grand pour la fenêtre de chat ouverte.

Ouvrez votre site dans l'éditeur Wix
Cliquez sur « Add Elements » (le bouton « + ») dans la barre d'outils de gauche
Sélectionnez « Embed Code », puis « Popular Embeds », puis « Embed HTML »
Cliquez sur « Enter Code » et collez votre code d'intégration Asyntai
Cliquez sur "Apply"
Faites glisser les coins de l'élément pour qu'il soit assez grand pour la fenêtre de chat ouverte
Cliquez sur "Publish" pour enregistrer vos modifications

Important : Avec la méthode Embed HTML, vous devez ajouter l'élément sur chaque page où vous voulez que le chatbot apparaisse. Pour l'ajouter à toutes les pages en une seule fois, utilisez la méthode Custom Code ci-dessus.

Étape 3 : Vérifier l'installation

Après avoir ajouté le code, publiez votre site et visitez-le 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. Cliquez dessus pour vérifier qu'il s'ouvre et fonctionne correctement.

Vous ne voyez pas le widget ? Assurez-vous que votre site est publié (pas seulement enregistré). Wix peut prendre quelques minutes pour appliquer les modifications de code personnalisé. Essayez de vider le cache de votre navigateur ou de consulter le site dans une fenêtre de navigation privée.

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 : la barre remplace alors celle de votre thème. Ajoutez-le dans Settings, Custom Code, au même endroit que le code du chat. Wix ne propose Custom Code qu'avec un forfait Premium et un domaine connecté, vous en avez donc besoin pour l'installer.

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