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 à WordPress

Guide étape par étape pour les sites WordPress

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

Méthode 1 : Utiliser un plugin (recommandé)

La façon la plus simple d'ajouter le widget de chat est d'utiliser un plugin comme « Insert Headers and Footers » ou « WPCode ».

Utiliser WPCode (gratuit)

  1. Go to Plugins → Add New in your WordPress admin
  2. Recherchez "WPCode" et installez-le
  3. Activez le plugin
  4. Allez dans Code Snippets → Header & Footer
  5. Collez votre code d'intégration Asyntai dans la section "Footer"
  6. Cliquez sur "Save Changes"

Utiliser Insert Headers and Footers

  1. Go to Plugins → Add New in your WordPress admin
  2. Recherchez "Insert Headers and Footers" par WPBeginner
  3. Installez et activez le plugin
  4. Allez dans Réglages → Insert Headers and Footers
  5. Collez votre code d'intégration Asyntai dans la zone « Scripts in Footer »
  6. Cliquez sur "Save"

Pourquoi utiliser un plugin ? Utiliser un plugin garantit que votre code reste en place même lorsque vous mettez à jour ou changez votre thème WordPress.

Méthode 2 : Modifier les fichiers du thème

Vous pouvez ajouter le code directement dans les fichiers de votre thème. L'emplacement de l'éditeur de fichiers de thème dépend de votre version de WordPress et du type de thème.

Pour les thèmes classiques

  1. Allez dans Apparence → Éditeur de fichiers de thème dans votre admin WordPress
  2. Select your active theme from the dropdown (if not already selected)
  3. Trouvez et cliquez sur footer.php dans la liste des fichiers à droite
  4. Faites défiler jusqu'en bas et trouvez la balise de fermeture </body>
  5. Collez votre code d'intégration Asyntai juste avant la balise </body>
  6. Cliquez sur "Update File"

Pour les thèmes blocs (thèmes FSE)

Si vous utilisez un thème basé sur les blocs (comme Twenty Twenty-Four ou d'autres thèmes Full Site Editing), l'éditeur de fichiers de thème a été déplacé :

  1. Allez dans Outils → Éditeur de fichiers de thème dans votre admin WordPress
  2. Sélectionnez votre thème actif dans le menu déroulant
  3. Cherchez footer.php ou footer.html dans la liste des fichiers
  4. Ajoutez votre code d'intégration Asyntai avant la balise de fermeture </body>
  5. Cliquez sur "Update File"

Note : Certains thèmes blocs n'ont pas de fichier footer.php. Dans ce cas, utilisez la méthode du plugin (WPCode) qui fonctionne avec tous les types de thèmes.

Important : Les mises à jour du thème écraseront vos modifications. Pour une solution permanente, utilisez un thème enfant ou la méthode du plugin.

Méthode 3 : Utiliser Elementor

Si vous utilisez Elementor, vous pouvez ajouter le code via la fonctionnalité de code personnalisé d'Elementor.

Elementor Pro

  1. Allez dans Elementor → Custom Code
  2. Cliquez sur "Add New"
  3. Donnez-lui un nom comme « Asyntai Chatbot »
  4. Set Location to "Before </body> End"
  5. Collez votre code d'intégration Asyntai
  6. Set Display Conditions to "Entire Site"
  7. Cliquez sur "Publish"

Elementor Free

Si vous utilisez la version gratuite d'Elementor, utilisez la méthode du plugin décrite ci-dessus, car l'injection de code personnalisé nécessite Elementor Pro.

Étape 3 : Vérifier l'installation

Après avoir ajouté le code, visitez votre site dans un nouvel onglet ou une fenêtre de navigation privée. Vous devriez voir le bouton du widget de chat dans le coin inférieur droit de votre site. 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 de tous vos plugins de cache WordPress. Si vous utilisez un plugin de cache comme WP Rocket ou W3 Total Cache, purgez le cache après avoir ajouté le code.