Depuis la version 4.3, Elementor dispose d'un connecteur officiel, le MCP Elementor. Il permet à un assistant IA comme Claude de construire et de modifier vos pages directement dans Elementor, avec de vrais éléments que vous pouvez ensuite retoucher à la main.
Chez Alpixi, nous l'utilisons au quotidien, y compris pour mettre en forme les articles de ce blog. Voici comment le connecter, comment bien travailler avec, et les limites à connaître avant de vous lancer.
Le MCP Elementor en bref
- Le MCP est un protocole standard qui relie un assistant IA à des outils, ici à Elementor.
- Disponible depuis Elementor 4.3, sorti en septembre 2026, pour les éléments atomiques V4.
- Compatible avec Claude Code, Claude Desktop, Codex, Cursor et les autres outils compatibles MCP.
- Tout est enregistré en brouillon : rien n'est publié sans votre accord.
- Inclus dans Elementor : seul l'abonnement à l'outil IA est facturé à part.
Le MCP Elementor, c'est quoi ?
MCP signifie Model Context Protocol. C'est un standard ouvert, créé par Anthropic, qui permet à un assistant IA d'utiliser des outils extérieurs : lire des fichiers, interroger un service ou, ici, construire une page Elementor.
Concrètement, vous décrivez ce que vous voulez en français. Claude traduit votre demande en actions Elementor (créer une section, appliquer une classe, régler le responsive) et le site les exécute. Le résultat n'est pas du HTML collé, mais de vrais éléments atomiques, modifiables dans l'éditeur comme n'importe quelle page.
Ce qu'il faut avant de commencer
- Elementor 4.3 ou plus récent, avec l'éditeur atomique activé.
- Un compte administrateur WordPress.
- Un outil IA compatible MCP : Claude Code, Claude Desktop, Codex ou Cursor.
- Elementor Pro, si vous voulez que l'IA travaille sur les éléments Pro (Theme Builder, formulaires, boucles).
- Une sauvegarde récente, et idéalement un site de préproduction pour vos premiers essais.
Connecter Claude à Elementor
En 4 étapes
- Dans WordPress, ouvrez le menu Elementor, puis Elementor MCP.
- Choisissez votre outil (Claude Code, Claude Desktop, Codex, Cursor…). Elementor génère un code de connexion adapté, qui crée un mot de passe d'application WordPress.
- Collez ce code à l'endroit indiqué par Elementor : dans le terminal pour Claude Code, dans la configuration des connecteurs pour Claude Desktop.
- Redémarrez l'outil si besoin, puis vérifiez que les outils Elementor apparaissent.
# Dans Claude Code, pour lister les serveurs MCP connectés claude mcp list
Premier test conseillé : demandez simplement « Liste les classes globales et les variables de mon site ». Si Claude vous répond avec vos couleurs et vos classes, la connexion fonctionne.
Ce que Claude peut faire avec le MCP
Pages
Construire une page
Une page complète ou une section, à partir d'une description, d'une capture d'écran ou d'une maquette.
Mise en page
Restructurer
Réorganiser des sections existantes, changer l'ordre sur mobile, passer d'une à deux colonnes.
Design
Classes et variables
Créer et appliquer vos classes globales et vos variables, pour rester fidèle à votre charte.
Responsive
Appareils et états
Régler les valeurs par appareil et les états de survol, de focus ou d'activation.
Pro
Theme Builder
Travailler sur l'en-tête, le pied de page, le modèle d'article ou la page 404, avec Elementor Pro.
Contenu
Textes et champs
Réécrire des textes, créer une FAQ en accordéon, relier un élément à un champ dynamique.
Notre méthode pour de bons résultats
L'IA va vite, mais c'est la méthode qui fait la qualité. Voici le cycle que nous suivons sur chaque page.
- Un brief précis : l'objectif de la page, le contenu réel, une ou deux pages de référence.
- Le système de design d'abord : demandez à Claude de lire vos classes et vos variables, et de les réutiliser plutôt que d'en créer de nouvelles.
- Une section à la fois : c'est plus facile à relire et à corriger qu'une page entière d'un coup.
- Un contrôle visuel systématique : Claude peut générer un lien d'aperçu et vérifier le rendu sur ordinateur et sur mobile.
- Des retours précis : « réduis l'espace entre les cartes à 16 px » fonctionne mieux que « c'est trop large ».
- La publication reste votre décision, après une dernière relecture.
Des exemples de prompts
Quelques demandes que nous utilisons régulièrement, à adapter à votre site :
Section
« Crée une section Nos services avec trois cartes, en réutilisant les classes existantes du site. N'ajoute aucune nouvelle couleur. »
Typographie
« Dans cet article, ajoute des espaces insécables avant les deux-points et les points d'interrogation, et entre les nombres et leurs unités. »
FAQ
« Transforme ces cinq questions en accordéon avec le schéma FAQ activé, sur le modèle de notre article sur Elementor V4. »
Contrôle
« Génère un aperçu de la page, vérifie le rendu à 390 px de large et liste tout ce qui déborde. »
Les limites à connaître
Après plusieurs semaines d'utilisation, voici ce qu'il faut garder en tête :
- Les widgets V3 ne sont pas modifiables : Claude peut les lire, mais pas les changer ni les supprimer. Le support est annoncé sur la feuille de route d'Elementor.
- Pas de téléversement d'images : Claude peut utiliser les images de votre médiathèque, mais les nouvelles s'ajoutent à la main.
- Pas de widget HTML : le code sur mesure, comme les animations de cet article, se colle encore à la main.
- Une page publiée garde sa version en ligne : les modifications sont enregistrées à part et n'apparaissent qu'à la publication.
- Une seule personne à la fois : évitez d'avoir la même page ouverte dans l'éditeur pendant que Claude travaille, la dernière sauvegarde l'emporte.
- L'IA peut se tromper : une information technique, un lien ou une date se vérifient toujours avant publication.
Sécurité : les bons réflexes
- Le code de connexion est un mot de passe : ne le partagez jamais et ne le publiez pas dans un dépôt de code.
- Révoquez les accès inutilisés depuis votre profil WordPress, rubrique Mots de passe d'application.
- Testez d'abord sur une préproduction, surtout pour le Theme Builder, qui touche toutes les pages du site.
- Gardez des sauvegardes régulières, et relisez chaque brouillon avant de le publier.
Questions fréquentes
Le MCP Elementor est-il payant ?
Non, il est inclus dans Elementor. En revanche, l'outil IA (Claude, Codex, Cursor…) a son propre abonnement, et les éléments Pro demandent Elementor Pro.
Claude peut-il publier une page sans mon accord ?
Par défaut, tout est enregistré en brouillon. Claude ne publie une page que si vous le lui demandez explicitement.
Le MCP fonctionne-t-il avec mes pages V3 ?
Pas encore pour la modification : le MCP travaille sur les éléments atomiques V4. Vos pages V3 restent lisibles, et un support plus complet est annoncé sur la feuille de route d'Elementor.
Faut-il savoir coder ?
Non, vous décrivez ce que vous voulez en français. Connaître les bases d'Elementor V4 (classes, variables, Flexbox) aide toutefois à formuler des demandes précises et à relire le résultat.
Quelle différence avec Angie ?
Angie est l'assistant IA d'Elementor. Le MCP vous permet d'utiliser votre propre outil, comme Claude. Installée sur le site, Angie ajoute des capacités supplémentaires, comme l'accès à d'autres extensions WordPress.
L'IA remplace-t-elle une agence web ?
Elle accélère le montage, mais l'architecture, l'expérience utilisateur, l'accessibilité et le contenu restent des choix humains. C'est ainsi que nous l'utilisons : pour gagner du temps sur l'exécution, pas sur la réflexion.
Pour aller plus loin
Un projet en tête ?
Parlons de votre prochain site web
Site vitrine, refonte, identité visuelle ou référencement : Alpixi accompagne les entreprises des Alpes et d'ailleurs, avec un interlocuteur unique du premier échange à la mise en ligne.
★★★★★
Noté 5/5 par nos clients sur Google
Contact direct
Agence basée à Autrans-Méaudre en Vercors