Chrome Extension Promo Video Template

When to use this template

Use it for a store listing promo, a launch post or a landing page hero. Extensions are easy to misunderstand because they live on top of other products. The video's main job is to show where the extension appears and what changes on the page when you use it.

A screenshot of a side panel rarely explains this on its own. Viewers need to see the sequence: an ordinary page, a click, and a better page. That three-step "before, click, after" pattern is the backbone of this template, and it works whether your extension summarises, saves, translates, fills forms or blocks distractions.

If your extension is one part of a larger product (for example, a web app with a companion extension), use the B2B SaaS template for the main video and this one as a short supporting clip.

The structure explained

1. Pain (0–4s). A browser-shaped problem.
2. Context (4–8s). A web page before the extension does anything.
3. The click (8–13s). Cursor to the toolbar, click, highlight.
4. The result (13–22s). The extension's output on the same page.
5. Extras (22–26s). Short feature labels.
6. Install (26–30s). "Add to Chrome" and the name to search for.

Most of the running time goes to the click and the result, because that is what the viewer cannot picture from your store description. Trim the pain and context scenes first if you need a shorter cut.

Example voiceover script

1. "Forty tabs open and no idea what you've actually read?"
2. "Open any article."
3. "Click [Product]."
4. "You get the key points, the quotes worth keeping, and a summary, right there on the page."
5. "Highlight, add notes, and send everything to your docs in one click."
6. "[Product]. Add it to Chrome, free."

Customising tips

• Record at a clean window size. A standard 16:9 browser window without bookmarks bar clutter or other extensions' icons.
• Pin the extension. Make sure your icon is visible in the toolbar before you start recording.
• Zoom on the icon. A ring highlight and a short zoom make the click unmissable.
• Check store rules. Browser extension stores have their own promo asset requirements; confirm them before uploading.
• Slow the click down. The click on the toolbar is the moment people miss. Hold the cursor on the icon for half a second before it clicks.
• Show a keyboard shortcut if you have one, as a small badge overlay. Power users look for it.

Spotlight's animated cursor paths, click effects and ring highlights are made for this kind of demo. See the product demo video maker.

Scene-by-scene plan

16:9 · about 30s · Clean style

1. Text reveal — “Reading a 40-tab research session again?”

   The pain, framed around the browser. Viewers should picture their own tabs.
2. Screenshot — “Any article, any page”

   A familiar-looking (fictional) web page. Establishes context before the extension appears.
3. UI demo — “Click [Product]”

   The cursor moves to the toolbar and clicks the icon. Ring highlight on the icon so nobody misses it.
4. Walkthrough — “Get the key points, right on the page”

   The result appearing in place. Zoom into the panel; this is the moment of value.
5. Feature grid — “Highlights · Notes · Export to your docs”

   Three or four extras. Keep the wording as short as the toolbar it lives in.
6. End card — “Add to Chrome — free”

   The install prompt and your store listing name. Mention other browsers if supported.

Make this video free