Documentation

WordPress

Ajoutez votre agent aux sites WordPress.

Ajoutez votre agent IA aux sites WordPress à l’aide du code d’intégration. Fonctionne avec n’importe quel thème WordPress.

Commencez par récupérer votre code d’intégration depuis Agent > Publier dans le tableau de bord.

Méthode 1 : pied de page du thème (recommandé)

Ajoutez le widget à toutes les pages via votre thème :

  1. Allez dans Appearance → Theme Editor (ou Theme File Editor)
  2. Recherchez footer.php dans les fichiers de votre thème
  3. Collez votre code d’intégration juste avant </body>

Exemple de format (récupérez votre code réel depuis Agent > Publier) :

<script
  src="YOUR_WIDGET_URL"
  data-chatbot="YOUR_CHATBOT_ID"
  async
></script>
  1. Cliquez sur Update File

Le widget apparaît désormais sur toutes les pages.

Méthode 2 : bloc HTML personnalisé

Ajoutez-le à des pages spécifiques via l’éditeur de blocs :

  1. Modifiez la page où vous voulez le widget
  2. Ajoutez un bloc Custom HTML
  3. Collez votre code d’intégration depuis Agent > Publier

Exemple de format :

<script
  src="YOUR_WIDGET_URL"
  data-chatbot="YOUR_CHATBOT_ID"
  async
></script>
  1. Enregistrez la page

Méthode 3 : plugin (scripts d’en-tête/pied de page)

Utilisez un plugin pour ajouter des scripts à l’échelle du site :

  1. Installez un plugin comme « Insert Headers and Footers » ou « WPCode »
  2. Allez dans les paramètres du plugin
  3. Repérez la section « Footer Scripts »
  4. Collez votre code d’intégration depuis Agent > Publier
  5. Enregistrez les modifications

Cette méthode ne nécessite pas de modifier les fichiers du thème.

Méthode 4 : thème enfant

Pour les thèmes mis à jour fréquemment, utilisez un thème enfant :

  1. Créez un thème enfant pour votre thème actuel
  2. Ajoutez un fichier functions.php avec le code suivant (remplacez YOUR_WIDGET_URL et YOUR_CHATBOT_ID par les valeurs de Agent > Publier) :
<?php
function add_chatbot_widget() {
    ?>
    <script
      src="YOUR_WIDGET_URL"
      data-chatbot="YOUR_CHATBOT_ID"
      async
    ></script>
    <?php
}
add_action('wp_footer', 'add_chatbot_widget');

Cela résiste aux mises à jour du thème.

Sites WooCommerce

Le widget fonctionne automatiquement sur les sites WooCommerce. Pensez à :

  • L’ajouter aux pages produits pour les questions sur les produits
  • L’ajouter à la page de paiement pour le support de commande
  • L’utiliser sur des pages spécifiques via des blocs HTML personnalisés

Constructeurs de pages

Elementor

  1. Modifiez avec Elementor
  2. Ajoutez un widget HTML
  3. Collez le code d’intégration
  4. Configurez l’affichage sur tout le site (facultatif)

Divi

  1. Ajoutez un module de code
  2. Collez le code d’intégration
  3. Enregistrez les modifications

Beaver Builder

  1. Ajoutez un module HTML
  2. Collez le code d’intégration
  3. Publiez les modifications

Multisite

Pour WordPress Multisite :

  • Ajoutez le code à chaque site individuellement, ou
  • Utilisez un plugin activé au niveau du réseau pour l’ajouter à tous les sites

Plugins de mise en cache

Si vous utilisez des plugins de mise en cache (WP Super Cache, W3 Total Cache, etc.) :

  1. Ajoutez le code du widget
  2. Videz tous les caches
  3. Testez le widget

Le widget devrait fonctionner avec tous les principaux plugins de mise en cache.

Dépannage

Le widget n’apparaît pas

  • Videz votre cache WordPress
  • Vérifiez la console du navigateur pour repérer les erreurs
  • Vérifiez que l’ID de l’agent est correct

L’éditeur de thème n’est pas disponible

  • Certains hébergeurs désactivent l’édition de thème
  • Utilisez plutôt une méthode par plugin
  • Ou modifiez les fichiers via FTP

Position du widget incorrecte

  • Ajustez-la dans les paramètres Design de votre agent
  • Vérifiez les conflits CSS liés au thème

Test

Après l’installation :

  1. Ouvrez votre site WordPress dans une fenêtre de navigation privée
  2. Repérez la bulle de discussion
  3. Envoyez un message de test
  4. Vérifiez la réponse

Étapes suivantes