Ajouter un chatbot IA sur un site Elementor

Vous refaites votre site sous Elementor, peut-être avec ChatGPT ou Claude pour écrire les textes et monter les pages. Reste une question que l'éditeur ne règle pas : comment faire répondre le site à vos visiteurs, le soir et le week-end ? Elementor construit les pages, il n'a pas de chatbot pour vos clients. Le chatbot s'ajoute à côté, en quelques minutes, et quatre chemins y mènent selon votre version d'Elementor et la façon dont vous travaillez.

La réponse courte

Quatre façons, de la plus simple à la plus poussée : l'extension WordPress CauserieBot (Elementor gratuit suffit) ; le code personnalisé des offres payantes d'Elementor, qui pose le script sur tout le site ; le widget HTML, pour afficher le chat dans une section de page ; un assistant IA, qui construit les pages par Elementor MCP et crée le bot par le connecteur MCP de Causerie. Dans les quatre cas, le chatbot apprend vos pages et se règle ensuite sans retoucher Elementor.

Ce qu'il faut savoir avant de commencer

Elementor équipe plus de 22 millions de sites selon l'éditeur, et compte plus de 10 millions d'installations actives sur le répertoire de WordPress. Son rôle : construire les pages. Un chatbot de site n'est pas un bloc Elementor de plus : c'est un petit script qui se charge par-dessus votre thème et affiche une bulle de discussion. Le bot, lui, vit chez l'éditeur du chatbot : c'est là qu'il apprend vos pages et vos PDF, qu'on règle son ton, ses couleurs et la récupération des contacts. Conséquence pratique : une fois le script en place, vous n'avez plus à ouvrir Elementor pour faire évoluer le chatbot, et une refonte de vos pages ne le casse pas.

Commencez donc par créer le bot. Avec Causerie, collez l'adresse de votre site dans le configurateur : il lit vos pages et prépare un bot que vous essayez tout de suite, sans compte. Vous le gardez en créant un compte gratuit, puis vous récupérez son code d'installation dans l'onglet Intégration du tableau de bord.

Méthode 1 : l'extension WordPress, sans toucher à Elementor

Elementor tourne sur WordPress : la façon la plus simple passe donc par WordPress, pas par l'éditeur de pages. L'extension CauserieBot est publiée sur le répertoire officiel de WordPress.

✓Dans l'administration WordPress : Extensions, Ajouter, cherchez « CauserieBot », installez et activez.
✓Dans le tableau de bord de Causerie : Paramètres, Clés API, créez une clé (sur toutes les offres, Gratuit compris).
✓Dans les réglages de l'extension : collez la clé, chargez vos chatbots, choisissez le bon. La bulle apparaît sur tout le site.
✓Si vous utilisez une extension de cache (WP Rocket, LiteSpeed Cache, W3 Total Cache), videz le cache pour la voir.

C'est la méthode à conseiller par défaut : rien à coller dans les pages, et elle marche avec Elementor gratuit comme avec les offres payantes. Votre site est hébergé par Elementor ? Les extensions y sont permises, hors d'une liste de 29 extensions refusées où CauserieBot ne figure pas. Le guide pas à pas est sur la page chatbot WordPress.

Méthode 2 : le code personnalisé d'Elementor

Si vous préférez ne pas ajouter d'extension, Elementor sait poser un script sur tout le site avec sa fonction Custom Code. Elle est payante : absente de l'offre Essential, incluse à partir d'Advanced Solo. Le chemin a changé en 2026 : dans l'administration WordPress, Elementor, puis Editor ; dans le panneau de gauche, Custom Elements, puis Code, puis New code. Sur les versions plus anciennes : Elementor, Custom Code, Add New. Donnez un nom au code, choisissez l'emplacement de fin de page (« <body> - End ») et collez le code d'installation de votre bot :

<script src="https://dashboard.causeriebot.com/widget.js"
  data-id="ID_DU_CHATBOT"
  data-url="https://dashboard.causeriebot.com" defer></script>

