Live Pages are standalone web pages that live within a chatflow’s context. Use them to display personalized results, host informational content, or create any custom page experience that complements your conversational flow. Each page gets its own URL and can exchange data with the chatflow through placeholders and navigation links.Documentation Index
Fetch the complete documentation index at: https://docs.wizflow.io/llms.txt
Use this file to discover all available pages before exploring further.
Use Cases
- Personalized results — show calculations, recommendations, or summaries based on user responses
- Informational content — detailed explanations, educational material, or product details
- Terms & agreements — legal documents or consent pages
- Landing pages — entry points that introduce topics before starting a chatflow
- Interactive content — custom visualizations, embedded tools, or rich media experiences
Creating a Live Page
Page Types
Import HTML
Upload a complete HTML document for full control over design and content. Your HTML is rendered inside a sandboxed iframe with permissions for scripts, modals, same-origin requests, and user-activated navigation.Dynamic Placeholders
Import HTML pages support placeholders that get replaced with dynamic values when the page loads. Use double curly braces to insert them:- Entity responses — values collected from user inputs
- Variables — calculated or computed values
- Raw — hardcoded values
| Placeholder | Description |
|---|---|
{{CHATFLOW_RETURN_URL}} | URL to return the user back to the chatflow |
Placeholder values are interpolated server-side before the page is displayed. Values are
HTML-escaped for security. Unmapped placeholders are removed from the final output.
Linking Between Pages
Pages can link to each other using relative pathnames:Managed Pages
Pre-built, configurable page templates that require no coding. Toggle features on or off, customize labels per locale, and preview changes in real time — all from the editor UI. Currently available:| Page Type | Description |
|---|---|
| Result Page | Configurable results display with pension summaries, income projections, financial sections, and CTAs |
Theming
Managed pages support per-page theme customization. Each page type defines its own set of overridable colors — typically covering backgrounds, accents, and text — that you can adjust to match your brand without writing CSS. Theme overrides are scoped to the page and do not affect other pages or the chatflow.Page Settings
General Settings
| Setting | Description |
|---|---|
| Name | Display name shown in the Live Pages browser (1–255 characters) |
| Pathname | URL-safe identifier using lowercase letters, numbers, and hyphens (3–128 characters) |
| Status | Enable or disable the page (disabled pages return 404, enabled by default) |
| Description | Internal notes for template authors (max 1024 characters) |
Page URL Structure
Each Live Page is accessible at:Example: If your template key is
retirement-planner and your page pathname is results, the
page URL would be /chatflow/retirement-planner/pages/results.SEO Metadata
Configure per-locale SEO settings for your pages:- Title — browser tab title and social sharing title
- Description — meta description for social sharing
- Image — Open Graph image URL for social sharing previews (1200×630px recommended)
Label Customization (Managed Pages)
Customize any text content on a managed page with full localization support. Override labels per locale directly from the editor. To find and edit a specific label, use the inline label editor:- Open the Preview tab in the Live Page editor
- Hold Alt (Windows) or Option (Mac) and hover over text — inspectable elements highlight
- Click a highlighted element to edit that label inline
Link Entity
The Link is a special chatflow entity that creates navigation between your chatflow and Live Pages (or external URLs).Resume Behavior
Configure when the chatflow should advance after the user clicks the link:| Mode | Behavior |
|---|---|
| On Click | Chatflow advances immediately when the user clicks the button |
| On Return | Chatflow waits until the user returns from the page |
Configuration Options
| Option | Description |
|---|---|
| Label | Message shown above the link |
| Description | Additional context below the label |
| Button Label | Text on the CTA button (supports i18n) |
| Target | A Live Page or an external URL / relative path (/ or http prefixed) |
| Open in New Tab | Whether to open the link in a new browser tab |
| Animation | Optional typewriter animation for the label |
Return to Chatflow
For Import HTML pages, add a return link using the system placeholder:Editor Tabs
| Tab | Purpose |
|---|---|
| General | Page name, description, pathname, enabled toggle |
| Meta | SEO metadata (title, description, image) per locale |
| Preview | Live preview with inspect mode for i18n labels |
| Advanced | View usage, advanced settings, and delete page |
Best Practices
Mobile-First Design
Ensure your HTML pages are responsive and work well on mobile devices
Clear Navigation
Always provide a way for users to return to the chatflow
Consistent Branding
Match your page styling to your chatflow theme for a seamless experience
Test Placeholders
Preview your pages to verify all placeholders are replaced correctly
Troubleshooting
Page shows 404 error
Page shows 404 error
- Verify the page is enabled in Live Pages settings
- Check that the pathname matches exactly (case-sensitive)
- Ensure the template is published with the page included
Placeholders not replaced
Placeholders not replaced
- Confirm placeholder syntax uses double curly braces:
{{PLACEHOLDER}} - Check that the placeholder is mapped in page configuration
- Verify the user has progressed far enough in the chatflow to have the required data
Page content not updating
Page content not updating
- Re-upload the HTML file with your changes
- Publish the template to make changes live
Next Steps
Flow Builder Basics
Learn the fundamentals of building chatflows
Variables
Understand how to use variables for dynamic content