Utiliser le MCP Elementor avec Claude

Quelle application Claude utiliser avec le MCP Elementor ?

Claude Code si vous savez utiliser un terminal ; Claude Desktop si vous préférez rester dans une fenêtre de discussion.

Claude Code a un avantage concret pour construire des pages : il lit votre charte, vos maquettes et vos textes directement dans un dossier de projet, et garde des notes d'une session à l'autre. Claude Desktop est plus simple si vous n'ouvrez jamais de terminal.

Comment connecter Claude Code au MCP Elementor ?

Activez l'accès MCP dans WordPress, choisissez l'onglet Claude Code, puis laissez le prompt configurer Claude Code — ou lancez vous-même une commande.

1. Dans WordPress, allez dans Elementor > Elementor MCP, cliquez sur Enable MCP access et activez l'accès des agents. Il faut un compte administrateur, WordPress 6.9+ et Elementor 4.3+ (détails dans le guide complet).
2. Restez sur l'onglet Claude Code, cochez la case de confirmation, puis cliquez sur Generate Prompt et Copy prompt.
3. Collez le prompt dans Claude Code — il ajoute lui-même le serveur à ~/.claude.json — ou ouvrez Prefer manual configuration? et lancez la commande ci-dessous avec les valeurs affichées par Elementor.
4. Redémarrez Claude Code, puis vérifiez la connexion.

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

my-site-elementor est le nom de serveur généré par Elementor, et BASE64 votre identifiant et votre mot de passe d'application encodés ensemble : copiez-les tous les deux depuis l'écran d'Elementor.

claude mcp list
claude mcp get my-site-elementor

Comment connecter Claude Desktop au MCP Elementor ?

Installez Node.js, collez le bloc d'Elementor dans le fichier de configuration de Claude Desktop, puis redémarrez l'application.

1. Installez une version LTS récente de Node.js : Claude Desktop atteint le site via mcp-remote, lancé avec npx.
2. Dans WordPress, choisissez l'onglet Claude Desktop sur la page Elementor MCP et générez le prompt — ou ouvrez Prefer manual configuration? pour copier directement le bloc.
3. Dans Claude Desktop, ouvrez les réglages, section Developer (Développeur), puis Edit Config. Cela ouvre claude_desktop_config.json (dans ~/Library/Application Support/Claude/ sur macOS, %APPDATA%\Claude\ sous Windows).
4. Collez le bloc à l'intérieur de mcpServers — à côté des serveurs déjà présents — et enregistrez.
5. Quittez complètement Claude Desktop et rouvrez-le : la liste des serveurs n'est lue qu'au démarrage.

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

Sous Windows, mcp-remote peut couper l'en-tête au niveau de son espace. Si le serveur ne démarre pas, utilisez la version avec variable d'environnement du guide complet.

Peut-on utiliser le MCP Elementor depuis claude.ai ou l'application mobile ?

Pas de manière documentée, au 9 octobre 2026 — et nous ne l'avons pas testé.

claude.ai et l'application mobile atteignent les serveurs MCP par des connecteurs personnalisés : vous collez une URL, les serveurs d'Anthropic s'y connectent, et vous vous identifiez normalement via OAuth. Le MCP officiel d'Elementor ne propose aucune connexion par compte — seulement un en-tête avec mot de passe d'application — et Elementor ne cite pas claude.ai parmi ses clients. L'authentification par en-tête des connecteurs personnalisés serait en beta limitée, pour certaines organisations seulement. Dans tous les cas, votre site doit être joignable depuis internet : impossible avec un site de développement local.

S'il vous faut Claude sur le web ou sur mobile, regardez les serveurs Elementor MCP tiers qui gèrent OAuth ; notre comparatif indique lesquels.

Quels prompts essayer en premier ?

Lire avant d'écrire : trois prompts en lecture seule, puis une construction en brouillon, puis une modification.

La documentation d'Elementor recommande le même ordre à l'IA : lire les ressources du site, mettre en place variables et classes, récupérer les schémas des widgets, puis construire — avec un essai à blanc d'abord — et passer par de petites modifications ensuite. Le demander explicitement donne de meilleurs résultats.

1. « Liste les outils disponibles sur le serveur Elementor MCP. »
2. « Lis la structure de la page Accueil et résume ses sections. »
3. « Liste les variables et classes globales de ce site, et dis-moi lesquelles ressemblent aux couleurs et tailles de texte de la marque. »
4. « Crée une nouvelle page brouillon Services : un héros avec un H1, un sous-titre et un bouton, une grille de trois cartes de services, et un appel à l'action vers le contact. Réutilise les variables et classes existantes du site au lieu de valeurs en dur. Fais d'abord un essai à blanc, montre-moi le plan, puis construis-la. »
5. « Sur la page Services, empile les cartes sur mobile et réduis la taille du H1 sur tablette. »

Ouvrez ensuite la page dans l'éditeur Elementor et relisez-la comme n'importe quel brouillon avant de publier.

Que faire quand Claude ne voit pas le MCP Elementor ?

Identifiez d'abord ce qui coince : la configuration de Claude, les identifiants ou l'hébergeur.

curl -i -X POST https://votre-site.fr/wp-json/elementor/mcp/ \
  -H "Authorization: Basic BASE64" \
  -H "Content-Type: application/json" \
  -H "Accept: application/json, text/event-stream" \
  -d '{"jsonrpc":"2.0","id":1,"method":"initialize","params":{"protocolVersion":"2025-06-18","capabilities":{},"clientInfo":{"name":"curl","version":"1"}}}'

tail -n 50 -F ~/Library/Logs/Claude/mcp*.log

Utiliser Claude avec un serveur Elementor MCP tiers

Les étapes sont les mêmes, avec une autre URL et d'autres identifiants.

Chaque plugin Elementor MCP tiers expose son propre endpoint sur votre site. Le plugin vendu ici, par exemple, répond à https://votre-site.fr/wp-json/elementor-mcp-createur/mcp par une connexion OAuth depuis claude.ai et l'application mobile, ou avec un utilisateur dédié MCP_ELEMENTOR et son mot de passe d'application depuis Claude Code et Claude Desktop ; les deux installations sont décrites dans Connecter votre assistant IA. Il peut tourner à côté du MCP officiel d'Elementor — donnez simplement un nom différent à chaque serveur dans la configuration de Claude.

MCP Elementor et Claude : questions fréquentes

Pour aller plus loin