WordPress Plugins
Free Tools
Pricing Blog Case Studies Switch to Royal Plugin Graveyard Support My Account Cart
WordPress

Editing Elementor with Claude: The Four Workflows That Work Today

By Jameson · May 17, 2026 · 9 min read
WORKFLOW 1 Gutenberg WORKFLOW 2 Manual WORKFLOW 3 Clone & customize WORKFLOW 4 Build from scratch Claude + Elementor Four real workflows. Each good at a different thing. ROYAL MCP · ROYALPLUGINS.COM

You can use Claude to edit Elementor pages, but the how matters way more than people make it sound. Four real workflows exist today: write content in Gutenberg and open in Elementor, hand-build the layout and let AI draft the copy, clone an existing page and customize the variant, or use a build-from-scratch MCP. This guide covers each, with concrete cases for when to reach for which.

The Question That Won't Go Away

If you're in any WordPress or AI subreddit lately, you've seen the question. “Can Claude just build me an Elementor page?” Variants: “How do I get AI to design pages in Elementor?” “What's the best MCP server for Elementor?”

The honest answer is: yes, you can use Claude to edit Elementor pages. But the how matters way more than people make it sound. There are four real workflows that work today. Each is good at a different thing. Picking the wrong one is what leads to most of the “AI page generation is broken” frustration you see on Twitter.

This guide covers all four, with concrete cases for when to reach for each.

Workflow 1 — Write in Gutenberg, Open in Elementor

The simplest path, and the one most people skip because it doesn't sound impressive.

What it looks like: You ask Claude to draft your blog post or service-page content. Claude writes it directly into WordPress using the standard block editor (Gutenberg) via an MCP server. You open the post in Elementor. Elementor wraps each block as a widget. You're done. Claude wrote the content, Elementor handled the layout.

What this is good for

  • Blog posts where the layout is template-driven anyway
  • Service pages that follow a consistent pattern across your site
  • Long-form content where the design is mostly typography
  • Bulk content updates across many existing pages

Why this works: AI is great at writing. AI is currently not great at making pixel-level layout decisions on a marketing page. This workflow plays to AI's strength and skips its weakness entirely. The Elementor editor still does the visual work. You're just letting Claude handle the words.

The Gotcha

This only works for posts where Gutenberg block content is what's stored. If your Elementor page is built widget-by-widget in the Elementor editor (which is most marketing pages), the post content is empty and AI has nothing to write to. Check your post's “Edit with WordPress” view. If it looks empty, your page is Elementor-native and this workflow won't help.

Workflow 2 — Manual Build, AI Content Separately

The “let the human handle layout” approach.

What it looks like: You build the page in Elementor yourself, ideally with the Container model (Elementor 3.20+) or atomic widgets (Elementor 4.0+). You ask Claude separately for content drafts: headlines, body copy, CTA text, FAQ answers. You paste into widgets.

What this is good for

  • Marketing pages where every pixel matters
  • New page designs without a working precedent
  • Pages with custom widgets, animations, or scroll effects
  • A/B testing variants where you want fine control

Why this works: Humans still do better than AI at layout decisions when the layout is non-trivial: visual hierarchy, white space, responsive breakpoints, brand consistency. Letting Claude do what it's good at (drafting compelling copy) while you do what you're good at (composing visually) is a sane division of labor.

The Gotcha

It's the most labor-intensive of the four. If you're spinning up landing pages weekly, this won't scale. Use it for tentpole pages, not for the long tail.

Workflow 3 — Clone-and-Customize (Royal MCP)

The workflow we built our own MCP plugin around, and the one we think is the most reliable for production sites.

What it looks like: You have a working Elementor page that ships. Maybe it's your services page. Maybe it's a city-specific landing page for one location. You ask Claude to clone it and customize the variant. Claude:

  1. Reads the page outline (sections, widgets, current copy)
  2. Duplicates the page with fresh element IDs (so the duplicate opens in Elementor cleanly)
  3. Replaces text across heading, button, text-editor, testimonial, FAQ, and other widget types
  4. Swaps image URLs (hero background, gallery, image cards)
  5. Saves as a draft for your review
  6. You open it in Elementor, tweak anything that needs it, publish

Concrete example

Your /services/web-design-new-york page works and converts. You want a Los Angeles variant. You ask Claude:

“Clone the New York services page. Replace 'New York' with 'Los Angeles' everywhere. Change the hero image to the Los Angeles skyline photo I uploaded last week. Save as a draft.”

Live capture: one prompt to Claude, MCP tool calls fire, the cloned page exists within seconds.

Claude calls elementor_clone_page, then elementor_replace_text ('New York' → 'Los Angeles'), then elementor_replace_image (old URL → new URL). You get a new draft page in under a minute. The Container structure is preserved. Widget IDs are regenerated so there's no editor collision. The design system is intact because you never asked AI to invent it. You asked it to swap content in a design that already works.

