🤖 Guide — Connecter Elementor MCP à votre IA (Claude, ChatGPT…)¶

Site : Meristheme.com

Version : 1.0

Dernière mise à jour : 26 Septembre 2026

Auteur : Fenohery Fanomezanirina

Source officielle : elementor.com/mcp — ce guide suit la documentation officielle Elementor

🎯 Qu'est-ce que c'est ?¶

MCP (Model Context Protocol) est le standard qui permet aux IA (Claude, ChatGPT, Codex, Cursor…) d'agir directement sur des outils externes. Elementor MCP est la fonction officielle d'Elementor (en beta) qui connecte votre site WordPress à votre IA : vous demandez en langage naturel — « crée une page de contact avec un formulaire », « refais le design de cette section » — et l'IA construit ou modifie la page en vraie structure Elementor, éditable ensuite dans l'éditeur visuel.

⚠️ À savoir avant de commencer :

⚙️ Étape 1 — Préparer le Site¶

1. Vérifier la version d'Elementor : tableau de bord → « Extensions » → « Extensions installées » → Elementor
2. Si le menu « Elementor MCP » n'apparaît pas sous Elementor dans la sidebar : mettre Elementor à jour vers la dernière version
3. Si la version la plus récente est en beta : activer le programme beta (Elementor → Outils → Version Control → Beta Tester), mettre à jour depuis « Mises à jour », puis activer l'Éditeur Atomique (Elementor → Réglages → Atomic Editor) — c'est ce qui fait apparaître la page MCP
4. Vérifier que le compte utilisé est bien administrateur du site

🔐 Contexte sécurité (septembre 2026) : l'incident du mois est passé par des extensions. L'activation d'un point d'entrée IA supplémentaire doit rester maîtrisée : une seule connexion, sur le compte admin de Franck, et on révoque tout mot de passe d'application devenu inutile (voir Étape 4).

🔗 Étape 2 — Activer et Générer la Connexion (côté WordPress)¶

Documentation officielle (elementor.com/mcp) :

1. Dans le tableau de bord WordPress, aller dans « Elementor » → « Elementor MCP »
2. Choisir l'outil IA à connecter dans la liste des réglages proposés
3. Elementor crée automatiquement le mot de passe d'application en arrière-plan et l'intègre dans un prompt de configuration prêt à l'emploi
4. Copier ce prompt

ℹ️ Les réglages officiels proposent des profils pour Claude Code, Claude Desktop, Codex et Cursor, plus une option « Autre » (configuration manuelle) pour tout client compatible MCP. ChatGPT n'est pas dans la liste officielle — voir l'Étape 3C pour la route générique.

🤖 Étape 3 — Connecter votre Outil IA¶

3A. Claude Desktop (recommandé pour Franck)¶

1. Ouvrir l'application Claude Desktop
2. Aller dans Réglages → Développeur → Modifier la configuration (ou coller le prompt directement dans la conversation si votre version le propose)
3. Coller le prompt généré par Elementor : il contient la configuration du serveur MCP et le mot de passe d'application — Claude finalise la connexion
4. Redémarrer Claude si nécessaire ; les outils Elementor apparaissent alors dans les capacités disponibles (icône outils 🔨)

3B. Claude Code (pour l'équipe technique)¶

1. Dans un terminal, coller le prompt généré : la commande d'ajout de serveur MCP (claude mcp add …) s'y trouve
2. Valider l'exécution, puis vérifier avec /mcp que le serveur Elementor est connecté

3C. ChatGPT (route générique — non listée par Elementor)¶

ChatGPT peut se connecter à n'importe quel serveur MCP distant via ses connecteurs, mais ce n'est pas un réglage officiellement documenté par Elementor :

1. Dans WordPress → Elementor → Elementor MCP, choisir « Autre » pour récupérer la configuration manuelle (URL du serveur + authentification)
2. Dans ChatGPT : Paramètres → Connecteurs (ou « Apps & Connecteurs » selon la version) → Créer / Ajouter un connecteur et saisir la configuration récupérée — le mode développeur peut être requis selon le plan
3. Si l'option n'est pas disponible sur votre plan ChatGPT : Claude Desktop est le chemin recommandé par Elementor

3D. Cursor / Codex¶

Même principe : choisir le réglage officiel correspondant dans Elementor → Elementor MCP, copier le prompt et le coller dans l'outil — la connexion se finalise automatiquement.

🔐 Étape 4 — Sécurité et Bonnes Pratiques¶

• Accès admin uniquement : ne pas partager le prompt généré (il contient le mot de passe d'application)
• Révocation : pour couper une connexion, supprimer le mot de passe d'application dans « Utilisateurs » → « Profil » → « Mots de passe d'application »
• Brouillons uniquement : l'IA ne publie jamais seule — cohérent avec la règle du site (Franck valide avant publication)
• Conflits : si quelqu'un édite la page dans l'éditeur pendant qu'une action IA est en cours, Elementor détecte le conflit et propose de rafraîchir ou d'abandonner
• Beta : tester d'abord sur une page de test, garder des sauvegardes quotidiennes actives (AI1WM, déjà en place ✅)

🧪 Ce que l'IA peut faire (et pas)¶

✅ Dès maintenant - Créer des pages complètes en langage naturel (descriptif, Figma, document Drive, même un message WhatsApp — si l'outil IA y est connecté) - Créer des theme parts : en-têtes, pieds de page, pages 404, avec conditions d'affichage - Construire des design systems (classes, variables, états de survol, breakpoints responsives) - Placer et remplir des composants - Détection des conflits d'édition + sortie systématique en brouillon

⛔ Pas encore / selon configuration - Modifier les pages existantes du site tant qu'elles sont en widgets V3 (support V3 à venir) — donc pas la page QVCJ® actuelle ni les modèles enregistrés classiques - Fonctions avancées (widgets personnalisés, connexions à WooCommerce/Yoast/ACF via l'API Abilities, actions en masse) : nécessitent Angie (extension gratuite du répertoire WordPress) - Éléments Pro : plan Elementor Pro requis

📞 Support et Contacts¶

• Support technique principal : Fenohery Fanomezanirina — fenohery.fanomezanirina@gmail.com (réponse 24-48h ouvrés)

📚 Pour aller plus loin¶

• Les bases d'Elementor
• Instructions Franck — Logos QVCJ
• Documentation officielle : elementor.com/mcp

✅ Checklist de Connexion¶

• Elementor à jour et menu « Elementor MCP » visible
• Connexion créée sur un compte administrateur (idéalement celui de Franck)
• Prompt collé dans l'outil IA (Claude Desktop / Claude Code / Cursor / Codex)
• Test réussi : une page de test créée par l'IA, vérifiée en brouillon dans l'éditeur
• Mot de passe d'application noté dans l'inventaire des accès (et révocable)
• Règle confirmée : aucune publication automatique — validation humaine avant mise en ligne