Editor panels
The right rail groups every editing control into panels. Open a panel from the rail, then tap the (?) in its header to jump straight to that panel's page. The panels below are listed in rail order.
Demo look
- BrandDesign sets the demo-wide look every step inherits — brand color, fonts, and the default style of your hotspots, walkthrough popups, and checklist. Change something here and it applies across the whole demo, so you tune the theme once instead of styling each step by hand.
- PlaybackBrowser controls the frame the demo plays inside — the mock browser chrome, its title and favicon, the background behind it, and how the player advances. It shapes the very first impression a viewer gets before they read a single step.
- FlowPop-ups are full-step overlays — a welcome or closing card, a lead-capture form, an embedded widget, or a gate that a viewer must clear before continuing. Unlike a hotspot that points at an element, a pop-up covers the step and drives a decision.
Steps & guides
- StepStep information holds the content of the selected step — its title and description, the media it shows, how the player zooms and transitions into it, and any capture details. It is the per-step counterpart to the demo-wide Design and Browser panels.
- GuideThe Call-to-action panel styles the guide on the selected step — the hotspot, walkthrough popup, or spotlight a viewer clicks to move forward. It is where you write the Next/Back labels, position the guide, and control zoom, backdrop, and branching for that one step.
- LayersThe Call-to-action panel styles the guide on the selected step — the hotspot, walkthrough popup, or spotlight a viewer clicks to move forward. It is where you write the Next/Back labels, position the guide, and control zoom, backdrop, and branching for that one step.
- VoiceoverVoiceover adds narration to the selected step, so viewers can watch and listen instead of reading. It makes a demo more immersive and more accessible, and works step by step across the demo.
- Video avatarA video bubble supports the selected step with a presenter clip or a short demo video — a talking-head bubble or a full presentation video — so a person can walk the viewer through what they are seeing.
- Pan & ZoomPan & Zoom moves the viewer's view into one area of a step's screen, so a small control or a detail in a busy page is impossible to miss. It is set per step, and the area is drawn on the canvas.
Workspace
- AssistThe AI assistant helps you build and polish the demo from the editor — enhancing steps with generated copy and answering build requests in a chat panel, so you can move faster than editing every field by hand.
- FeedbackComments are internal review notes on the demo for your team. You can leave threaded notes, reply, mention teammates, and anchor a comment to a spot on a step — all private to the workspace, never shown to viewers.