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 salutation 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 Fiches produit dynamiques Dynamic Images 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 Intégrations 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é
Analyses
Analytique du chat Journaux de chat
Intégrations
API REST Instagram Messenger WhatsApp Zapier Email Applications mobiles
Autre
Ajouter à l’écran d’accueil Bouton d’ouverture personnalisé
Demander à l'IA

Comment ajouter le chatbot IA Asyntai à Duda

Guide étape par étape pour les sites Duda

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 : Ajouter le code aux paramètres du site (recommandé)

La façon la plus simple d'ajouter le chatbot à toutes les pages de votre site Duda est via les paramètres du site :

  1. Connectez-vous à votre compte Duda et ouvrez l'éditeur de votre site web
  2. Dans la barre latérale gauche, cliquez sur « Plus » (icône des trois points)
  3. Cliquez sur "Settings"
  4. Faites défiler vers le bas et cliquez sur « Head HTML »
  5. Dans le champ « Body End HTML », collez votre code d'intégration Asyntai
  6. Cliquez sur "Save"
  7. Cliquez sur "Publish" en haut à droite pour mettre les modifications en ligne

Astuce : L'ajout de code dans la section HTML de fin de body garantit que le chatbot se charge après le contenu de votre page, ce qui n'affectera pas la vitesse de chargement de votre site. Cette méthode ajoute automatiquement le chatbot à chaque page de votre site.

Méthode alternative 1 : Widget HTML (pages spécifiques)

Si vous souhaitez ajouter le chatbot à des pages spécifiques uniquement, utilisez le widget HTML :

  1. Ouvrez la page que vous souhaitez modifier dans l'Duda editor
  2. Dans la barre latérale gauche, recherchez « HTML » dans le panneau de widgets
  3. Glissez-déposez le widget HTML dans une colonne ou une ligne de votre page
  4. Cliquez sur le widget pour le modifier
  5. Collez votre code d'intégration Asyntai dans le champ de code
  6. Cliquez sur "Update"
  7. Cliquez sur "Publish" pour mettre les modifications en ligne

Note : Le widget HTML vous permet d'intégrer du code personnalisé n'importe où sur votre page. L'emplacement visuel du widget n'affecte pas l'endroit où le chatbot apparaît — il s'affichera toujours dans le coin inférieur droit tel que configuré.

Méthode alternative 2 : Mode développeur (avancé)

Pour les utilisateurs avancés, vous pouvez utiliser le mode développeur pour ajouter du code directement dans le HTML :

  1. Dans l'éditeur Duda, cliquez sur l'icône Developer Mode dans la barre supérieure
  2. Cliquez sur "Site HTML/CSS" pour développer la sélection
  3. Cliquez sur "body-end.html" dans la liste des fichiers
  4. Faites défiler jusqu'à la dernière ligne du fichier
  5. Collez votre code d'intégration Asyntai sur une nouvelle ligne
  6. Cliquez sur "Save"
  7. Cliquez sur "Done" pour quitter le mode développeur
  8. Cliquez sur "Publish" pour déployer vos modifications

Important : Le mode développeur vous donne un accès direct au HTML et au CSS de votre site. Veillez à n'ajouter du code qu'à la fin du fichier body-end.html pour ne pas compromettre le fonctionnement de votre site. Testez toujours les modifications avant de publier.

Étape 3 : Vérifier l'installation

Après avoir publié vos modifications, ouvrez votre site web 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 d'avoir publié votre site (pas seulement enregistré). Videz le cache de votre navigateur ou consultez le site en mode navigation privée. Vérifiez que votre code utilise HTTPS (ce qui est le cas par défaut). Ouvrez la console du navigateur (F12) pour vérifier s'il y a des erreurs JavaScript.