Elementor MCP : le guide complet pour connecter votre IA

Qu'est-ce que le MCP d'Elementor ?

C'est un serveur MCP intégré à Elementor, qui met les actions de construction de pages à disposition de votre assistant IA.

MCP — le Model Context Protocol — est un standard ouvert qui permet à un assistant d'appeler les outils d'une autre application au lieu de se contenter d'écrire du texte. Elementor 4.3.4 en déclare 27 — Elementor les appelle des abilities : des actions et des ressources de référence — via l'API Abilities de WordPress, et les publie avec le MCP Adapter officiel de WordPress à l'adresse https://votre-site.fr/wp-json/elementor/mcp/.

Votre assistant lit l'arbre de la page, vos classes et variables globales, puis écrit des éléments Atomic natifs via la routine de sauvegarde d'Elementor. Le résultat s'ouvre dans l'éditeur comme une page construite à la main. La réflexion, elle, est faite par votre outil IA : c'est son abonnement que vous payez.

Le MCP Elementor est-il gratuit ?

La connexion est gratuite : le MCP est inclus dans Elementor gratuit et ne coûte rien à activer.

Ce que vous construisez suit les offres habituelles d'Elementor : selon Elementor, les sections et fonctionnalités de base sont gratuites à générer, les éléments Pro demandent une offre Pro. Le travail de l'IA, lui, est payé à qui fait tourner votre assistant — Anthropic pour Claude, OpenAI pour Codex, Cursor pour Cursor.

Elementor ne précise pas si l'usage du MCP consomme des crédits Elementor One. En pratique, la génération tourne dans votre outil IA : la facture que vous verrez, c'est l'abonnement ou la consommation API de cet outil.

De quoi avez-vous besoin avant de commencer ?

Un compte administrateur sur un site WordPress 6.9+ en HTTPS, avec Elementor 4.3+ et l'Atomic Editor activé.

Votre version de WordPress s'affiche dans Outils > Santé du site > Informations.

Comment activer le MCP Elementor dans WordPress ?

Activez l'accès MCP dans Elementor, choisissez votre outil IA et collez le prompt généré par Elementor.

1. Mettez Elementor à jour vers la dernière version 4.3.x.
2. Allez dans Elementor > Elementor MCP et cliquez sur Enable MCP access. L'accès est désactivé par défaut.
3. Lisez l'écran de consentement — les clients de confiance peuvent voir, modifier et exécuter du code sur le site — puis activez l'accès des agents.
4. Choisissez l'onglet de votre client : Claude Code, Claude Desktop, Codex, Cursor ou Other.
5. Cochez la case qui confirme qu'un mot de passe d'application va être créé, cliquez sur Generate Prompt, puis sur Copy prompt.
6. Collez le prompt dans votre outil IA. Il contient l'URL du serveur, votre identifiant et le mot de passe d'application, et demande à l'agent d'ajouter le serveur à son propre fichier de configuration puis de redémarrer.
7. De retour dans WordPress, cliquez sur Copy test prompt, lancez-le dans votre client et collez la réponse dans Validate response.

Vous préférez modifier le fichier vous-même ? Le lien Prefer manual configuration? affiche le chemin du fichier pour macOS, Linux et Windows, et un bouton Generate & Copy configuration. La section suivante montre ce que reçoit chaque client.

L'étape de validation vérifie seulement que vous avez collé du JSON valide : elle ne prouve pas que les outils fonctionnent. Le vrai test, c'est de demander à l'assistant de lire une page. Et traitez le prompt d'installation comme un mot de passe : il contient un identifiant valide, en clair.

Comment connecter chaque client IA au MCP Elementor ?

Tous les clients parlent au même endpoint, avec un en-tête Authorization: Basic … ; seuls le fichier et son format changent.

Dans les exemples ci-dessous, my-site-elementor désigne le nom de serveur généré par Elementor (le titre de votre site suivi de -elementor) et BASE64 votre identifiant et votre mot de passe d'application encodés ensemble — copiez-les depuis la configuration générée par Elementor plutôt que de les construire à la main.

{
  "mcpServers": {
    "my-site-elementor": {
      "type": "http",
      "url": "https://votre-site.fr/wp-json/elementor/mcp/",
      "headers": { "Authorization": "Basic BASE64" }
    }
  }
}

claude mcp add --transport http --scope user my-site-elementor \
  https://votre-site.fr/wp-json/elementor/mcp/ \
  --header "Authorization: Basic BASE64"

{
  "mcpServers": {
    "my-site-elementor": {
      "command": "npx",
      "args": ["-y", "mcp-remote", "https://votre-site.fr/wp-json/elementor/mcp/",
               "--header", "Authorization: Basic BASE64"]
    }
  }
}

{
  "mcpServers": {
    "my-site-elementor": {
      "command": "npx",
      "args": ["-y", "mcp-remote", "https://votre-site.fr/wp-json/elementor/mcp/",
               "--header", "Authorization:${AUTH_HEADER}"],
      "env": { "AUTH_HEADER": "Basic BASE64" }
    }
  }
}

[mcp_servers.my-site-elementor]
url = "https://votre-site.fr/wp-json/elementor/mcp/"

