AI Tools 1 Jul 2026  ·  2 min read

Elementor + AI: Building and Updating Pages Without Touching the Admin

Editor
X in ↗
Elementor + AI: Building and Updating Pages Without Touching the Admin
Elementor + AI: Building and Updating Pages Without Touching the Admin 1 Jul 2026
TL;DR — WDS MCP Content Manager exposes 8 Elementor abilities: three injection modes (HTML page, HTML template, native JSON sections), full template CRUD, and raw Elementor data access. The native JSON approach produces click-to-edit Elementor pages; the HTML approach is faster for full-page designs. Here’s when to use each one.

Elementor is the page builder on millions of WordPress sites. It’s also the part of WordPress that’s historically been hardest to manage programmatically — its internal JSON format is complex, undocumented in places, and changes between versions.

WDS MCP Content Manager’s Elementor abilities solve this by providing three different injection approaches depending on what you’re trying to do:

The 8 Elementor Abilities

  • wds/set-elementor-page — Wraps raw HTML in a full-width Custom HTML widget on an Elementor Canvas page. Fastest approach for complete page designs.
  • wds/inject-elementor-json — Injects a native Elementor sections array. Produces pages with click-to-edit native widgets (heading, text, button, image, etc.).
  • wds/set-page-html — Injects HTML into any post or page without changing the page template.
  • wds/set-template-html — Sets the content of an Elementor Library template (header, footer, section) using raw HTML.
  • wds/get-elementor-data — Returns the raw _elementor_data JSON for any page, post, or template. Use before editing to read the current state.
  • wds/list-elementor-templates — Returns all Elementor Library templates with IDs and types. Use to find header/footer template IDs.
  • wds/update-elementor-template — Updates the Elementor JSON of a Library template. Changes apply globally wherever the template is used.
  • wds/create-elementor-template — Creates a new Library template with optional Elementor JSON and Theme Builder display conditions.

HTML Injection vs. Native JSON: When to Use Each

Use HTML injection (set-elementor-page, set-page-html) when:

  • You’re building a full landing page design from a Figma export or a design system
  • You need pixel-perfect control over the output
  • The page doesn’t need to be client-editable after deployment

Use native JSON injection (inject-elementor-json) when:

  • The client needs to edit the page in the Elementor visual editor after you deploy it
  • You’re using standard Elementor widgets (heading, text, button, image, accordion)
  • You want the page to inherit the active Elementor theme styles

The Safe Edit Pattern

The cardinal rule for Elementor MCP edits: always read before you write. wds/get-elementor-data returns the current page structure as JSON. Extract and modify only the target section — a CTA block, a heading, a form — then push the full structure back with only that section changed. Never inject a fresh design over an existing page that has live forms, integrations, or CRM connections.

WDS MCP Content Manager Pro is the only WordPress MCP plugin with this depth of Elementor coverage. €49 one-time, works with any MCP-compatible AI client.

AI page building Elementor Elementor JSON WordPress Automation