Getting to know the editor
The three tabs, the three columns and the panel rail on the right edge.
The editor opens one demo at a time. At the top sit the title, the state badge (Draft or Published) and the three tabs of the work.
| Edit | Where the demo is built: steps, hotspots, design and narration. |
|---|---|
| Preview | The demo running exactly like the public link, inside the editor. |
| Insights | That demo numbers: views, completions and retention per step. |
Onboarding in 5 screensEditPreviewInsightsShare
1StepsCoverDashboardReport
2
3Properties
4DesignNarrationRecordingMenu
The three columns
- Left: the step list, in the order the visitor will see.
- Middle: the stage, where the recorded screen shows and hotspots are dragged.
- Right: the current panel, which changes with the button you pick on the rail.
The panel rail
| Properties | The selected step and its hotspots. |
|---|---|
| Design | Background, cursor, controls, branding and the player theme. |
| Narration | The voice-over for each step, with voice and caption. |
| Recording | Webcam and microphone recorded over the step. |
| Menu | The section navigation menu of the demo. |
| Translations | The whole demo in another language. |
| Image editor | Blur and touch-ups on the step capture. |
Shortcuts
| ⌘Z / Ctrl+Z | Undoes the last change. |
|---|---|
| Delete | Removes the selected hotspot. |
| ⌘B / Ctrl+B | Collapses and reopens the dashboard sidebar. |