Introducing the Elementor MCP
Connect to Claude, Codex, Cursor, and more
The Elementor MCP connects Claude, Codex, Cursor, and other AI tools to your Elementor site. Describe what you want, attach references, and it builds real, editable Elementor structure for you.
Scroll
Keep the AI tool you already trust.
Connect Claude, Codex, Cursor, or other AI tools to your Elementor site. Use whichever one you already work with.
Build faster. Build what you couldn't before.
Save time on every page. Complex builds that used to take days of manual work are now prompts away.
Get real structure and control everything.
Every generation is native, editable Elementor structure, accessible in the Editor, not locked away as code.
Set up in 3 simple steps
Connecting takes minutes, right from your WordPress dashboard. Once it's set up, the AI tool you connect builds directly into your Elementor site.
See plans[01] Choose your AI tool
In your WordPress dashboard, go to Elementor > Elementor MCP, and pick the AI tool you want to connect.
[02] Generate and copy your prompt
Elementor creates the required application password in the background and includes it in the prompt for you. Just copy.
[03] Paste it in
Paste the prompt into your AI tool to complete the connection. From there, you're ready to start building real Elementor content from the AI.
What you can build
The Elementor MCP is a new execution layer that handles the builds you're doing by hand today, and a few you haven't tried yet.
Full pages
Describe the page you want, and watch it appear in Elementor structure, ready to edit and publish.
Projects from other tools
A Figma design, Drive document, or WhatsApp message can be turned into real Elementor content.
Theme parts
Include Headers, footers, Posts, 404 pages and more, complete with dynamic content.
Edits and redesigns
Point at existing pages or layouts to update, while staying on-brand. Currently supports atomic layouts.
Abilities from other plugins
Use any ability registered to the WordPress Abilities API, including WooCommerce, Yoast, and ACF.
Custom widgets and snippets
Create custom widgets with native controls, and customize your WP Admin with personalized interfaces.
Full design systems
Generate and apply colors, typography, and sizes, set up consistently across your site.
Content and fixes at scale
Create and update products or posts across hundreds of records, debug errors, or close SEO gaps.
currently supports
Atomic Elements
and will soon also support
Widget (V3)
layouts
and Skills
Elementor-native structure, built to stay in your control
Every generation is native, editable Elementor structure, landing in your site as a draft for you to review before anything goes live. Clients and teammates still get content they can open and edit in the Editor, the same way they always have.
See plans
Created with the Elementor MCP
A few examples of creations made with the Elementor MCP and finalized in Elementor.
Get the most out of the MCP
A few practical ways to get better, more predictable results from the MCP, starting from your first build.
How other creators are building with the MCP
Web creator and Youtuber Ferdy Korpershoek shows you how to use the Elementor MCP to create a complete website with native Elementor elements, responsive layouts, animations, custom headers and mobile menus, blog templates, search functionality, contact forms and more.
Instead of rebuilding hundreds of existing pages, the Elementor MCP lets us use AI agents to build new landing pages directly on live sites, dramatically reducing mechanical layout work while letting V3 and V4 structures seamlessly coexist.
Read the case study
Tomas Jendek CEO, Webgate
Connected the MCP to build on their live agency site
Select your plan
See plansBuilt with Elementor MCP