How do I record an interactive demo of my website?

Open your site in a browser with a demo recorder extension running, then click through the flow you want to show -- each click becomes a step. The work that decides quality happens beforehand: realistic data, no notifications, a normal window size, and a decision about which click ends the demo.

Should I restart the recording if I misclick?

No. Keep going and delete the bad step afterwards, which takes a second. Restarting every time something goes slightly wrong is the main reason a ten-minute demo turns into an afternoon.

What size should my browser window be when recording?

A normal laptop window. Ultrawide captures become unreadable once the demo is embedded at half the width, and that is where most demos are actually watched.

← Back to blog

How to Record an Interactive Demo of Your Website

August 27, 2026

Recording a demo of your own site is the easiest kind to make and the easiest to make badly, because everything that goes wrong goes wrong before you press record.

The recording itself is two or three minutes. What follows is the preparation that keeps it to one take.

Prepare the account, not the script

Seed realistic data. Empty states demo badly and "Test User 1" undermines everything around it.
Log in first, unless signup is genuinely the story.
Silence notifications and close unrelated tabs — one Slack popup means starting over.
Set a normal window size. An ultrawide capture is unreadable once embedded at half the width.
Decide the last click before you start, so you know when to stop.

Record in one imperfect pass

Click through the flow at a natural pace. If you take a wrong turn, keep going — deleting a step afterwards takes a second, and restarting the capture every time something goes slightly wrong is what turns a ten-minute job into an afternoon.

Recording and editing are different jobs. Doing both at once is the single most common reason people re-record a demo five times.

Cut hard, then caption

Delete every step where the viewer learns nothing: navigation clicks, confirmation screens, anything that exists because the software demanded it rather than because it makes a point.

Then write one line per surviving step, as an instruction rather than a description. "Click Reports to see where the month went" does two jobs; "Dashboard" does none.

Check it as a stranger, then publish

Watch it once from the start without touching anything. The steps you skim are the steps to cut, and the moment you feel impatient is the moment a visitor leaves.

Then scan every step for data that should not be public — a separate pass from the editorial one, looking only for names, addresses and numbers. Then publish. An imperfect demo that exists outperforms the better one you never finished.

Frequently asked questions

How do I record an interactive demo of my website?: Open your site in a browser with a demo recorder extension running, then click through the flow you want to show -- each click becomes a step. The work that decides quality happens beforehand: realistic data, no notifications, a normal window size, and a decision about which click ends the demo.
Should I restart the recording if I misclick?: No. Keep going and delete the bad step afterwards, which takes a second. Restarting every time something goes slightly wrong is the main reason a ten-minute demo turns into an afternoon.
What size should my browser window be when recording?: A normal laptop window. Ultrawide captures become unreadable once the demo is embedded at half the width, and that is where most demos are actually watched.

Keep reading

This is what Demorta does

Click through it — the same kind of demo you can record of your own product.

Try it on your own product

Record your first interactive demo free.

Five demos on the free plan, forever. No credit card, no trial countdown, no sales call. Install the Chrome extension, click through your product once, and you have a shareable link in about ten minutes.

Start free →