Dans le bloc de publication, réglez les conditions d'affichage : tout le site dans la plupart des cas, ou seulement certaines pages. Sans offre payante, l'extension gratuite WPCode (plus de 3 millions d'installations actives) fait le même travail : le code se colle dans son champ de pied de page. L'attribut data-id identifie votre bot et rien de plus : il ne contient aucune clé secrète et peut figurer dans la page. Le code ne change jamais : tout réglage fait ensuite dans Causerie s'applique sans y retoucher.

Une bulle en bas à droite n'est pas toujours ce qu'on veut. Sur une page Contact, FAQ ou Tarifs, le chat peut occuper un bloc de la page, comme un formulaire qui répondrait. Le widget HTML d'Elementor, présent dans la version gratuite et réservé aux administrateurs du site, accepte les scripts : glissez-le dans la section voulue et collez ce code.

<div id="causerie-section"></div>
<script src="https://dashboard.causeriebot.com/widget.js"
  data-id="ID_DU_CHATBOT"
  data-url="https://dashboard.causeriebot.com"
  data-target="#causerie-section"
  data-height="560px"></script>

✓data-target désigne le bloc où le chat s'affiche ; si ce bloc est introuvable, le chat reste en bulle flottante.
✓data-height règle la hauteur du bloc.
✓data-launcher="on", ajouté au script, garde aussi la bulle flottante sur la page.

Pour ouvrir le chat depuis un bouton de vos pages, un lien vers #causerie suffit, ou l'attribut data-causerie-open sur n'importe quel élément, dans un widget HTML :

<button data-causerie-open>Une question ? Écrivez-nous</button>

Vérifiez le résultat sur la page publiée : des utilisateurs signalent que les scripts d'un widget HTML ne s'exécutent pas toujours dans l'aperçu de l'éditeur. Le widget HTML vaut pour une page à la fois : pour une bulle sur tout le site, préférez les méthodes 1 ou 2. Tous les attributs sont décrits dans la documentation.

Méthode 4 : avec Claude, Codex ou ChatGPT, par MCP

C'est le chemin des refontes menées avec une IA. Deux connecteurs MCP (Model Context Protocol, le standard qui permet à un assistant d'utiliser des outils extérieurs) se partagent le travail.

Elementor MCP : l'IA construit les pages

Elementor MCP est arrivé avec Elementor 4.3.0, le 22 septembre 2026, après une bêta ouverte le 15. Il demande WordPress 6.8 ou plus et Elementor 4.3.0 ou plus. Dans l'administration : Elementor, puis Elementor MCP ; cliquez sur Enable MCP access, choisissez votre assistant, cochez la case de confirmation, puis Generate Prompt et copiez le texte à donner à l'assistant. L'accès est réservé aux administrateurs, site par site. Elementor cite Claude Code, Claude Desktop, Codex (OpenAI) et Cursor, plus un choix « Other » ; ChatGPT n'est pas dans sa liste au 3 novembre 2026. L'assistant construit alors des pages, des sections, des en-têtes et des pieds de page avec les éléments du nouvel éditeur d'Elementor (V4). Les étapes complètes, et les limites constatées en vrai, sont dans deux tutoriels de Code Circle : créer un site Elementor avec l'IA et connecter Claude à Elementor.

Le connecteur MCP de Causerie : l'IA crée le chatbot

