Ajouter un chatbot IA à votre site WordPress

Ce qu’il vous faut

• Un site WordPress auquel vous pouvez vous connecter en tant qu’administrateur (WordPress auto-hébergé, ou une offre WordPress.com qui autorise les extensions).
• Un compte chez nous : inscrivez-vous avec votre e-mail, indiquez l’adresse de votre site et copiez votre ligne de code depuis le tableau de bord.
• Environ cinq minutes.

Votre ligne de code ressemble à ceci, avec l’identifiant de votre site :

Option 1 : avec l’extension gratuite WPCode (recommandé)

WPCode (présentée dans le répertoire des extensions sous le nom « WPCode – Insert Headers and Footers ») ajoute du code à toutes les pages sans toucher à votre thème. Sa version gratuite suffit.

1. Dans l’administration WordPress, allez dans Plugins → Add New, cherchez WPCode, puis cliquez sur Install Now et Activate.
2. Allez dans Code Snippets → Header & Footer.
3. Collez votre ligne dans le champ Footer. Le code placé là est inséré juste avant la balise de fermeture </body> de chaque page.
4. Cliquez sur Save Changes.
5. Ouvrez votre site dans un nouvel onglet. Le bouton de chat apparaît en bas à droite et votre tableau de bord affiche Connecté.

Option 2 : dans un thème enfant, sans extension

Si vous préférez ne pas ajouter d’extension, ajoutez la ligne depuis le fichier functions.php de votre thème enfant. Cela fonctionne aussi bien avec les thèmes classiques qu’avec les thèmes blocs, car les deux exécutent le hook wp_footer. Utilisez un thème enfant : les modifications du thème parent sont perdues à chaque mise à jour.

1. Ouvrez le fichier functions.php de votre thème enfant (via le gestionnaire de fichiers de votre hébergeur, en SFTP, ou par Appearance → Theme File Editor s’il est activé).
2. Ajoutez une fonction accrochée à wp_footer qui affiche votre ligne de code, par exemple add_action('wp_footer', function () { echo '…your line…'; });
3. Enregistrez le fichier et ouvrez votre site pour vérifier que le bouton de chat apparaît.

Avec un thème classique, vous pouvez aussi coller la ligne dans footer.php, juste avant </body>. Là encore, uniquement dans un thème enfant.

Si le bouton de chat n’apparaît pas

• Videz votre cache. Les extensions de cache, le cache de votre hébergeur et un CDN peuvent continuer à servir l’ancienne page. Purgez-les tous après l’enregistrement.
• Vérifiez les options de « report du JavaScript ». Certaines extensions d’optimisation retiennent les scripts jusqu’à ce que le visiteur fasse défiler la page ou clique. Excluez widget.js de cette liste si le bouton n’apparaît que tardivement.
• Vérifiez le domaine. Le chat ne répond que sur l’adresse que vous avez enregistrée (avec et sans www comptent comme la même). Une copie de préproduction sur un autre domaine nécessite d’ajouter ce domaine dans votre tableau de bord ; sinon, testez sur localhost.
• Affichez le code source de la page et cherchez widget.js. S’il n’y est pas, le code n’a pas été enregistré à un endroit que WordPress affiche.

Ce que fait l’assistant sur WordPress

Il lit les pages publiques de votre site : services, descriptions de produits, FAQ, pages livraison et retours, pages « à propos » et contact. Il répond à partir d’elles, dans la langue dans laquelle le visiteur écrit, et relit votre site chaque jour : quand vous modifiez une page, les réponses suivent. Quand une question n’est pas couverte, il le dit au lieu de deviner, et la question rejoint votre liste de questions restées sans réponse : vous savez ainsi quelle page améliorer.

Quand un visiteur demande à parler à quelqu’un, a une réclamation ou a besoin qu’on fasse quelque chose pour lui, la conversation vous arrive par e-mail, ou dans Slack, Discord ou Telegram si vous les connectez ; depuis les applications de messagerie, vous pouvez répondre au visiteur en direct.

Il ne se connecte pas à votre administration WordPress et ne modifie pas votre site. Il lit seulement ce que n’importe quel visiteur peut lire.

Vous vendez en ligne avec WordPress ?

Si vous vendez avec WooCommerce, la même ligne de code fonctionne et l’assistant répond aux questions sur vos produits et vos conditions à partir des pages de votre boutique. Il ne peut ni consulter ni modifier les commandes WooCommerce. Les détails sont sur la page WooCommerce.