Respira Elementor

Respira for Elementor

Elementor, edited by Claude, ChatGPT or Cursor, with undo.

Respira connects the AI client you already use to an Elementor site and reads pages as Elementor stores them: classic widgets, Pro widgets and Atomic elements, with Site Settings colours and fonts kept linked. Every edit lands on a copy first, you approve it in WordPress, and you can undo it for 90 days.

7 dedicated toolsWidget schema intelligenceDesign system exportConversion validatorSettings validationLayout patternsFull Intelligence
Start Free Setup Docs
Respira MCP Elementor detected
Prompt

"What settings does the heading widget accept?"

Respira

Full JSON Schema returned: title, size, tag (h1 to h6), alignment, color, typography group, text shadow, blend mode, CSS classes...

Builder Elementor + Pro
Intelligence Full (Deep)
Dedicated tools 7 Elementor-specific
7 Dedicated tools

Elementor-specific MCP tools beyond the 230+ core

40+ Widget schemas

Full JSON Schema for every core Elementor widget

120+ Schema properties

Typography, layout, spacing, effects, responsive

Elementor with AI means an assistant such as Claude, ChatGPT or Cursor reading and editing an Elementor site through Respira: classic widget pages, Pro widgets and the new Atomic elements, with Site Settings colours and fonts kept linked so a global change still updates every page. Respira checks each widget against Elementor's own schemas, writes the change on a copy first, and keeps 90 days of undo. Setup, the tool list and prompts to paste are on the Elementor MCP server page.

Dedicated Elementor Tools

7 tools built only for Elementor, two shared ones that speak it natively, on top of the 230+ core tools.

respira_list_elementor_widgets

Enumerate every registered widget with category, icon, and available controls.

respira_get_elementor_widget_schema

Full JSON Schema for any widget, types, defaults, allowed values, responsive keys.

respira_elementor_design_system

Export global colors, typography, and spacing from the Elementor kit.

respira_update_elementor_global_colors

Update brand colors across the design system in one call.

respira_update_elementor_global_typography

Change font families, sizes, and weights at the kit level.

respira_elementor_add_custom_js

Inject analytics, tracking, or interactions via HTML widget, safely scoped.

respira_add_stock_image

Search, download, and place a stock photo into any Elementor page. Shared across every builder.

respira_convert_html_to_builder

Turn raw HTML into native Elementor widget structure with proper controls. Shared across every builder.

respira_validate_elementor_json

Validate Elementor JSON against 7 rendering fidelity rules with auto-fix. Catches margin injection, typography flags, column width collapse, and more.

Browse all Elementor-compatible tools in the catalog →

Capabilities

What Respira brings to every Elementor site.

schema

Widget schema intelligence

Ask what settings any Elementor widget accepts, get a full JSON Schema with types, defaults, and allowed values. The AI knows your widget library before it edits.

palette

Design system export & update

Export global colors and typography from the Elementor kit. Update brand colors or typography styles without touching the WordPress admin, one prompt, one call.

image

One-call stock images

Search, download, and add an image widget to any page in one prompt. No multi-step workflow: say "add a photo of a modern office to the hero."

verified

Settings validation

Respira validates widget settings against the real schema before injection. Typos, wrong types, and invalid values get caught before they reach the page.

dashboard

Layout patterns

Pre-built Elementor patterns for hero sections, feature grids, testimonials, CTAs, and more. Full widget structure with responsive settings, not just placeholder HTML.

code

Custom JS injection

Add analytics, tracking, or custom interactions to any Elementor page via prompt. Respira injects JavaScript safely through scoped HTML widgets.

fact_check

Conversion validator

Every HTML-to-Elementor conversion runs through 7 rendering fidelity rules before reaching the page. Catches margin injection, missing typography flags, column collapse, and boxed-vs-fullwidth mismatches, then auto-fixes them.

How It Works

Automatic detection. Schema-driven accuracy. Production-safe execution.

1. Detect

Respira identifies Elementor automatically

When your AI assistant connects, Respira detects Elementor, its version, and all registered widgets. No builder-specific config needed.

2. Understand

Widget schemas drive accurate edits

Every edit is informed by real widget schemas, the AI knows what properties exist, what types they accept, and what values are valid.

3. Execute

Builder-native changes, production-safe

Edits go through Elementor's own data format. Snapshots capture state before every write. Validation catches problems before they reach the page.

Example Prompts

What you can ask, right now.

These work with any MCP-compatible AI client, Claude, ChatGPT, Cursor, Codex, Windsurf, or Cline. Respira handles the Elementor translation layer so your prompts stay natural.

Explore the plugin Setup guide

Try prompts like these

  • What settings does the Elementor heading widget accept?
  • Show me the global colors and typography for this site.
  • Add a stock photo of a modern office to the hero section.
  • Update the brand primary color to #1B4D7A across the design system.
  • Build a three-column feature section with icons and descriptions.
  • List all registered Elementor widgets.
  • Add Google Analytics tracking to the homepage.
  • Create a hero section with a background image and centered heading.
  • Validate this Elementor JSON before injecting it.

Full Intelligence for Elementor

The deepest Elementor MCP integration. Works with every AI assistant.

Widget schema intelligence, design system control, conversion validator, settings validation, and layout patterns. Start free: no credit card, no setup friction.

Start Free See Pricing
Summarize with Google AI Mode