Ajoutez ensuite le connecteur de Causerie à votre assistant (adresse https://dashboard.causeriebot.com/api/mcp/account, connexion à votre compte). Dans Claude, les connecteurs personnalisés sont ouverts dès l'offre gratuite, limitée à un seul ; dans ChatGPT, l'ajout d'un serveur MCP personnalisé dépend de votre offre et des règles de votre espace de travail. Demandez alors : « crée un chatbot pour mon site », « ajoute la page Tarifs à ses connaissances », « donne-moi son code d'installation ». Le connecteur fonctionne dès l'offre Gratuit de Causerie ; la marche à suivre pour chaque assistant est sur la page connecteur MCP.

Un conseil : laissez l'IA construire les pages et créer le bot, mais installez le chatbot une fois pour tout le site, par l'extension ou le code personnalisé. La documentation d'Elementor MCP ne prévoit pas de poser un script, et un code collé page par page se perd à la refonte suivante.

Quelle méthode choisir ?

Méthode	Elementor	Affichage	Pour qui
Extension CauserieBot	Gratuit ou payant	Bulle sur tout le site	Le plus simple, sans code
Code personnalisé	Advanced Solo et plus (pas Essential)	Bulle sur tout le site, ou sur certaines pages	Vous gérez déjà vos scripts dans Elementor
Widget HTML	Gratuit ou payant	Chat dans une section de page	Une page Contact, FAQ ou Tarifs
IA par MCP	Elementor 4.3.0 et WordPress 6.8 et plus	Pages construites et bot créé par l'IA	Une refonte pilotée depuis Claude, Codex ou Cursor

Les erreurs fréquentes

✓Coller le script dans un widget HTML de chaque page pour avoir une bulle partout : une seule installation pour tout le site (méthode 1 ou 2) suffit et survit aux refontes.
✓Cumuler deux installations de la bulle, par l'extension et par le code personnalisé : choisissez-en une.
✓Oublier le cache : sans le vider, la bulle n'apparaît qu'au prochain renouvellement du cache.
✓Masquer que c'est une IA : depuis le 2 août 2026, l'article 50 du règlement européen sur l'IA impose de prévenir le visiteur. Chez Causerie, la mention « Vous échangez avec un assistant IA » est activée par défaut.
✓Laisser le bot sur les seuls textes de l'accueil : ajoutez vos pages de services, vos tarifs et votre FAQ à ses connaissances, c'est là que sont les réponses.

Méthode et sources

Étapes et offres d'Elementor vérifiées le 3 novembre 2026 sur ses pages d'aide (code personnalisé, widget HTML, Elementor MCP, extensions refusées sur son hébergement), sa page de prix et sa fiche du répertoire WordPress ; connecteurs de Claude et de ChatGPT lus sur leurs documentations officielles ; étapes de Causerie tirées de sa documentation et de ses pages d'intégration, relues le même jour. Les menus des logiciels changent : si un intitulé diffère chez vous, cherchez son équivalent dans la même rubrique.

Questions fréquentes

Elementor a-t-il un chatbot intégré pour les visiteurs ? Non. Les outils d'IA d'Elementor (Elementor AI, l'assistant Angie, Elementor MCP) servent à construire et modifier le site, pas à répondre aux visiteurs. Pour un chatbot qui répond à vos clients, on ajoute un outil dédié, par une extension WordPress ou un script.

Faut-il Elementor Pro pour ajouter un chatbot ? Non. L'extension WordPress CauserieBot et le widget HTML fonctionnent avec la version gratuite d'Elementor. Le code personnalisé (Custom Code), qui pose le script sur tout le site depuis Elementor, est une fonction payante : absent de l'offre Essential, inclus à partir d'Advanced Solo.

Un chatbot ralentit-il un site Elementor ? Peu. Le widget de Causerie pèse environ 77 Ko transférés et se charge en différé, après le contenu de la page. Pensez à vider le cache de votre extension de cache après l'installation pour voir la bulle apparaître.

Peut-on brancher ChatGPT directement sur un site Elementor ? Oui, mais il faut un développeur : une clé API OpenAI ne se colle pas dans une page web, elle doit rester sur un serveur. Un outil de chatbot fait ce travail à votre place : il apprend vos pages, appelle le modèle et garde les clés hors de la page. Les quatre façons d'intégrer ChatGPT sont détaillées dans notre guide dédié.

Combien coûte un chatbot IA sur un site Elementor ? Elementor ne change rien au prix du chatbot. Chez Causerie, l'offre Gratuit permet d'installer un bot sans carte bancaire, avec un quota mensuel ; l'offre Essentiel est à 19 € HT par mois pour 1 000 conversations. Les prix de 37 outils, pour le même usage, sont comparés dans notre article sur le prix d'un chatbot IA.

Pour aller plus loin : intégrer ChatGPT sur son site, le prix d'un chatbot IA, 37 outils comparés et un chatbot WordPress gratuit.

Ajouter un chatbot IA à un site Elementor (avec ou sans ChatGPT)