How to use the Elementor MCP with Claude

Which Claude app should you use with the Elementor MCP?

Claude Code if you can use a terminal; Claude Desktop if you'd rather stay in a chat window.

Claude Code has a practical edge for page building: it can read your brand guidelines, mockups and copy straight from a project folder, and keep notes between sessions. Claude Desktop is simpler if you never open a terminal.

How do you connect Claude Code to the Elementor MCP?

Enable MCP access in WordPress, pick the Claude Code tab, then let the prompt configure Claude Code — or run one command yourself.

1. In WordPress, go to Elementor > Elementor MCP, click Enable MCP access and turn on agent access. You need an administrator account, WordPress 6.9+ and Elementor 4.3+ (details in the complete guide).
2. Stay on the Claude Code tab, tick the acknowledgement box, then click Generate Prompt and Copy prompt.
3. Either paste the prompt into Claude Code — it adds the server to ~/.claude.json itself — or open Prefer manual configuration? and run the command below with the values Elementor shows you.
4. Restart Claude Code, then check the connection.

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

my-site-elementor is the server name Elementor generates, and BASE64 your username and application password encoded together; copy both from Elementor's screen.

claude mcp list
claude mcp get my-site-elementor

How do you connect Claude Desktop to the Elementor MCP?

Install Node.js, paste Elementor's block into Claude Desktop's configuration file, and restart the app.

1. Install a current LTS version of Node.js: Claude Desktop reaches the site through mcp-remote, started with npx.
2. In WordPress, pick the Claude Desktop tab on the Elementor MCP page and generate the prompt — or open Prefer manual configuration? to copy the block directly.
3. In Claude Desktop, open Settings > Developer > Edit Config. This opens claude_desktop_config.json (in ~/Library/Application Support/Claude/ on macOS, %APPDATA%\Claude\ on Windows).
4. Paste the block inside mcpServers — next to any servers already there — and save.
5. Quit Claude Desktop completely and reopen it: the server list is only read at startup.

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

On Windows, mcp-remote can split the header at its space. If the server fails to start, use the environment-variable version in the complete guide.

Can you use the Elementor MCP from claude.ai or the Claude mobile app?

Not in any documented way, as of 9 October 2026 — and we haven't tested it.

claude.ai and the mobile app reach MCP servers through custom connectors: you paste a URL, Anthropic's servers connect to it, and you normally sign in through OAuth. The official Elementor MCP offers no sign-in — only an application-password header — and Elementor doesn't list claude.ai as a client. Header authentication for custom connectors is reported to be in a limited beta, for some organisations only. Either way, your site has to be reachable from the internet: a local development site can't be used this way.

If you need Claude on the web or on your phone, look at third-party Elementor MCP servers that support OAuth; our comparison lists which ones do.

Which prompts should you try first?

Read before you write: three read-only prompts, then one build in a draft, then one edit.

Elementor's own documentation recommends the same order to the AI: read the site's resources, set up variables and classes, fetch widget schemas, then build — with a dry run first — and use small edits for follow-ups. Asking for it explicitly gives better results.

1. “List the tools available on the Elementor MCP server.”
2. “Read the structure of the page Home and summarise its sections.”
3. “List the global variables and classes defined on this site, and tell me which ones look like brand colours and type sizes.”
4. “Create a new draft page called Services: a hero with an H1, a subtitle and one button, a grid of three service cards, and a contact call to action. Reuse the site's existing variables and classes instead of hard-coded values. Do a dry run first, show me the plan, then build it.”
5. “On the Services page, stack the cards on mobile and reduce the H1 size on tablet.”

Then open the page in the Elementor editor and review it like any other draft before you publish.

What do you do when Claude can't see the Elementor MCP?

Find out which side fails first: Claude's configuration, the credentials, or the host.

curl -i -X POST https://your-site.com/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

Using Claude with a third-party Elementor MCP server

The steps are the same with a different URL and credentials.

Third-party Elementor MCP plugins each expose their own endpoint on your site. The plugin sold here, for instance, answers at https://your-site.com/wp-json/elementor-mcp-createur/mcp through OAuth sign-in from claude.ai and the mobile app, or with a dedicated MCP_ELEMENTOR user and its application password from Claude Code and Claude Desktop; both setups are in Connect your AI assistant. You can run it next to Elementor's official MCP — give each server its own name in Claude's configuration.

Elementor MCP and Claude: frequently asked questions

Where to go next