Respira for Flatsome UX Builder
AI-powered WooCommerce editing for Flatsome sites.
Shortcode intelligence. Declarative page creation. 36 WooCommerce commerce tools. Theme-based detection. Works with Claude, Cursor, Codex, or any MCP client.
Builder #12Shortcode intelligenceDeclarative page creation36 WooCommerce toolsTheme-based detectionMixed-builder support
Respira MCP
Flatsome detected
Prompt
"Build a product showcase page with featured WooCommerce products."
Respira
Page created with Flatsome shortcodes: hero section with background image, 3-column product grid with [ux_products] shortcode, testimonial row, and shop CTA — all auto-wrapped in section/row/col structure.
The 12th page builder supported by Respira
15 new commerce tools added in the Storefront release
Full shortcode-based content creation and editing
Capabilities
What Respira brings to every Flatsome site.
Shortcode intelligence
Respira understands Flatsome's shortcode format natively. Content stored as WordPress shortcodes is parsed, queried, and edited with full structural awareness — architecturally identical to Divi 4 and WPBakery.
Declarative page creation
build_page creates complete Flatsome pages from JSON. Bare elements are auto-wrapped in section/row/col structure — no manual nesting required. Describe the layout, Respira builds it.
WooCommerce commerce tools
36 WooCommerce tools — 15 new in the Storefront release. Manage products, orders, stock, coupons, and categories. Storefront design intelligence bridges commerce data and page builder visuals.
Theme-based detection
Flatsome is detected by the active theme, not a plugin. Respira identifies Flatsome automatically when the theme is active — no builder-specific configuration needed.
Mixed-builder support
Running Flatsome alongside Elementor or another builder? Respira handles it. Each page is processed with the correct builder engine, so mixed-builder sites work without conflicts.
Element-level editing
Find, update, move, duplicate, and remove individual shortcode elements. Respira navigates the nested shortcode tree to target exactly the element you need — no page-wide rewrites.
Intelligence Features
Shortcode-native intelligence for Flatsome and WooCommerce.
Auto section/row/col wrapping
When creating pages, bare elements are automatically wrapped in Flatsome's required section/row/col structure. No manual nesting — just describe the content.
Storefront design intelligence
Bridges commerce data and page builder visuals. Product grids, category showcases, and shop layouts are built with real WooCommerce data, not placeholder content.
Cross-builder compatibility
Flatsome pages coexist with Elementor, Gutenberg, or any other builder. Respira detects the builder per-page and applies the correct editing engine automatically.
Full WooCommerce commerce suite
36 commerce tools cover products, orders, coupons, stock management, categories, and more. Manage the entire store from natural language prompts.
How It Works
Theme detection. Shortcode parsing. Production-safe execution.
1. Detect
Respira identifies Flatsome by active theme
When your AI assistant connects, Respira detects the Flatsome theme automatically. No plugin activation or builder-specific config needed — theme detection handles everything.
2. Understand
Shortcode structure drives accurate edits
Every edit is informed by Flatsome's shortcode format. Respira parses the nested section/row/col structure so the AI knows exactly what elements exist and where they sit.
3. Execute
Builder-native changes, production-safe
Edits go through Flatsome's own shortcode format. Snapshots capture state before every write. Auto-wrapping ensures valid structure even when creating from scratch.
Example Prompts
What you can ask, right now.
These work with any MCP-compatible AI client — Claude, Cursor, Codex, Windsurf, or Cline. Respira handles the Flatsome shortcode translation layer so your prompts stay natural.
Try prompts like these
Build a product showcase page with featured products.Create a hero section with a background image and shop now button.List all WooCommerce products with low stock.Update the homepage hero heading and CTA text.Add a three-column feature section to the about page.Create a testimonial section for the landing page.Show me all sections on the homepage.Duplicate the services page and update the pricing.
Full Intelligence for Flatsome
AI-powered editing for the #1 WooCommerce theme. Works with every AI assistant.
Shortcode intelligence, declarative page creation, 36 WooCommerce commerce tools, and theme-based detection. Start free — no credit card, no setup friction.
