How to connect Claude to WordPress and Elementor

Check for Node.js

Claude reaches your site through a small helper that runs on Node.js. Open Terminal on a Mac, or PowerShell on Windows, and type this:

node -v

A version number such as v22.11.0 means Node.js is installed. Version 18 or newer works, and you can jump to step 3. A message such as “command not found” sends you to step 2.

Install Node.js

Go to nodejs.org and download the LTS installer. Run it with the default options. Close Terminal, open it again and run both checks:

node -v

npx -v

Two version numbers mean you are ready.

Turn on Elementor MCP

In WordPress, open Elementor, then Elementor MCP, and press Enable MCP access. You need Elementor 4.3 or newer and an administrator account.

Elementor lists what a connected agent can do: view your site, change your site, and run code on your live site. Read all three. You can turn access off from this same screen at any time.

Generate your setup prompt

Choose the Claude Desktop tab. Tick the box confirming that an application password will be created for your site. Press Generate Prompt, then Copy setup prompt.

That prompt holds a password. Treat it like one: keep it out of screenshots, emails and posts.

Hand the prompt to Claude

Paste the prompt into Claude. It carries your server address, your username, the new password and the exact entry for Claude’s configuration file.

When Claude can edit files on your computer, it adds the entry for you. When it answers that it cannot, return to WordPress, choose “Prefer manual configuration?” and follow the four steps shown there. In Claude, the file opens from Settings, Developer, Edit Config.

The file lives here on a Mac:

~/Library/Application Support/Claude/claude_desktop_config.json

And here on Windows:

%APPDATA%\Claude\claude_desktop_config.json

The entry has this shape. Elementor fills in the real values for you:

{
  "mcpServers": {
    "your-site-name": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "YOUR-SERVER-URL",
        "--header",
        "Authorization: Basic YOUR-KEY"
      ]
    }
  }
}

Restart Claude

Quit Claude completely and open it again. On a Mac, choose Quit from the menu, since closing the window leaves the app running.

After the restart, your site appears among Claude’s tools.

Test the connection

Back in WordPress, press Continue, then Check connection. Copy the test prompt, paste it into Claude, and paste Claude’s answer back into WordPress.

The screen answers with one word: Success.

Add Angie for the heavy work

Angie is Elementor’s free plugin for agents. It adds abilities the base connection leaves out, such as working with other plugins, custom widgets and bulk changes. Install it from the WordPress plugin directory.

Its Super Admin Mode lets the agent run code on your site. You find it in WordPress under Angie, Settings. Turn it on when a task needs it and off when you finish.

Stay in control

Each agent you connect gets its own application password. You see them in WordPress under Users, Profile, Application Passwords, and you can revoke any of them with one click.

The Elementor MCP screen turns all agent access off in one press. Take a backup before your first big request.