Record
Edit interactive product demos without re-recording
Add hotspots, blur sensitive data, fix UI copy, and insert a CTA at any point. Your recording stays editable long after the capture.
What can you change in a demo after recording?
Almost everything a viewer sees. The nVariant editor treats each recorded step as something you can adjust: add hotspots and tooltips that guide the next click, blur or hide sensitive data, zoom into a small detail, and replace text or images on the screen itself.
The editor also controls the shape of the whole demo. Split long tours into chapters, let viewers branch into the path that fits their role, gate later steps behind a lead form or a password, and close with a call to action. Edits publish to the same link, so anyone who already has it sees the update.
Editor at a glance
Hotspots
Callout, pointer, and area shapes, on click or hover
Redaction
Rectangular or freeform blur with adjustable strength
Step edits
Replace text, swap images, hide elements
Flow
Chapters, conditional branching, autoplay
Conversion
Lead forms, password gates, end call to action
Inside the editor
Everything you change after the recording, without touching the original capture.
Selected element
Redact
Hide
Zoom
Blur 60%
Annotate and redact
Hotspot text
Click here to invite your team
Click
Hover
Area
Save hotspot
Guide with hotspots
Ready to try it yourself?
Start free trial
Add button
Close with a CTA
A full editing toolkit for every step
Guide, protect, and personalize each screen of the walkthrough.
Every editing tool, one sidebar
Open a recording and the whole toolkit is on the right of the canvas. Pick a step, pick a tool, and the change is saved against that step only.
Onboarding walkthrough · 8 steps
Invite your team
Click here to send your first invite
3 of 8
Next
Hotspots, in detail
A hotspot is the unit of guidance in a demo. Shape, trigger, copy, and destination are all yours to set, on any step.
Shape and trigger
Place a callout, a pointer, or an area hotspot, and choose whether it reacts to a click or a hover. Hotspot radius is adjustable so the target lines up with the real control underneath.
Click or hover trigger
Callout, pointer, and area shapes
Adjustable hotspot radius
Tooltip content
Tooltips are rich text, not plain strings. Write the line the way a rep would say it, add emphasis or a link, and let the built in step counter carry the viewer forward.
Rich text with bold, links, and lists
Step counter shown in every tooltip
Next and back buttons built in
Destination
Every hotspot ends somewhere. Move to the next step, start the demo over, or open an external URL such as a pricing page or a booking link.
Next step or start demo
Open any external URL
Bind the hotspot to a real page element
Fix the demo, not the recording
Product copy changed? Logo out of date? A field showing a real customer name? Patch the step in place. The rest of the demo stays exactly as recorded.
Replace text, swap images, hide elements
Rectangular and freeform blur with intensity control
Zoom regions to focus attention on small UI
End CTA
Lead form
Password
Heading
Ready to try it yourself?
Start free trial
Form fields
Work email
Required
Name
Text
Team size
Dropdown
Gate step 5 and later until the form is submitted.
Autoplay that paces itself
Not every viewer wants to click. Turn a walkthrough into a hands off tour, hold one pace across the whole demo or tune each step on its own, and loop it for a booth screen or a landing page hero.
Uniform timing or custom duration per step
Separate transition delay between steps
Loop playback for always on screens
Animation
Autoplay
Loop playback
Uniform
Custom per step
Step duration
2000 ms
Transition delay
1000 ms
How editing works
1. Record the flow
Capture the product with the Chrome extension. Every click and screen is saved as an editable step.
2. Edit what matters
Add hotspots, blur private data, fix UI copy, set up chapters and the closing CTA.
3. Publish and update
Share the link. When the product changes, patch the affected step instead of re-recording.
Editing habits that lift completion
Small editing choices decide whether a viewer reaches the last step.
1
Write tooltips as instructions
Start each tooltip with a verb and keep it under two lines. Click Invite to add your team works better than a paragraph about collaboration.
2
Blur before you share
Check every step for names, emails, and account numbers. Blur regions stay attached to their step when you edit the rest of the demo.
3
Put the form after the value
Gate the demo after the step that shows the outcome, not on step one. Viewers who have seen the result are more likely to leave an email.
4
Zoom only where the UI is small
Use zoom for dense tables, settings, and small buttons. Zooming every step makes the demo feel jumpy.
Demo editing questions, answered
What you can change after recording, and how far it goes.