Funnel Canvas Builder & Web Creator

The Canvas Builder enables creative agencies to design and publish lightning-fast client landing pages, portfolio showcases, and lead-capture funnels directly inside the Cora workspace across Elementor, Visual HTML, and Next.js engines.

1. Multi-Engine Website Creation

• Visual HTML Engine: In-browser inline editing with code-split view and live DOM synchronization.
• Universal Migrator: Ingest public websites into editable draft themes with 1 click.
• Elementor Reskin: 100% white-labeled builder sandboxed from CMS branding.

2. Add Theme Wizard 2x2 Grid (v4.9.349+)

The Add Theme Wizard features an active-voice, responsive 2x2 template selection grid:

• 6 Production Templates:

- creative-agency: Minimalist typography, portfolio showcase, case study metrics.

- saas-dark: Modern product cards, feature matrix, interactive pricing tables.

- consulting-minimal: Corporate advisory, appointment booking, credibility scorecards.

- photography-studio: Full-bleed visual masonry, shoot booking flow, client proofing portal.

- stationery-inventory: Product catalog, wholesale tier pricing, distributor intake form.

- real-estate: Property listings, virtual tour embeds, scheduled showing requests.

• Realistic Screenshot Previews: High-fidelity visual cards in assets/img/tmpl_* with fallback state badges.
• Instant Search Filter: Live input filtering across template titles, categories, and tags.
• Sticky Bottom Action Bar: Pinned CTA bar providing responsive back/proceed controls across viewport sizes.

3. Standardized Canvas Drawers & Overflow Locking (v4.9.351+)

All slide-out panels across the Canvas editor are unified under the standardized .cora-drawer architecture:

• Zero Layout Jumps: Opening drawers applies body.cora-canvas-drawer-open { overflow: hidden !important; }, locking background page scrolling and preserving exact scroll coordinates.
• Event Listener Resilience: Standardized drawer open/close lifecycle restores click event listeners cleanly upon drawer termination.
• Full Viewport Containment: Fixed-position z-index overlays with smooth horizontal hardware-accelerated transitions.

4. AI Tools MCP Gateway & Live Action Playground (v4.9.344+)

The Canvas Template Editor includes a built-in AI Tools MCP Gateway and Live Action Playground:

• Interactive Three-Tier Testing:

- Natural Language Mode (`nl`): Plain-English prompts translated into validated MCP tool payloads.

- Guided Form Mode (`guided`): Form-based field inputs with dynamic validation and type checks.

- Developer Mode (`dev`): Raw JSON payload editing with syntax highlighting and schema validation.

• Live MCP Tool Execution: Executes canonical workspace tools against live workspace data with instant response rendering.
• 1-Click Code Reflection: Direct insertion of generated HTML/CSS/JS or tool payloads straight into the Template Editor buffer.

5. Next.js Git Connector & Route Scanner (v4.9.308–v4.9.316)

Connect your production Next.js repositories directly via GitHub Personal Access Tokens (PAT):

• App Router Scanner: Recursively scans app/**/page.tsx files and automatically registers discovered routes and page titles.
• Private Repo Support: Dual authorization header support (Bearer <token> and token <token>) with dynamic branch resolution.
• On-Demand ISR Revalidation: Dispatches secure webhook revalidations whenever page props or content are updated.

6. Headless REST APIs & Live Dev Server Preview Proxy

• Clean REST Endpoints: /wp-json/cora-canvas/v1/manifest, /wp-json/cora-canvas/v1/page, and /wp-json/cora-canvas/v1/form-submit.
• Offline Dev Server Ping: Automatically tests localhost:3000 within 150ms and provides clear instructions if offline.
• Isolated Preview Cookies: Scopes cora_canvas_preview cookies strictly to explicit preview queries, preventing unintended leaks to production visitors.

7. Live Preview Resilience Shield & Auto-Tailwind (v4.9.358 - v4.9.363)

• Auto-Tailwind CDN Injection: The compiler dynamically injects <script src="https://cdn.tailwindcss.com"></script> into preview iframes and exported static bundles if Tailwind utility classes are detected without an active stylesheet.
• Error Boundary Encapsulation: Isolates faulty custom scripts and guarantees zero blank screens or layout crashes.
• 100% Styling Parity: Prevents host admin CSS leakage to ensure preview rendering exactly matches the production static site.

8. Unified "Edit with AI" Toolbar (v4.9.362)

• Streamlined Minimalist Toolbar: Eliminates cluttered viewport switchers from the Live Code Editor header.
• Context-Aware Prompts: Consolidates multi-step AI actions into a single prompt bar that generates and validates live code diffs.
• 1-Click Code Apply: Reflects suggested HTML/CSS improvements directly into the CodeMirror editor buffer.

9. Workspace Forms Embedding Suite (v4.9.361)

• Native Embed Codes: Generate shortcodes ([cora-form id="..."]) or responsive iframes to embed Form AI Architect forms into any static or headless page.
• Direct CRM Ingestion: Submissions route automatically to wp_cora_leads with full source campaign attribution.

10. Tools & Templates Ecosystem (16+ Schemas)

Directly integrated with the public homepage ("Explore free templates") and navigation ("Tools & Templates"):

• 16+ Turnkey Industry Schemas at `/industries` & `/templates`:

- Photography Studios, Real Estate Brokerages, Digital Marketing Agencies, Stationery Manufacturing & Van Sales, Consulting & Professional Services, Wedding Productions, Salons & Clinics, and Creator Retainers.

• 4 Interoperable Distribution Formats:

- Native Landing Pages (native_page), AI Section Prompts for Claude/Cursor (section_prompts), Elementor Template Kits (elementor_kit), and Lovable / React Projects (lovable_project).

• Interactive Live Preview Modal (`TemplatePreviewModal.tsx`):

- Sandboxed live preview with desktop, tablet, and mobile viewport controls, 1-click clipboard prompt copy, and direct blueprint download.

• Pre-Seeded Operational Models: Each schema comes pre-configured with industry-specific SAC/GST codes, client intake forms, rate cards, pipeline stages, and static landing page templates.
• Automated CRM Ingestion: Static landing pages include embedded lead capture forms that pipe visitor inquiries directly into wp_cora_leads with instant monochromatic toast feedback.