If you don’t have access, email [email protected] to enable the updated Demo Builder in your workspace.
Try a demo
Explore the Demo Builder
Watch video
Demo Builder walkthrough
Understanding the Layout
When you open the Demo Builder, you’ll notice a few key areas designed to help you work efficiently:Main Navigation Tabs
At the top of the page, you can easily switch between three main tasks:- Build - Design your interactive demo with steps, tooltips, and media
- Manage - Configure sharing settings, organize flows, and publish your demo
- Analyze - Track visitor engagement, completion rates, and performance
Flows List Sidebar
On the left side of the Build tab, you’ll find a comprehensive list of all the Flows and steps that make up your demo. You can click on any step in any Flow to immediately start editing it in the main canvas. This makes it fast and easy to jump between different parts of your demo without losing your place.Step Editor
This is the central area where you’ll make edits to the content, appearance, and behavior of a selected step. All your editing tools are consolidated here for a streamlined experience.Theme Panel
On the right, you can adjust the overall look and feel of your demo by applying and customizing themes. Changes made here will apply across your entire demo for a consistent appearance.Choosing Your View Mode
The Demo Builder offers two distinct views for editing your demo. You can switch between them using the toggle control in the top navigation.- Single step view
- Multi-step view
This is the new default view, designed for editing one step at a time. It works perfectly with the Flows List Sidebar, allowing you to focus on a single step while easily navigating to any other step in your demo.When to use Single step view:
- You want to focus on perfecting individual steps
- You need to quickly jump between steps across different Flows
- You’re making detailed edits to specific elements
Key Features
Unified Editing Experience
The Demo Builder consolidates all your editing tools into a single interface. Instead of navigating between multiple pages, you can now:- Edit any step in any Flow from one place
- Apply theme changes and see them reflected immediately
- Preview your demo without leaving the builder
- Access analytics to understand how viewers interact with your content
Fast Navigation
The Flows List Sidebar makes it incredibly fast to move around your demo:- Click on any step to load it in the editor
- Make your changes in the Step Editor
- Click another step to continue editing
- Your changes are automatically saved
Seamless Preview
Switch to the Preview tab at any time to see exactly how your demo will appear to viewers. Your latest changes are always reflected in the preview, so you can test and iterate quickly.What Can You Edit?
The Demo Builder currently provides a unified experience for building Flows. Future updates will integrate additional builders and settings directly into this interface, including:- Checklist builder
- Mobile settings
- Responsiveness settings
- Language and tracking settings
FAQs
What is the main difference between Single step and Multi-step view?
What is the main difference between Single step and Multi-step view?
Single step view is designed for editing one step at a time and works seamlessly with the Flows List Sidebar, making it fast to navigate across your entire demo. Multi-step view shows the entire sequence of a single Flow, which is helpful for understanding the story and reordering steps within that Flow.Both views offer the same editing capabilities—the difference is in how you navigate and view your content.
Can I still use the classic Flow Builder?
Can I still use the classic Flow Builder?
Yes! The classic Flow Builder is now available as Multi-step view. Simply use the toggle control to switch from Single step view to Multi-step view whenever you prefer the classic experience.
How do I switch between different Flows?
How do I switch between different Flows?
In Single step view, use the Flows List Sidebar on the left to see all your Flows and click on any step to edit it. In Multi-step view, use the Flow dropdown to switch between different Flows.
Will my existing demos work in the new builder?
Will my existing demos work in the new builder?
Absolutely! All your existing demos work seamlessly in the new Demo Builder. You can edit them using either Single step or Multi-step view—whichever you prefer.