Claude chat on the left showing the Royal MCP tool-call summary, with the New York Services source page in the middle and the cloned Los Angeles Services page on the right, all live on demo.royalplugins.com.
Left: Claude’s chat summary of the MCP tool calls. Middle: the source page. Right: the cloned variant. Same Container structure, swapped headlines and hero image, live on demo.royalplugins.com.

Why this is the path we picked

This is the workflow that survives:

  • Elementor schema changes: we never decode page-builder JSON from scratch
  • Atomic widget evolution: Editor V4 widgets pass through opaque, no decoding required
  • Pro version drift: we don't touch Pro-only widget internals
  • Brand consistency: you defined the brand once with your designer; AI just reuses it

It's also the workflow that doesn't fail dramatically. If clone-and-replace can't find a widget to write into, it returns 0 replacements and tells Claude. There's no “page generated, but it's broken” mystery. Either the operation worked or it didn't, and you know which.

What it's not for: brand-new page designs. If you don't have an existing page to clone, this workflow has nothing to start from. Reach for Workflow 2 or Workflow 4 for greenfield design.

The Eight Elementor Tools Royal MCP Ships Today

Royal MCP ships elementor_clone_page, elementor_replace_text, elementor_replace_image, elementor_get_page_outline, elementor_list_local_templates, elementor_import_template, and elementor_add_widget. They auto-register when Elementor (free or Pro) is active. Free on wp.org with OAuth 2.1, audit logging, and capability gating. For per-tool syntax, arguments, and example prompts see the Elementor tools reference.

Workflow 4 — “Build From Scratch” MCPs

The aspirational pitch you see in YouTube demos: Claude describes a page, an MCP server generates the Elementor JSON, the page exists. No clone. No template. Just AI → page.

The reality is more nuanced. There are a few projects in this space, and they're all in active development with real edge cases.

The contenders

Angie (wp.org/plugins/angie): Elementor's own first-party AI-agent plugin. Install count has tripled since we first wrote this piece — from ~30,000 to 90,000+ — and the rating has recovered from 2.4 to 3.0 stars. Growth is real even if satisfaction is still polarized (users hit-or-miss on core workflows). Elementor 4.1's Atomic Editor updates significantly extended what Angie can do inside the editor. Worth revisiting if you tried it early and bounced.

Elementor's core MCP module (inside the Elementor free plugin itself, behind an experimental flag): the piece most people miss. Elementor is progressively building MCP support directly into core — as of July 2026 a modules/mcp module gated behind the e_wp_abilities_api experimental flag exposes primitive element operations via WordPress's Abilities API. July 2026 commits added Create_Element_Ability and Manage_Variable_Ability. When that flag graduates from experimental (no announced timeline; WordCamp US in August 2026 is a plausible reveal window), primitive-tier Elementor MCP coverage becomes bundled inside Elementor free itself. That's different from Angie: Angie is a separate agentic plugin; this is a protocol surface inside Elementor core. For anyone deciding what to install today, it's worth knowing this is coming.

msrbuilds/elementor-mcp (GitHub): the leading community implementation, and it has evolved dramatically since we first wrote this piece. 544+ GitHub stars (up from ~316), ~128 tools, and dev cadence has accelerated from every-2-3-weeks to roughly every 4 days — five releases dropped in six days at one point in July 2026. Median issue-close time has fallen from around 30 days to around 7 hours. It's still the most ambitious build-from-scratch toolset available, and the maintenance velocity now matches the ambition.

There are several other GitHub implementations (aguaitech, Ph0enixHan, blibbers, bvisible) at varying stages of maturity. Most are personal or experimental.

What works well in build-from-scratch MCPs

  • Simple pages with standard widgets and good hand-crafted prompts
  • Demo content where pixel-perfect output isn't required
  • Layouts that map cleanly to common patterns Claude has seen before
  • Tinkering, experimentation, prototyping

What's harder

  • Atomic widgets (Editor V4): schema is new, edges still being smoothed
  • Pro-only features: coverage is incomplete; some widgets need conditional handling
  • Complex layouts with custom CSS: JSON generation isn't always pixel-accurate
  • Production sites where a broken page generation costs real money

Things worth knowing before installing one on a live site

