Elementor MCP: build Elementor pages from Claude, Codex or Cursor
Lets Claude, Codex or Cursor build and edit real Elementor pages, styles and templates on your WordPress site.
Elementor MCP is built into the Elementor plugin and lets an AI tool you already use build pages directly in your site. What it makes is normal Elementor content, so you can keep editing it by hand in the visual editor. You turn it on per site from the WordPress dashboard, and only site admins can connect. It works only with pages built from the newer Atomic (V4) elements for now, so older widget-based pages are out of reach.
Good for
- WordPress site admins who build pages in Elementor and want to describe a layout instead of dragging it
- Agencies adding new landing pages to live client sites without rebuilding them
- Developers who already work in Claude Code, Codex or Cursor and want to build the site from there
- Teams keeping one design system of colors, fonts and classes across every page
Works in
1 supported · 3 with issues · 8 should work
Tap an app to see how to set it up and any known problems.
Elementor's setup page has a Cursor tab: generate the prompt there and paste it into Cursor. elementor.com
Elementor's setup page has a Claude Code tab: generate the prompt there and paste it into Claude Code.
Known problems
Elementor's setup page has a Claude Desktop tab: generate the prompt there and follow it in Claude Desktop.
Known problems
- Open
Tool list fails with an internal error right after connecting through a bridge
Since Sep 2026 · GitHub
Elementor's setup page has a Codex tab: generate the prompt there and paste it into Codex.
Known problems
- Open
Codex drops the connection during the opening handshake and loads no tools
Since Sep 2026 · GitHub
Supports hosted MCP servers.
Supports hosted MCP servers.
Supports hosted MCP servers.
Supports hosted MCP servers.
Supports hosted MCP servers.
Supports hosted MCP servers.
Supports hosted MCP servers.
Supports hosted MCP servers.
Client does not support this transport.
Client does not support this transport.
Install Elementor MCP
Claude Code
- 1
In your WordPress admin, go to Elementor > Elementor MCP.
- 2
Click Enable MCP access.
- 3
Pick the Claude Code tab.
- 4
Tick the box confirming that Generate Prompt will create an application password for this site.
- 5
Click Generate Prompt, then Copy prompt.
- 6
Paste the prompt into Claude Code and follow it to finish the connection.
Requires WordPress 6.8 or later, Elementor 4.3.0 or later, WordPress site admin account.
Read-only mode: None. The AI acts with your admin rights; revoke its application password or click Turn off in Elementor > Elementor MCP to stop it.
Elementor writes the connection prompt for you, with your site address and a new application password already in it, so there is nothing to type by hand. Keep the prompt private: anyone with it can act as you on the site. To disconnect, revoke the password named after this tool under Users > Profile > Application Passwords.
From the vendor's docs. Source.
Tools
Builds a new layout or section on a page from Elementor elements
Builds a full page layout or section on a page from Elementor's Atomic elements, such as containers, text, images, accordions and loop grids, and can attach your global classes.
Try: “Build a hero section with a heading, short intro and two buttons on my Services page”
Write ·
elementor-build-compositionEdits, moves or removes elements already on a page
Makes up to 50 changes in one go to elements already on a page: changing their text and settings, restyling them, moving them or removing them.
Try: “Change the hero heading on the About page to 'Meet the team' and make it bigger”
Delete ·
elementor-manage-elementsShows how a page is laid out, element by element
Reads the tree of sections, containers and widgets on one page or post so the assistant knows what is there before changing it.
Try: “Show me how the homepage is structured”
Read ·
elementor-get-page-structureCreates a new empty draft page built with Elementor
Creates a new draft page or post marked as an Elementor page, with a title, address and template, ready for the assistant to fill.
Try: “Create a new draft page called Pricing at /pricing”
Write ·
elementor-create-pageChanges page-level settings like layout, title or status
Changes settings for a whole page, such as its layout, whether the title shows, or its status, without touching the elements on it.
Try: “Hide the page title on the Landing page”
Write ·
elementor-update-page-settingsPublishes a page, template or popup so it goes live
Publishes a page, post, theme template or popup so visitors can see it. Edits to an already published page go live only after this step.
Try: “Publish the new Pricing page”
Write ·
elementor-publish-documentLists your posts, pages and products
Lists the site's posts, pages and WooCommerce products you are allowed to see, page by page, so you can pick one to work on.
Try: “Find the About page and tell me its ID”
Read ·
elementor-list-postsCreates, changes or deletes your site's color, font and size variables
Creates, updates or deletes the global variables in your design system, such as brand colors, fonts and spacing, up to 50 at a time.
Try: “Add a brand color variable called Accent set to #FF5A1F”
Delete ·
elementor-manage-global-variableCreates, changes or deletes your site-wide style classes
Creates, updates or deletes global CSS classes that any element on the site can use, up to 50 at a time.
Try: “Create a card class with a white background, rounded corners and a soft shadow”
Delete ·
elementor-manage-classesChanges which site-wide style classes win when they clash
Changes the priority order of your global classes, so a class higher in the list overrides conflicting styles from the ones below it.
Try: “Make the highlight class override the card class”
Write ·
elementor-reorder-classesSets site-wide default styles for headings, paragraphs and links
Creates, changes or removes the default look for HTML tags like h1 to h6, paragraphs, links and buttons across every Atomic element on the site.
Try: “Make every h2 on the site 36px and dark blue”
Delete ·
elementor-manage-default-stylesShows the site-wide default style for one tag
Reads the site's default style for one HTML tag, such as h1 or p, including hover states and screen-size rules.
Try: “What is the default style for paragraphs on my site?”
Read ·
elementor-get-default-stylesLists the reusable components on your site
Lists the reusable components saved on your site, such as cards or call-to-action blocks, and what you can do with them on your plan.
Try: “Which reusable components do I have?”
Read ·
elementor-list-componentsCreates, updates, renames or archives reusable components
Creates, updates, renames, archives or publishes a reusable component. Creating, renaming and archiving need an active Elementor Pro license.
Try: “Turn this feature card into a reusable component called Feature Card”
Delete ·
elementor-manage-componentFinds images, SVGs and videos in your Media Library
Lists images, SVG files and videos already in the WordPress Media Library, with an optional keyword search, so they can be placed on a page.
Try: “Find the logo SVG in my media library”
Read ·
elementor-list-assetsAdds up to five images to your Media Library from web links
Imports one image, or up to five, into the WordPress Media Library from public HTTPS links. Your AI tool should ask you to approve it first.
Try: “Add this Unsplash photo to my media library and use it in the hero”
Write ·
elementor-upload-mediaCreates one-time links to upload images from your computer
Creates single-use upload links so the assistant can send image files from your computer to the Media Library. It only works in tools that can run commands.
Try: “Upload the team photos from my Downloads folder to the site”
Write ·
elementor-request-media-uploadFinds icons from Font Awesome and your uploaded icon packs
Searches Font Awesome and any icon packs on your site for the right icon to place in an icon element.
Try: “Find a shopping cart icon for the header”
Read ·
elementor-find-iconsMakes a temporary preview link so the AI can check its work
Creates a time-limited, anonymous link that shows the current version of a page without publishing it, so the assistant can check how it looks.
Try: “Make a preview of the Pricing page and check the layout looks right”
Read ·
elementor-create-preview-linkLists your headers, footers, 404 and archive templates
Lists Theme Builder parts such as the header, footer, 404 page and archive templates, with where each one shows and whether it is live. Shown on sites without Pro.
Try: “Which header and footer templates does my site use?”
Read ·
elementor-list-site-partsCreates or removes headers, footers and other site parts
Creates, updates the display rules of, or deletes Theme Builder parts such as headers, footers and 404 pages. Shown on sites without Pro; these parts need Pro to use.
Try: “Create a new footer template that shows on every page”
Delete ·
elementor-manage-site-partsUndoes changes the AI made to a page
Restores a page, template or component to how it was before a specific AI change. Available only when the MCP undo through revisions experiment is on.
Try: “Undo the last change you made to the homepage”
Write ·
elementor-manage-revisionsClears Elementor's cached CSS so pages rebuild
Deletes Elementor's generated CSS files so they rebuild on the next visit. Other caches, like plugins, the server or a CDN, are not cleared.
Try: “Pages look broken after the update, clear the Elementor cache”
Write ·
elementor-clear-cacheLists Elementor experiments and whether each is on
Lists the Elementor experiments and features you can switch on or off, and whether the Atomic Editor (V4) is on.
Try: “Is the Atomic Editor turned on for my site?”
Read ·
elementor-list-experimentsTurns Elementor experiments and the Atomic Editor on or off
Turns Elementor experiments and features on or off, including the Atomic Editor (V4). The assistant is told to ask you before each change.
Try: “Turn on the MCP undo through revisions experiment”
Write ·
elementor-manage-experimentsChecks which Elementor Pro plan and license the site has
Reads whether Elementor Pro is installed, whether its license is active or expired, and which plan the site is on.
Try: “Do I have an active Elementor Pro license?”
Read ·
elementor-get-license-statusShows server, WordPress, theme and plugin details for troubleshooting
Reads Elementor's System Info reports: PHP and server settings, WordPress settings, the theme, the current user and active plugins.
Try: “Check my server setup, Elementor is running slowly”
Read ·
elementor-get-system-infoUsed by the assistant behind the scenes
Looks up the settings an element type accepts
Returns the settings and style options one or more element types accept, so the assistant fills them in correctly.
Read ·
elementor-get-widget-schemasLists the element types available for building pages
Lists the element types the assistant can use in new layouts, with their settings.
Read ·
elementor-list-widget-schemasLists Elementor's built-in guides for the assistant
Lists the reference material Elementor provides to the assistant, such as style best practices and your global classes and variables.
Read ·
elementor-list-resourcesReads one of Elementor's built-in guides
Fetches one reference item, such as the design guidelines or your list of global variables, to help the assistant decide what to build.
Read ·
elementor-read-resource
Read from the source code
Pros and cons
Good
- Made by Elementor and included in the free plugin.
- Connecting is free; you only pay for your AI tool and any Pro features.
- Builds native Elementor elements you can keep editing by hand.
- Setup tabs for Claude Code, Claude Desktop, Codex and Cursor generate the connection for you.
- Uses your site's global classes and color and font variables instead of one-off styles.
- Warns you when you and the AI edit the same page at once.
- One button turns off access for every connected tool.
Watch out
- Works only on Atomic (V4) pages, not older widget layouts.
- Needs WordPress 6.8 and Elementor 4.3.0 or later.
- Forms, popups, loops, headers and footers need Elementor Pro.
- No read-only mode; it acts with your admin rights.
- Several open bugs stop some clients from connecting or saving edits.
- The application password it creates reaches the whole site, not just Elementor.
Permissions
high risk · 5 things to watch
High risk
An AI connected this way acts as a site admin, so it can change, publish or delete content and design settings across your site. Use a test copy of the site first and revoke the application password when you finish.
What it can do
- Read your data
- Create and change things
- Delete things
- Read-only mode
Watch out for
The password it creates works for your whole site
Generate Prompt makes a WordPress application password that signs in as you to the whole site API, not only Elementor. Keep the prompt private and revoke the password under Users > Profile when you are done. make.wordpress.org
It can publish pages, not only save drafts
Elementor's product page says generations land as drafts, but a publish tool exists and the build guide says the AI can publish directly. Review drafts yourself and tell the AI not to publish. elementor.com
It can delete site-wide classes, colors and styles
It can remove global classes, variables, default styles and components that other pages use. Turn on the MCP undo through revisions experiment so changes can be rolled back. github.com
Some edits report success but are not saved
Users report edits on published pages coming back as done without being saved. Check the page in the editor after each change. github.com
One button turns it off for every AI tool
Elementor > Elementor MCP has a Turn off button at the bottom that blocks every connected tool at once. elementor.com
Security advisories
No published security advisories as of Nov 1, 2026.
Technical details
| Turning on read-only | No read-only mode is documented. The AI acts as the WordPress user who generated the application password; revoke that password or turn off MCP access to stop it. |
|---|---|
| Sign-in and keys | A WordPress application password, created by Generate Prompt and pasted into your AI tool's settings. |
Alternatives
Use Elementor's own server if your pages are built with Atomic (V4) elements. If your site still runs on V3 widgets, the community elementor-mcp plugin is the most starred option.
| Server | Official | Runs | Sign-in | Can change things | GitHub stars |
|---|---|---|---|---|---|
| Elementor MCPThis page | Official | Your site | App password | Yes | – |
| elementor-mcp | Community | Your site | – | Yes | 758 |
What people say
Early users like that the output stays editable in Elementor, but many hit connection bugs and edits that do not save.
What people like
- What the AI builds is native Elementor content you can keep editing in the visual editor.
- Setup is a few clicks in the WordPress dashboard, with the password made for you.
Common complaints
- Some AI edits on published pages report success but never save.
- Several clients fail to load tools or time out while connecting on some hosts.
- It only edits Atomic (V4) pages, while most live sites still use V3 widgets.
- The MCP library it bundles can break a separate WordPress MCP Adapter plugin on the same site.
In their words
“On a **published** page, `elementor-manage-elements` and `elementor-build-composition` return `status: ok`, but the change never reaches the saved document or the front end.”GitHub issueSep 2026
“Because Claude Code validates the complete tools/list response, this single invalid schema causes the entire Elementor tool catalog to be rejected.”patstrmeGitHub issueOct 2026
“Elementor's MCP endpoint cannot be used with MCP clients such as Claude Code, because every JSON-RPC notification request hangs until the connection times out.”
Questions
Is Elementor MCP free?
Yes, connecting is free. Basic sections and features can be built for free, Pro elements need an Elementor Pro plan, and your AI tool's own costs are separate.
Do I need Elementor Pro to use it?
Not to start. Elementor's build guide lists only the free plugin at 4.3.0 or later, although its setup guide mentions Pro too. Pro adds forms, popups, loops, components, headers and footers.
Can it edit my existing Elementor site?
Only pages built with Atomic (V4) elements. Elementor says support for older widget (V3) layouts is coming.
Is it safe to connect to a live site?
It acts as a site admin, so it can change, publish or delete content. Try it on a staging copy first, and turn on the MCP undo through revisions experiment so you can roll changes back.
Does it publish changes automatically?
Not by default. Elementor's product page says what it builds lands as a draft and nothing goes live until you publish. It also has a publish tool, and Elementor's build guide says the AI can publish pages directly, so a page goes live if the AI is asked to publish it.
How do I add it to Claude Code or Cursor?
In WordPress go to Elementor > Elementor MCP, turn it on, pick your tool and copy the prompt it generates into that tool. The install box above has the steps.
How do I disconnect an AI tool?
Revoke its application password under Users > Profile, where each one is named after the tool. To block every tool at once, click Turn off at the bottom of Elementor > Elementor MCP.
Why does Claude Code show it connected but with no tools?
That is a known open bug: one tool's description is malformed and Claude Code rejects the whole list. Elementor says it is working on a fix.
What happens if I edit the page while the AI is working?
Elementor shows a conflict warning. Force Save keeps your version and Reload takes the AI's.
Do I need Angie?
No, not for building and editing pages. Angie is a free plugin that adds custom widgets, WP Admin changes, bulk content edits and access to other plugins such as WooCommerce, Yoast and ACF.
Examples
Build a Services page with a looping video hero
Build a Services page at /services with a background video hero, my uploaded clip, looping silently, with a small play/pause button.
SourceAdd an FAQ section with search-friendly markup
Put an FAQ at the bottom with three questions, the first one open, and FAQ schema turned on for search engines.
SourceTurn a card into a reusable component
Build a feature card containing an icon, an <h3> heading, and a paragraph block. Convert this container structure into a master Reusable Component named 'Feature Card', and place three instances in a new section below the hero.
SourceMake one template that every blog post uses
Set up one template that all my blog posts share. Pull in the featured image at the top, then the post title as the main heading, with the date and author underneath.
Source
Information
updated Nov 1, 2026
- Publisher
- Official
- Transport
- Streamable HTTP
- Auth
- API key
- License
- GPL-3.0
- Last commit
- Nov 2, 2026
Other Elementor MCP servers
Sources
Docs, issue trackers and discussions this page is built from. Issues, quotes and findings above link to their own source.
Show all 16Hide
- Elementor · elementor.com
- Elementor · elementor.com
- Elementor · elementor.com
- GitHub · github.com
- Elementor MCP abilities · github.com
- GitHub · github.com
- Elementor · elementor.com
- Application Passwords: Integration Guide · make.wordpress.org
- GitHub · github.com
- GitHub · github.com
- GitHub · github.com
- GitHub · github.com
- GitHub · github.com
- GitHub · github.com
- GitHub · github.com
- GitHub · github.com