---
title: Elementor MCP Server for Claude and ChatGPT | HandyMCP
url: https://handymcp.com/elementor-mcp/
description: Let Claude, ChatGPT and Cursor build and edit Elementor pages with real widgets. Works with the editor you use today, with undo for every change.
---

[Home](https://handymcp.com/)Elementor MCP: Edit Elementor Pages with Claude and ChatGPT

# Elementor MCP: Edit Elementor Pages with Claude and ChatGPT

HandyMCP is an Elementor MCP server for WordPress. Claude, ChatGPT and Cursor can build and edit Elementor pages with real Elementor widgets, on the editor you already use, with undo for every change.

Elementor is great for building pages, but small edits add up. Change a button here, fix mobile spacing there, rewrite a section, duplicate a page for a new service. An Elementor MCP server lets you hand that work to an AI app and get back a real Elementor page you can still edit by hand.

HandyMCP is a WordPress plugin that turns your site into an MCP server. Claude, ChatGPT, Cursor and other AI apps connect straight to your site and work with Elementor’s own widgets, containers and global styles.

**Quick answer:**  An Elementor MCP server gives AI apps tools to read and edit Elementor layouts. HandyMCP does this on the Elementor editor you already use, with core and addon widgets, without needing the Atomic Editor. Big changes go into drafts, and every change is saved first so you can undo it.

**No limits:**  no daily caps, no credits, no page limits and no per-call fees, on the free plugin and on Pro. Build and edit as many Elementor pages as you need.

## What an Elementor MCP server does

MCP (Model Context Protocol) is the open standard AI apps use to call tools. An Elementor MCP server gives the AI tools such as “read this page’s layout”, “update this heading”, “add a pricing section” or “save this whole layout”. You ask in plain words. The AI reads the page, plans the change and saves it in Elementor’s own format.

That matters. A page the AI pastes in as raw HTML looks fine once and then becomes hard to edit. A page built from real Elementor widgets opens in the editor like any other page. New to the protocol? Start with [what is MCP for WordPress](/what-is-mcp-wordpress/).

## What HandyMCP can do in Elementor

The free plugin covers the full Elementor workflow:

- Read and save whole layouts.
- Add, update, move, duplicate and remove elements.
- Copy styles from one element to another.
- Edit global colours and fonts.
- Work with templates and page settings.
- Read each widget’s schema so settings are valid.
- Regenerate Elementor CSS after changes.
- Use widgets from installed addon packs: ElementsKit, Happy Addons, Essential Addons, Premium Addons, JetElements, PowerPack and UAE.

“Design picks” choose the richest widget you have for each section type. If you have a pricing table widget from an addon pack, the AI uses that instead of stacking plain headings and text.

## How it works

1. **Connect.**  Add your server URL, https://your-site.com/wp-json/wpaimcp/v1/mcp, to your AI app and sign in on your own site.
2. **Read the real layout.**  The AI sees each container and widget with its settings, not a screenshot or a guess.
3. **Plan with what you have.**  It checks which widgets, global colours and fonts are installed.
4. **Make the smallest change.**  Changing one heading touches that widget only.
5. **Set responsive values.**  Tablet and mobile settings are handled separately.
6. **Save safely.**  The old layout is stored in Undo history first, and redesigns go into a draft copy.

![HandyMCP abilities screen with Elementor MCP tools for Claude and ChatGPT](https://handymcp.com/wp-content/uploads/2026/10/hm-abilities.webp)
Choose which Elementor tools each AI app may use.

## Use cases with real prompts

### Build a landing page

“Build a draft landing page for my webinar with a hero, three benefits, a schedule and a sign-up form. Use our global colours.” The AI creates a new draft, so nothing live changes. Walkthrough: [build an Elementor landing page with one prompt](/build-elementor-landing-page-one-prompt/).

### Quick copy and button edits

“Change the button on the pricing page to say Start free trial and link it to /signup/.”

### Mobile fixes

“The hero heading is too big on phones. Make it smaller on mobile only and reduce the top padding.”

### Duplicate and adapt

“Duplicate the Plumbing service page and rewrite it for Heating. Keep the layout.”

### Brand consistency

“Go through the services page and replace any hard-coded colours with our global colours.”

### Restructure

“Move testimonials above pricing and remove the empty spacer at the bottom.”

The [prompt library](/prompts/) has more to copy, and [edit Elementor pages with AI](/edit-elementor-pages-with-ai/) goes deeper.

## HandyMCP compared with other ways to use AI in Elementor

Elementor opened its own MCP beta in September 2026, which is good news for the whole category. Here is how the options compare today. Features change, so check each product’s current page.

| - | HandyMCP | Elementor MCP beta | Pasting AI HTML |
| --- | --- | --- | --- |
| Editor | The Elementor editor you use today | Needs the Atomic Editor | Any |
| Existing pages | Edits in place, widget by widget | Focused on Atomic pages | Replaces content |
| Addon widgets | Yes, in the free plugin | Elementor widgets | No |
| Stays editable | Yes | Yes | Barely |
| Undo | Every change, by task or page | Check their page | Manual |
| Beyond Elementor | Posts, SEO, media, WooCommerce, forms | Elementor only | No |

Details of the Elementor beta come from [Elementor’s announcement](https://elementor.com/blog/elementor-mcp-beta/) and may change.

## Set it up

1. Check requirements: WordPress 6.2+, PHP 7.4+, HTTPS and an administrator account. Elementor installed. Elementor Pro is optional.
2. Install HandyMCP using the [install guide](/docs/#install).
3. Open HandyMCP > Connection and copy the server URL. The screen has steps for 20+ apps and a connection check.
4. Add it to your app. In Claude: Settings > Connectors > Add custom connector. In ChatGPT: Settings > Apps with Developer mode on. Menu names can change. Full steps in [connect your app](/docs/#connect).
5. Approve access on the consent page and pick scopes, such as edit content.
6. Try a small prompt on a draft page first.

![HandyMCP connection screen with Elementor MCP server URL and per-app steps](https://handymcp.com/wp-content/uploads/2026/10/hm-connect.webp)
The Connection screen shows your server URL and setup steps per app.

## Safety

- **Live page guard.**  “Redesign”, “new version” or “draft” creates a draft copy. A published page is only replaced when you clearly ask.
- **Conflict check.**  If you edited the page in Elementor after the AI read it, the AI’s save is refused.
- **Undo.**  The full Elementor layout is saved before every change. Undo one change, a whole task or every change on a page. See [undo AI changes](/undo-ai-changes/).
- **Permissions.**  Turn tool groups or single tools off, or use read only mode.
- **Activity log**  of every request and page touched.
- **Prompt injection protection.**  Page content is treated as data, not instructions.

## Common mistakes and troubleshooting

- **Vague prompts.**  “Make it better” gives vague results. Name the page, the section and the change.
- **Editing in Elementor while the AI works.**  The conflict check will refuse the AI’s save. Close the editor or ask the AI to re-read the page.
- **Styles not showing.**  Ask the AI to regenerate CSS and purge the cache.
- **Addon widgets missing.**  Check the addon pack is active and the widget is switched on in its settings.

More fixes in [troubleshooting](/docs/#troubleshooting).

## Free vs Pro

| Feature | Free | Pro |
| --- | --- | --- |
| Read, build and edit Elementor pages | Yes | Yes |
| Addon pack widgets and design picks | Yes | Yes |
| Global colours, fonts, templates, page settings | Yes | Yes |
| Elementor Pro Theme Builder: headers, footers, single and archive templates | No | Yes |
| Popups with conditions and triggers | No | Yes |
| Ready-made sections and brand kit | No | Yes |
| Other builders (WPBakery, Divi, Beaver Builder, Avada and more) | No | Yes |
| Undo history | Last 20 changes | Full history |

See plans on the [pricing section](/#pricing).

## Frequently asked questions

### Can Claude edit Elementor pages?

Yes. With HandyMCP, Claude reads the page’s Elementor layout and edits widgets directly. The result is a normal Elementor page.

### Do I need the Elementor Atomic Editor?

No. HandyMCP works with the standard Elementor editor, with containers or sections.

### Will the AI break my live page?

Big changes go into a draft copy, and every change is saved first so you can undo it.

### Does it work with ChatGPT and Cursor too?

Yes. Claude, ChatGPT, Cursor, VS Code, Windsurf, Gemini CLI and other MCP clients can connect.

### Does it need Elementor Pro?

No. Elementor Pro is only needed for Theme Builder templates and popups, which are in HandyMCP Pro.

### Can it use my addon widgets?

Yes. Widgets from ElementsKit, Happy Addons, Essential Addons, Premium Addons, JetElements, PowerPack and UAE are supported in the free plugin.

### Is there a usage fee?

No. HandyMCP runs on your own site with no relay, vendor account or usage limits.

[Install HandyMCP free](/docs/#install), connect your AI app and try your first Elementor prompt.


<!-- Page uncached by LiteSpeed Cache 7.9.1 on 2026-10-11 00:55:28 -->