Build
Live preview
A working phone-sized preview beside the editor, popups and finish screen included.
It's included on every plan.
What it is
The editor can show a phone frame that renders the tutorial exactly as a visitor sees it, including Learn more popups and the congratulations screen at the end of a step-by-step tutorial.
Why it helps
Tutorials are read on phones, not on the laptop you are writing them on. Seeing the real thing while you type catches long headlines and cropped images before they ship.
How to use it
- Toggle Live preview on in the editor header.
- Tap through the preview as a visitor would.
- Toggle it off to give the editing pane the full width.
Try it on your product
Create a tutorial, publish it to your own URL and print the QR code.
Get startedMore on Build
Step-by-step tutorials
Walk someone through a task one card at a time, with a progress bar and a finish screen.
Stacked list tutorials
Show every card on one scrolling page so people jump straight to what they need.
Tutorial themes
Pick a visual theme for a tutorial, then pick a color set for that theme.
Tutorial search
Add a search bar to a stacked list tutorial so people find the right card instantly.