For msrbuilds specifically (the most-installed of the community implementations):

  • Distribution. Still GitHub releases only, not on the wp.org plugin directory. That means no formal plugin review before installation, no auto-update through WP admin, and no wp.org reviews surface for problem reports. Update yourself by checking the GitHub releases page — cadence is now roughly weekly.
  • Auth model. As of v3.4.1 (July 2026), msrbuilds ships full OAuth 2.1 with Dynamic Client Registration, PKCE-S256, RFC 9728 protected resource metadata, and .mcpb bundles for zero-config Claude Desktop setup. HTTP Basic with WordPress Application Passwords remains available for scripted/CI use cases. The OAuth stack narrows the trust surface to MCP calls only per session, which is the modern approach and matches what we ship.
  • Security posture has improved substantially, but a bug class recurs. Since our May writeup, msrbuilds has closed several trust-relevant issues (disabled-tools bypass on REST, Atomic widget silent-fail, theme template breakage on Elementor 4.0), added opt-in URL auth for the MCP route, and dropped a protected-meta allowlist for the get-post tool. Median issue-close time is now measured in hours. That's a real improvement. What's still worth eyes-open handling: the "disabled tools still execute via a different code path" class of permission bypass surfaced again in July 2026 (fixed within 13 hours, but it's the same class of bug that surfaced in March 2026 in a different code path). Third-party MCP servers exposing dozens of privileged tool paths are inherently a broad security surface — expect that class of bug to recur even under fast maintenance. Skim the issues tab before installing on a production site.

For Angie: read the wp.org reviews before installing. The 3.0-star average reflects real user friction on core workflows. Read the negative reviews to understand which specific workflows are problematic, and check whether your use case is one of them.

Eyes Open, Not Eyes Closed

None of this is meant to dissuade you from trying these. We're laying out the trade-offs people don't always see in the YouTube demos. If you want the flashy “AI built this page” experience, build-from-scratch is the path. Go in eyes open.

When to Use Which

Task Best workflow
Drafting content for an existing Gutenberg post #1 — Gutenberg + Elementor
One-off marketing page where pixels matter #2 — Manual build, AI content
Spinning up variants of a working page (different city, industry, audience) #3 — Clone-and-customize
Building bulk landing pages from a working template #3 — Clone-and-customize
Experimental “AI builds it from a prompt” demos #4 — Build from scratch
Brand-new page design with no precedent #2 or #4

The pattern, generally: start with what already works unless you specifically need greenfield design. AI is at its best when it's customizing something that exists, not when it's inventing from blank canvas.

What We Built and Why

Royal MCP is the plugin we built for Workflow #3. We picked clone-and-customize because:

  1. It survives Elementor's roadmap. Elementor is actively reshaping how widgets work (Container model, atomic elements, Editor V4). Any build-from-scratch MCP has to keep chasing the schema. Clone-and-customize doesn't decode the schema at all. It copies whatever's there, swaps text and images, leaves widget internals untouched.
  2. It doesn't fail dramatically. Either the clone happens or it doesn't. Either the replace finds a match or it returns 0. There's no “AI hallucinated a widget that doesn't exist” failure mode.
  3. It plays to AI's strengths. Claude is excellent at “take this existing thing and make a variant of it.” That's exactly what clone-and-customize asks for.
  4. It's secure by default. Every tool is capability-gated (edit_posts + edit_post per-post). The plugin runs through wp.org's security review before each release. Auth is OAuth 2.1 with PKCE or scoped API key.

Royal MCP ships eight Elementor tools as part of its 164-tool suite of WordPress and plugin integrations. Free on the WordPress plugin directory. No upsell. Pay for the design once (yourself or your designer) and reuse it forever via AI.

Try It

  1. Install Royal MCP from the WordPress plugin directory.
  2. Royal MCP → Settings → generate an API key.
  3. In Claude.ai web → Settings → Connectors → Add Custom Connector → URL: https://yoursite.com/wp-json/royal-mcp/v1/mcp. Approve the OAuth consent screen.
  4. Ask Claude: “Clone my [pick a working page] page. Change [whatever]. Save as a draft for me to review.”

For step-by-step setup including Claude Desktop, ChatGPT, and custom HTTP clients, see the Royal MCP setup guide.

Disclaimer: Royal MCP is developed by Royal Plugins. We've tried to honestly reflect each project's current state in this guide. Tool counts, ratings, and feature data last refreshed July 2026 from each plugin's official listing on wp.org or GitHub. Project status changes. Please verify on each plugin's official page before making a decision.

Frequently Asked Questions

Will Royal MCP work with both Elementor free and Pro?

Yes. The eight Elementor tools auto-register if either Elementor (free) or Elementor Pro is active. They're hidden if neither is installed. Pro widgets like Forms, Posts Grid, Price Table, and Loop Carousel are covered by clone and text/image replace because we don't decode widget internals. The clone copies whatever's there byte-for-byte.

What happens to atomic widgets (Editor V4) when I clone a page?

They pass through opaque. The clone copies the JSON byte-for-byte for atomic elements, generates a fresh element ID, and moves on. Replace operations skip atomic widget settings because we don't know the schema. If you need text or image swaps inside atomic widgets specifically, you'd handle those manually in the editor.

Can I use Royal MCP alongside another Elementor MCP plugin?

Yes. They don't conflict. Royal MCP registers its tools under names prefixed with elementor_. Other implementations like msrbuilds use different names. You could install both and call different tools depending on the workflow, though running two MCP servers adds overhead you'd want to weigh against the benefit.

Is there a way to undo a clone or replace?

Yes. Every Royal MCP tool call is logged in the Activity Log with timestamp and operation. Cloned pages are created as drafts by default, so unpublished changes don't go live until you explicitly publish. Replace operations create a post revision in WordPress's native revision system; you can roll back from the post edit screen at any time.

Clone Elementor Pages with Claude

Eight Elementor tools, capability-gated, OAuth 2.1 + audit log. Free on wp.org, no Pro tier.

DOWNLOAD ROYAL MCP FREE