PlugWiki

Elementor MCP: build Elementor pages from Claude, Codex or Cursor

OfficialRemote

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.

Install Elementor MCP

Claude Code

  1. 1

    In your WordPress admin, go to Elementor > Elementor MCP.

  2. 2

    Click Enable MCP access.

  3. 3

    Pick the Claude Code tab.

  4. 4

    Tick the box confirming that Generate Prompt will create an application password for this site.

  5. 5

    Click Generate Prompt, then Copy prompt.

  6. 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-composition

  • Edits, 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-elements

  • Shows 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-structure

  • Creates 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-page

  • Changes 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-settings

  • Publishes 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-document

  • Lists 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-posts

  • Creates, 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-variable

  • Creates, 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-classes

  • Changes 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-classes

  • Sets 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-styles

  • Shows 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-styles

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-onlyNo 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 keysA 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.

ServerOfficialRunsSign-inCan change thingsGitHub stars
Elementor MCPThis pageOfficialYour siteApp passwordYes–
elementor-mcpCommunityYour site–Yes758

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

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.

    Source
  • Add 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.

    Source
  • Turn 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.

    Source
  • Make 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

WebsiteDocs

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 16
  1. Elementor · elementor.com
  2. Elementor · elementor.com
  3. Elementor · elementor.com
  4. GitHub · github.com
  5. Elementor MCP abilities · github.com
  6. GitHub · github.com
  7. Elementor · elementor.com
  8. Application Passwords: Integration Guide · make.wordpress.org
  9. GitHub · github.com
  10. GitHub · github.com
  11. GitHub · github.com
  12. GitHub · github.com
  13. GitHub · github.com
  14. GitHub · github.com
  15. GitHub · github.com
  16. GitHub · github.com

Facts from the official MCP registry, GitHub, npm, PyPI and the Docker catalog. Updated Nov 1, 2026.