Retour au tableau de bord

Documentation

Apprenez à utiliser Asyntai

Premiers pas
Installation Base de connaissances Tester votre IA Gérer les sites web
Personnalisation
Couleurs du widget Nom de l'assistant IA Message initial Position du widget Déclenchement automatique Bulle de notification Badge de messages non lus Mode instruction Poser des questions Utiliser les émojis Collecter les e-mails Collecter les numéros de téléphone Capture intelligente de prospects Localisation Masquer la marque Lien de confidentialité Avis personnalisé Téléchargement de la transcription Nouvelle conversation Historique des conversations Slogan et point de statut Reconnaissance vocale Icône de chat Logo de l'entreprise Limite de caractères Température
Conseils pour les instructions IA Comparer les forfaits
Fonctionnalités
Exploration du site web Lacunes de connaissances Fiches produits Contexte utilisateur Surveillance en direct Prise en charge humaine Escalade Notifications IA Rapport quotidien Flux de données en temps réel Flux de données en temps réel Max Membres de l’équipe Authentification unique Inclure des images Vision par image Widget de traduction Localisation Prospects Capture intelligente de prospects Tickets de support Réservations Exclure des pages IPs bloquées Modèle plus intelligent Activer la réflexion Suggestions de réponse Messages de suivi Reconnaissance vocale Téléchargement de la transcription Chat intégré
Analytique
Analytique de chat Journaux de chat
Intégrations
API REST Instagram Messenger WhatsApp Zapier Email Applications mobiles
Autres
Ajouter à l’écran d’accueil Bouton d’ouverture personnalisé

Comment ajouter le chatbot IA Asyntai à BigCommerce

Guide étape par étape pour les boutiques BigCommerce

Obtenir le code d'intégration
Plateforme :
HTML HTML/Custom WordPress WordPress Shopify Shopify WooCommerce WooCommerce BigCommerce BigCommerce Ecwid Ecwid Wix Wix Squarespace Squarespace Webflow Webflow Weebly Weebly HubSpot HubSpot Tilda Tilda Adobe Experience Manager Adobe Experience Manager Duda Duda Google Sites Google Sites Bludit Bludit Plesk Plesk Concrete CMS Concrete CMS Craft CMS Craft CMS Contentful Contentful Docusaurus Docusaurus Strapi Strapi Joomla Joomla Kentico Kentico Drupal Drupal Magento Magento Blogger Blogger Bitrix Bitrix TYPO3 TYPO3 PrestaShop PrestaShop OpenCart OpenCart Ghost Ghost Hugo Hugo Statamic Statamic Umbraco Umbraco Volusion Volusion Moodle Moodle SilverStripe SilverStripe Grav Grav October CMS October CMS ProcessWire ProcessWire Sanity Sanity ExpressionEngine ExpressionEngine Sylius Sylius Backdrop CMS Backdrop CMS MODX MODX Bagisto Bagisto PayloadCMS PayloadCMS e107 e107 CrafterCMS CrafterCMS Kirby Kirby MedusaCMS MedusaCMS DatoCMS DatoCMS GoDaddy GoDaddy Framer Framer Bubble Bubble Carrd Carrd Jimdo Jimdo Strikingly Strikingly Kajabi Kajabi Teachable Teachable Thinkific Thinkific ClickFunnels ClickFunnels Hostinger Hostinger Unbounce Unbounce Leadpages Leadpages Systeme.io Systeme.io Instapage Instapage

É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 à BigCommerce. Choisissez la méthode qui vous convient le mieux :

Méthode 1 : utilisation du gestionnaire de scripts (recommandée)

Le Script Manager est la méthode la plus simple et recommandée pour ajouter des scripts personnalisés à votre boutique BigCommerce. Il ne nécessite aucune connaissance en programmation et persiste lors des changements de thème.

  1. Log in to your BigCommerce Control Panel
  2. Accédez à Vitrine → Gestionnaire de scripts
  3. Cliquez sur le bouton "Create a Script"
  4. Configurez votre script avec ces paramètres :
    • Nom : Asyntai AI Chatbot
    • Description: AI-powered chat widget (optional)
    • Emplacement : Pied de page
    • Emplacement : Toutes les pages
    • Catégorie du script : Fonctionnel
    • Type de script : Script
  5. Dans le champ « Script Contents », collez votre code d'intégration Asyntai
  6. Cliquez sur "Save"

Pourquoi utiliser le Script Manager ? Les scripts ajoutés via le gestionnaire de scripts sont gérés séparément de votre thème. Ils ne seront pas affectés lorsque vous mettrez à jour ou changerez le thème de votre boutique.

Méthode 2 : utilisation du Page Builder

Vous pouvez utiliser le Page Builder de BigCommerce pour ajouter le widget de chat à l'aide d'un élément HTML. Cette méthode est utile si vous souhaitez plus de contrôle sur l'endroit où le widget apparaît.

  1. Log in to your BigCommerce Control Panel
  2. Accédez à Vitrine → Mes thèmes
  3. Cliquez sur "Customize" sur votre thème actif
  4. Dans la barre latérale gauche du Page Builder, trouvez l'élément « HTML »
  5. Glissez-déposez l'élément HTML dans la zone de pied de page de votre modèle de page
  6. Click on the HTML element and select "Edit HTML"
  7. Collez votre code d'intégration Asyntai
  8. Cliquez sur "Save HTML"
  9. Click "Publish" to apply changes to your live store

Note : Si vous souhaitez le chatbot sur toutes les pages, vous devrez l'ajouter à une zone globale comme le pied de page. La méthode du gestionnaire de scripts est plus simple pour une installation sur l'ensemble du site.

Méthode 3 : modification des fichiers de thème (thèmes Stencil)

Pour les développeurs utilisant des thèmes Stencil, vous pouvez ajouter le code directement dans vos fichiers de thème. Cela nécessite l'accès aux fichiers source de votre thème.

Utilisation du panneau de contrôle BigCommerce

  1. Accédez à Vitrine → Mes thèmes
  2. Cliquez sur "Advanced" sur votre thème actif
  3. Sélectionnez "Edit Theme Files"
  4. Accédez à templates → components → common
  5. Ouvrez footer.html
  6. Faites défiler jusqu'en bas du fichier
  7. Collez votre code d'intégration Asyntai juste avant la balise fermante
  8. Cliquez sur "Save & Apply File"

Utilisation de Stencil CLI (développement local)

Si vous développez en local avec le Stencil CLI :

  1. Ouvrez les fichiers locaux de votre thème
  2. Accédez à templates/components/common/footer.html
  3. Ajoutez votre code d'intégration Asyntai avant les balises fermantes
  4. Publiez vos modifications en utilisant stencil push

Important : Les modifications des fichiers du thème peuvent être écrasées lors de la mise à jour de votre thème. Pour une solution permanente qui persiste lors des mises à jour du thème, utilisez la méthode Script Manager.

Étape 3 : Vérifier l'installation

Après avoir ajouté le code, visitez votre boutique BigCommerce 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 réessayez. Si vous avez effectué des modifications via l'éditeur de thème, assurez-vous d'avoir cliqué sur « Publier » pour appliquer les changements à votre boutique en ligne.