Recording tips
Ten minutes of preparation saves an hour of editing.
Before you record
- Use a demo account with realistic, non-sensitive data. "Acme Corp" reads better than "test123".
- Plan the story. Write the 5–7 clicks you'll make. See Best Practices.
- Size the window. Use a standard desktop size (for example 1440×900) and 100% browser zoom, so screens look sharp everywhere.
- Clean up the screen. Close other tabs, dismiss cookie banners and chat widgets, and turn on Do Not Disturb.
- Sign in first. Start recording on the first screen of the flow, not on the login page.
While recording
- Click slowly. Wait for each page to load before the next click. Every click becomes a step.
- Click the real target. Click the button itself, not the space next to it, so the pointer lands in the right place.
- Skip typing where you can. Fill forms before recording, or edit the text later in an HTML demo.
- Don't scroll more than needed. Every screen should show the element you're explaining.
After recording
- Delete extra screens and steps in Screens.
- Blur anything sensitive you missed.
- Rewrite the step text so it explains why, not just where. See Step text & buttons.
Which capture type?
| You want | Use |
|---|---|
| Fast, faithful click-through | Screenshots + Video |
| Editable text and images | HTML Demo |
| AI picks the flows | AI Recording |
| Use existing images | Blank demo & uploads |
| Desktop software | Desktop app |
More in Capture a LiveDemo
- How to capture a LiveDemo: Capture an interactive demo with the LiveDemo Chrome extension: screenshots and video, HTML, AI recording or a blank demo.
- Demo Types: Compare LiveDemo demo types (screenshot, video, HTML, AI recording and AI Demo Agent) and pick the right one.
- Screenshots + Video: Record a click-through demo with the LiveDemo Chrome extension: a screenshot on every click plus a video of the tab.
- HTML Demos: Capture the real HTML of your app with the LiveDemo Chrome extension, so text and images stay sharp and editable after recording.
- AI Recording: Browse your app with AI Recording on and LiveDemo suggests three ready-made demo flows. Pick one and generate a LiveDemo.
- URL to Demo: Enter your website URL and LiveDemo generates an interactive demo from it automatically, ready to edit.
- Blank Demo & Uploads: Start a blank LiveDemo and upload your own screenshots or videos, or add screens to an existing demo from the extension or the library.