Retour au tableau de bord

Documentation

Apprenez à utiliser Asyntai

Comment ajouter le chatbot IA Asyntai à Ecwid

Guide étape par étape pour les boutiques Ecwid

Obtenir le code d'intégration

É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 « Code d'intégration ». Copiez votre code d'intégration unique qui ressemblera à ceci :

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></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 : Choisir la méthode d'installation

Il existe plusieurs façons d'ajouter le widget de chat à votre boutique Ecwid. Choisissez la méthode qui convient le mieux à votre configuration :

Méthode 1 : utilisation de l'éditeur Instant Site (recommandée)

Si vous utilisez le site instantané d'Ecwid, vous pouvez ajouter des sections de code personnalisé directement via l'éditeur de site. Cette méthode est disponible sur les forfaits Venture, Business et Unlimited.

Ajout d'une section de code personnalisé

  1. Connectez-vous à votre panneau d'administration Ecwid
  2. Accédez à Site web → Modifier le site (ou Vue d'ensemble → Gérer le site instantané)
  3. Dans le menu déroulant « Page: Homepage » en haut à gauche, sélectionnez la page où vous souhaitez ajouter le chatbot (ou gardez Homepage pour l'ensemble du site)
  4. Cliquez sur "Add Section"
  5. Scroll down to "Advanced Solutions"
  6. Sous « Custom JavaScript code », cliquez sur « Add Code »
  7. Collez votre code d'intégration Asyntai
  8. Cliquez sur "Save"

Astuce : L'ajout du code à la page d'accueil le fera apparaître sur toutes les pages. Pour de meilleures performances, ajoutez le JavaScript dans la section body plutôt que dans l'en-tête.

Méthode 2 : utilisation de la section de code JavaScript personnalisé

Vous pouvez ajouter du code JavaScript personnalisé via les paramètres avancés du site web dans votre tableau de bord Ecwid. Cette méthode nécessite un forfait Ecwid payant.

  1. Connectez-vous à votre panneau d'administration Ecwid
  2. Go to Website (or Overview → Manage Instant Site)
  3. Scroll down to "Advanced website settings"
  4. Sous « Custom JavaScript code », cliquez sur « Add Code »
  5. Collez votre code d'intégration Asyntai dans le champ qui apparaît
  6. Cliquez sur "Save"
  7. Refresh your Instant Site page in your browser to see the changes

Note : La section Code JavaScript personnalisé a une limite de 4000 caractères. Le code d'intégration Asyntai est bien en dessous de cette limite. Le code ajouté ici apparaîtra en bas de la section <body>.

Méthode 3 : site web externe avec boutique Ecwid

Si vous avez intégré votre boutique Ecwid sur un site web externe (WordPress, Wix, HTML personnalisé, etc.), vous devriez ajouter le code Asyntai à ce site web à la place.

Pour WordPress avec le plugin Ecwid

  1. Suivez le guide d'installation WordPress
  2. Ajoutez le code d'intégration Asyntai à votre site WordPress en utilisant le plugin WPCode ou les fichiers du thème
  3. Le chatbot apparaîtra sur toutes les pages, y compris celles contenant votre boutique Ecwid

Pour les autres plateformes

Si votre boutique Ecwid est intégrée sur une autre plateforme :

  1. Trouvez le guide d'installation approprié pour votre plateforme
  2. Ajoutez le code d'intégration Asyntai à cette plateforme
  3. Le chatbot fonctionnera parallèlement à votre boutique Ecwid intégrée

Pourquoi ajouter le code au site externe ? Lorsque Ecwid est intégré sur un autre site web, le site parent contrôle la page. L'ajout du chatbot au site parent garantit qu'il se charge correctement et apparaît sur toutes les pages.

Étape 3 : Vérifier l'installation

Après avoir ajouté le code, visitez votre boutique Ecwid 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 ? Videz le cache de votre navigateur et rafraîchissez la page. Assurez-vous de disposer d'un forfait Ecwid payant, car les fonctionnalités JavaScript personnalisées nécessitent les forfaits Venture, Business ou Unlimited.