How to make a product demo video that people actually finish

To make a product demo video, pick one outcome the viewer cares about, write a short shot list that gets there in three or four actions, record it in a clean demo account, then zoom in on the important clicks, trim the dead time and export a captioned MP4. Most good demos run 60 to 120 seconds. This guide walks through each step, with the settings and checklists that make the difference.

Step 1: Plan the product demo video

Decide what it is for

A demo that tries to show everything shows nothing. Before you open a recorder, write one sentence that finishes "After watching, the viewer will know that...". Examples:

• "...they can turn a spreadsheet into a shareable dashboard in under a minute."
• "...our tool flags failed payments before the customer notices."
• "...setting up the integration takes two clicks, not a developer."

That sentence decides what you cut. If a screen does not move the viewer toward it, it does not belong in this video. It might belong in a different one, such as a SaaS onboarding video or a feature announcement video.

Write a shot list, not an essay

A shot list keeps you moving while recording. Use this four-part structure, which works for almost any product:

1. The problem (5 to 10 seconds). One line of voiceover over the "before" state: a messy inbox, a blank report, a broken checkout.
2. The key actions (40 to 80 seconds). Three or four clicks or inputs that solve it. Name each one as you do it.
3. The result (10 to 15 seconds). Hold on the finished state long enough for it to register.
4. The next step (5 seconds). Where to go now: start a trial, book a call, read the docs.

If you write a voiceover script, keep sentences short and read it aloud twice before recording. Spoken English is roughly 130 to 160 words per minute for most people, so a 90-second demo is around 200 words of narration. That is less than you think.

Step 2: Prepare the screen before you hit record

Most demos look amateur because of what is on screen, not how it was recorded. Run through this checklist:

• Use a demo account with realistic but fake data. No real customer names, emails or invoices.
• Close everything else. Mute notifications, hide bookmarks, close unrelated tabs.
• Set a sensible window size. A browser window around 1280 to 1440 pixels wide keeps text readable after export. Huge ultrawide windows make everything tiny.
• Zoom the page to 110 to 125 percent if the UI uses small type.
• Pre-load the pages you will visit so you are not waiting on spinners.
• Do a dry run with the shot list in front of you.

For more on resolution and window sizing, see screen recording tips for crisp video.

Step 3: Record in one continuous take

Record the whole flow in one go, even if you fumble. It is easier to cut a mistake than to stitch together ten separate clips that do not match. Move the mouse deliberately, pause for a beat after each click, and let each screen settle before you talk over the next action.

This is where the recording tool matters. Click & Record is a free Chrome extension that logs every click you make (position and timestamp) and turns each one into a zoom afterwards, so the finished demo pushes in on the button you pressed without you editing keyframes by hand. Because zooms are added after recording, you can retime, weaken or delete any of them. It records a tab, an app window or a full screen, with optional mic and webcam, and a 3-2-1 count-in that never ends up in the file. If you want to understand the technique first, read what an auto-zoom screen recorder is.

Voiceover: live or after?

Talking while you click is faster and sounds more natural. Recording voiceover afterwards gives cleaner audio but takes longer to sync. For a first demo, record live and re-do any sentence that falls apart.

Step 4: Edit for pace and focus

Editing a demo is mostly removing things. In order:

1. Trim the start and end so the video opens on the problem and ends on the result.
2. Cut dead time: page loads, hesitations, the moment you forgot where the button was.
3. Speed up the boring but necessary parts, such as filling a form, to 2x or more.
4. Review every zoom. Each should land on something the viewer needs to read. Delete zooms that land on nothing.
5. Add a background and frame if the video will live on a website or social feed. A padded, rounded recording on a gradient looks finished.

Step 5: Add captions and export

Captions are not optional for a product demo video that will autoplay muted in a feed or on a website. Click & Record transcribes your voiceover on your own machine with a built-in Whisper model, so there is no upload and no per-minute fee. You can fix any word, then export SRT or VTT. The full process is in how to add subtitles to a screen recording for free.

For export, MP4 (H.264 + AAC) is the safe default because it plays almost everywhere. Choose the aspect ratio for where the video will live:

• 16:9 for websites, YouTube and sales emails.
• 1:1 or 4:5 for LinkedIn and other feeds.
• 9:16 for Reels, Shorts and TikTok.

The export dialog shows resolution, bitrate and estimated file size before you commit, which helps when a platform has an upload limit.

Common mistakes to avoid

• Starting with a logo or intro card. Viewers leave. Start on the problem.
• Touring the navigation. Nobody cares where the settings menu is. Show the outcome.
• Moving the mouse constantly. Rest it when you are not clicking.
• Ending abruptly. Hold on the result for two or three seconds before the call to action.
• Leaking real data. Check the URL bar, tabs and any notifications before publishing.

For the principles behind why these matter, read our SaaS demo video best practices.

A simple tool setup that works

You do not need a video team. A browser, a decent USB or headset microphone and a recorder that handles zoom and captions will cover most demos. Click & Record does recording, automatic click zoom, editing, on-device subtitles and MP4 export in one free extension with no account and no watermark. If you already have a recording, you can open it in the free browser editor and add manual zooms, trims, captions and a background without installing anything.