Builder #12 New in v6.0

Respira speaks Flatsome.

AI-assisted editing for the most popular WooCommerce theme on the planet, with full safety on every change. 200,000+ ThemeForest sales. Now a first-class Respira builder.

Start 7-day free trial See how it works

30+

Element types

200K+

ThemeForest sales

12

Builders supported

172+

MCP tools

The problem with generic AI on Flatsome

Flatsome stores content as WordPress shortcodes: [section][row][col][ux_banner]. When AI tools like Cursor or Claude Code edit Flatsome pages without understanding this format, they produce broken HTML that corrupts the UX Builder layout. Attributes get stripped, nesting breaks, and commerce elements like [ux_products] disappear.

Respira solves this by parsing Flatsome shortcodes natively. Every edit reads the shortcode tree, modifies the target element, and writes back valid Flatsome content. The UX Builder never sees invalid nesting.

What Respira does for Flatsome

Full shortcode parsing

Parses all Flatsome shortcodes from post_content: sections, rows, columns, banners, text boxes, galleries, product grids, and 30+ element types.

Element-level editing

Update a single text_box, button, or icon_box without extracting the whole page. Surgical precision across the section > row > col hierarchy.

Build complete pages

Create Flatsome pages from declarative JSON. Respira auto-wraps bare elements in section > row > col containers. One API call, full page.

WooCommerce element preservation

[ux_products], [product_categories], and [sale_countdown] shortcodes survive round-trip editing. Commerce elements are never corrupted.

Snapshot safety

Every write operation creates a before/after snapshot. Roll back any change with one click. Your client sites are never at risk.

Theme-based detection

Flatsome is a theme, not a plugin. Respira detects it by checking the active theme, not looking for a plugin. Works on any host, any configuration.

Built for WooCommerce

Flatsome is the #1 WooCommerce theme. Respira preserves its commerce shortcodes through every edit: product grids, category displays, sale countdowns, product lookbooks. The WooCommerce add-on adds 36 commerce-specific tools on top, including storefront design intelligence that analyzes your shop page layout and suggests improvements.

Studio and Founder plans include the WooCommerce add-on at no extra cost. Maker and Builder customers can purchase it separately.

View WooCommerce add-on tools →

How it works

1

Connect

Link Claude Code, Cursor, or any MCP client to your WordPress site through Respira.

2

Auto-detect

Respira detects Flatsome automatically when it is the active theme. Per-page detection handles mixed-builder sites.

3

Safe editing

Edits happen on a duplicate first. Your live page is never touched until you approve the changes.

4

Publish or roll back

Review the diff, approve the change, or restore the snapshot. Full audit trail on every edit.

What works today

Fully supported

  • Full extract/inject round-trip
  • Element-level editing (find, update, move, duplicate, remove)
  • build_page from declarative JSON
  • Snapshots on every write operation
  • WooCommerce shortcode preservation
  • Mixed-builder site detection (Flatsome + Elementor)

Not yet available

  • Runtime schema validation (planned for v6.1)
  • UX Builder UI integration (live preview sync)
  • HTML-to-Flatsome conversion path

Questions

Does Respira support Flatsome UX Builder? +
Yes. Respira 6.0 adds full support for Flatsome UX Builder as Builder #12. Extract, inject, element-level editing, build_page, and snapshots all work.
How does Respira detect Flatsome pages? +
Respira detects Flatsome by checking the active WordPress theme. If a page contains Flatsome shortcodes like [ux_banner], [text_box], or [ux_products], it is handled by the Flatsome builder class.
Does Flatsome support work with WooCommerce? +
Yes. Flatsome is the most popular WooCommerce theme and Respira handles its commerce shortcodes like [ux_products] and [product_categories] natively. The WooCommerce add-on adds 36 commerce-specific tools on top.
Can I use Flatsome and Elementor on the same site? +
Yes. Respira detects each page independently. Elementor pages are handled by the Elementor builder class, Flatsome pages by the Flatsome class. No conflicts.
Which AI tools work with Flatsome through Respira? +
Claude Code, Cursor, Codex, Gemini, and any MCP-compatible client. WebMCP support also works directly in Chrome.

Try Respira on your Flatsome site

7-day free trial. All 12 builders. No credit card required for the trial.

Start free trial v6.0 release notes