Page builders integration

MCP for Elementor

Build and edit Elementor pages from a prompt, containers, widgets, templates, and global styles.

FreeNeeds Elementor active (Pro optional)list-widgets · add-container · add-free-widget · update-widget +more

What the Elementor integration does

Elementor is the reason EMCP exists, and it remains the deepest integration in the whole toolkit. When Elementor is active, your AI gets the full page-building surface: discover the available widgets, inspect any widget's real settings schema, add flexbox containers, drop in widgets and edit their settings, save and apply templates, and set the site's global colors and typography. Every change writes straight to Elementor's own data through its document API, so CSS regenerates and caches bust exactly as if you'd worked in the editor by hand.

It follows a discover → inspect → act flow built around a widget catalog, so the agent never guesses: `list-widgets` shows what's available, `get-widget-schema` returns a widget's curated parameters, and `add-free-widget` / `update-widget` build the page. On Elementor 4.0+, the atomic element tools (headings, buttons, images, flexbox, div-block) and global classes come online too. Free Elementor gets the complete core toolkit; Elementor Pro unlocks the Pro widgets through the same `add-pro-widget` tool, no extra setup.

What your AI can do

Once Elementor is active, ask any MCP client, Claude, Cursor, or your own, to do these in plain language.

Example prompts

Real instructions you can hand your agent for Elementor.

"Build a hero: a full-width container with an H1, a paragraph, and a button linking to /contact."

"Add a 3-column pricing row to this page using containers and heading + button widgets."

"Set the site's global primary color to #0F62FE and switch the body font to Inter."

Under the hood

Add a container, then a heading widget, how EMCP drives Elementor.

list-widgets({ category: "basic" })
get-widget-schema({ type: "heading" })

add-container({ post_id: 128, settings: { content_width: "boxed" } })
add-free-widget({ post_id: 128, parent_id: "<container-id>", widget_type: "heading",
  settings: { title: "Grow your business", header_size: "h1" } })

Note: The core Elementor toolkit is free; Pro widgets need Elementor Pro active, and the atomic element tools need Elementor 4.0+.

Frequently asked

Does it work with free Elementor?

Yes, the full core toolkit (containers, free widgets, templates, globals, page CRUD, build-page) works on free Elementor. Elementor Pro adds the Pro widgets, reached through the same add-pro-widget tool, and Elementor 4.0+ unlocks the atomic element and global-class tools.

Will the AI edit my live page safely?

Yes. Every change goes through Elementor's own document save, not raw meta writes, so CSS regenerates and caches clear just like the editor. Edits are revisioned, and the plugin's change ledger records them so you can roll a change back.

Is the Elementor integration free?

Yes, page building is the core of the free EMCP plugin. A few advanced extras (the Widget Builder and the SEO & Accessibility toolkit) are Pro, but adding containers, widgets, templates, and global styles is free.

More integrations

All integrations

Point your AI at Elementor.

Install EMCP, connect any MCP client, and drive Elementor from a prompt. The core is free and runs entirely on your own server.