[mcp_servers.my-site-elementor.headers]
Authorization = "Basic BASE64"

[mcp_servers.my-site-elementor]
url = "https://votre-site.fr/wp-json/elementor/mcp/"
http_headers = { "Authorization" = "Basic BASE64" }

{
  "mcpServers": {
    "my-site-elementor": {
      "url": "https://votre-site.fr/wp-json/elementor/mcp/",
      "headers": { "Authorization": "Basic BASE64" }
    }
  }
}

{
  "mcpServers": {
    "my-site-elementor": {
      "serverUrl": "https://votre-site.fr/wp-json/elementor/mcp/",
      "headers": { "Authorization": "Basic BASE64" }
    }
  }
}

Que sait faire le MCP Elementor, et que ne sait-il pas faire ?

Il construit et modifie de la structure Atomic (V4) ; il ne touche pas aux widgets classiques et n'importe pas de nouvelles images.

Si vous et l'assistant modifiez la même page en même temps, Elementor affiche un avertissement de conflit : Force Save garde votre version, Reload reprend les modifications de l'IA. Fermez la page dans l'éditeur pendant que l'assistant travaille dessus.

Le MCP Elementor fonctionne-t-il avec les widgets classiques (V3) ?

Pas pour les modifier : le MCP ne modifie que les éléments Atomic (V4), et Elementor annonce la prise en charge des mises en page V3 « bientôt ».

Ciblez un widget classique et l'outil répond « Legacy V3 element cannot be modified through this MCP. Edit V3 elements directly in the Elementor editor. » Seule exception, une courte liste de widgets de thème — menu de navigation, contenu, titre, image mise en avant et extrait de l'article, titre d'archive — dont la mise en forme passe par du CSS personnalisé, réservé à Pro.

V3 et V4 peuvent cohabiter sur un même site, et même sur une même page : dans l'étude de cas Webgate publiée par Elementor, l'agence a gardé ses sections V3 et ajouté de nouvelles sections V4 via le MCP. Si votre site est surtout en V3, vous pouvez reconstruire les sections clés en V4, attendre la prise en charge du V3, ou utiliser un serveur tiers qui modifie les widgets classiques (voir le comparatif).

Erreurs fréquentes du MCP Elementor et solutions

La plupart des échecs viennent du mot de passe d'application, de l'en-tête Authorization ou de l'hébergeur — rarement d'Elementor lui-même.

SetEnvIf Authorization "(.*)" HTTP_AUTHORIZATION=$1

fastcgi_param HTTP_AUTHORIZATION $http_authorization;

Le MCP Elementor est-il sûr sur un site client ?

Il est aussi sûr que le compte que vous connectez : l'assistant obtient exactement les droits de cet utilisateur, et l'écran de consentement d'Elementor prévient qu'il peut exécuter du code sur un site en ligne.

• Mettez Elementor à jour. Les versions 4.3.0 et 4.3.1 contenaient une faille CSRF (CVE-2026-62062) dans le module Editor Events — pas dans le MCP lui-même — qui pouvait permettre de créer un compte administrateur via un administrateur connecté. Elle est corrigée depuis la 4.3.2.
• Traitez le prompt d'installation comme un mot de passe. Il contient le mot de passe d'application en clair : ne le collez ni dans une discussion partagée, ni dans un ticket, ni sur une capture. Le coller dans un assistant l'envoie aussi au fournisseur d'IA avec la conversation ; la configuration manuelle le garde dans un fichier local.
• Un client, un mot de passe. Révoquez-les un par un dans Utilisateurs > Profil > Mots de passe d'application. Turn off MCP access coupe tous les clients d'un coup.
• Commencez en préproduction, avec une sauvegarde. L'écran de consentement d'Elementor rappelle que les changements ne sont pas toujours réversibles.
• Surveillez ce que lit l'assistant. Une page, un fichier Figma ou un document peut cacher des instructions destinées à l'IA (injection de prompt). Relisez chaque brouillon avant sa mise en ligne.
• Votre contenu part chez votre fournisseur d'IA. Sur un site client, prévoyez-le dans votre contrat et votre politique de confidentialité.
• Laissez le Super Admin Mode d'Angie désactivé sauf besoin réel : il ajoute l'accès aux fichiers, à la base de données et au PHP.

MCP officiel d'Elementor ou serveur tiers ?

Commencez par l'officiel si vos pages sont en Atomic (V4) et que vous utilisez Claude, Codex ou Cursor : il est gratuit et maintenu par l'équipe qui construit l'éditeur.

Les serveurs tiers existent pour ce qu'il ne couvre pas encore : widgets classiques V3, connexion OAuth (nécessaire pour ChatGPT et claude.ai), historique d'annulation, autres constructeurs de pages. Ce site en vend un — qui, soyons clairs, ne modifie pas non plus les widgets V3 : il se concentre sur la transformation d'une maquette client en page fidèle, avec un audit SEO structurel sur chaque arbre Elementor qu'il écrit, et propose depuis sa version 3.3 la connexion OAuth pour ChatGPT, claude.ai et l'application mobile Claude. Tout le panorama, avec les prix, est dans notre comparatif des serveurs Elementor MCP.

Elementor MCP : questions fréquentes

Pour aller plus loin