E-commerce product demo video template

Show how your e-commerce product works using its real screens or footage. Follow one useful workflow from the customer’s problem to the result.

See it in action with Shopify POS.

From this input to this video

Shopify’s actual product images and footage become a narrated demo of connected checkout and inventory.

Create a 30-second product demo video for Shopify POS, an omnichannel point-of-sale system for retailers selling online and in person. Use https://www.shopify.com/pos as the source. Open on the customer problem: keeping store and online inventory in sync. Then show connected checkout and inventory updates after each sale solving it, narrating each step against the real product experience. Use the actual product images, screenshots or footage in the source. Keep any visible products, prices, names and numbers exactly as supplied; use source-backed benefit labels when a detail is unavailable. Do not invent transactions or recreate product screens. Tone: clear and practical. Close with the logo and the line: Connect your store and online sales with Shopify POS. Voiceover language: English; if no voiceover, use on-screen captions plus background music.

What you start with
What you get
Drag to compare
Open video in a new tab
Read the exact input

Prompt

Create a 30-second product demo video for Shopify POS, an omnichannel point-of-sale system for retailers selling online and in person. Use https://www.shopify.com/pos as the source. Open on the customer problem: keeping store and online inventory in sync. Then show connected checkout and inventory updates after each sale solving it, narrating each step against the real product experience. Use the actual product images, screenshots or footage in the source. Keep any visible products, prices, names and numbers exactly as supplied; use source-backed benefit labels when a detail is unavailable. Do not invent transactions or recreate product screens. Tone: clear and practical. Close with the logo and the line: Connect your store and online sales with Shopify POS. Voiceover language: English; if no voiceover, use on-screen captions plus background music.

Selected style

Product spotlight

Source material

Read the video transcript

Selling in store and online means keeping inventory accurate in two places at once. Shopify POS connects checkout at the counter to the same back office that runs your online store. After every sale, the POS updates your inventory levels automatically, so you can see stock at every location. Offline and online orders stay in sync, right through to in-store pickup. Connect your store and online sales with Shopify POS.

Make it yours

Fill in your details here, or continue and finish your brief in ngram.

Help filling in your brief
[product-name]
Your product or store name.
[product-category]
What it is, in plain words.
[audience]
Who it is for.
[input-source]
URL, screen recording, or demo footage.
[pain-point]
The customer problem you open on.
[key-feature]
The one feature or experience you demo.
[tone]
Voice and feel.
[cta]
Closing line.
[vo-language]
Narration language.

Trusted by teams at

HubSpotDeelZapierITVVeevaDP WorldGenpactSafetyCulture

What this template is

An e-commerce product demo video template is a reusable prompt and scene structure that turns a store URL or screen recording into a short, narrated walkthrough of one product feature or buying experience. ngram supplies the structure — hook, feature walkthrough, outcome, CTA — so a founder or marketer only has to name the product, the audience pain point, and the key feature, then generate. The 30-second length matches the most common format in real e-commerce briefs, covering everything from Shopify app demos to over-the-shoulder store walkthroughs.

industry: e-commercejob: product demoaudience: founders
Scene structure

What the template builds

Four beats, 30 seconds — the shape most e-commerce demo briefs converge on.

  1. 1

    Problem hook

    6s

    Name the friction the buyer or merchant feels before they ever see the product. Text-forward, no product UI yet.

  2. 2

    Product walkthrough

    16s

    Cut to the real screen recording or store experience. Narrate the single feature or flow that solves the problem, step by step, with on-screen callouts on key moments.

  3. 3

    Outcome

    5s

    Show the after-state: one clear result the feature delivers. A number, a before-after, or a visible end state.

  4. 4

    Logo + CTA

    3s

    Land on the store or brand logo and the closing line. Calm and direct — no hard sell.

Customize

Make it yours

Duration

Trim to a 15-second social tease or extend to 60 seconds for a deeper product walk.

15s30s60s

Narration

AI voiceover, or captions-only for feed autoplay where sound is off by default.

AI voiceoverCaptions + musicNo audio

Style

Visual treatment around the recording.

RealisticMotion-graphicsMinimalist

Aspect ratio

Match the channel: horizontal for YouTube, vertical for Reels and TikTok, square for Instagram feed.

16:9 YouTube9:16 Reels/TikTok1:1 Instagram feed
Variations

Common variations

15-second Instagram demo

Drop the outcome beat, tighten the walkthrough to one step, and prepare a separate 9:16 edit for Instagram Reels.

tweak

Reduce to 15 seconds, 9:16 aspect ratio. Keep the problem hook and one product step. End on the logo. Use captions only.

60-second deep-feature demo

Walk through two or three features for a sales page, email campaign, or investor update.

tweak

Extend to 60 seconds. Demo [key-feature] plus two supporting features. Add a short narrated intro with context about the product category.

Over-the-shoulder screen demo

Natural recording style showing a merchant using the dashboard in real time — no motion graphics, just real UI.

tweak

Use realistic style. Follow the screen recording exactly, step by step, with minimal overlays. Narrate in a conversational tone.

No-voiceover captioned cut

For LinkedIn and email where feeds autoplay muted.

tweak

Remove the voiceover. Use concise on-screen captions and light background music only.

How it works

How it works

1

Open the template

"Use this template" drops you into the editor with the prompt prefilled.

2

Add your details

Replace the brackets with your product name, audience, pain point, and feature. Attach your store URL or screen recording.

3

Approve the plan, then refine

Review the proposed plan and its script, then approve it to create your video. Preview the result and ask ngram to adjust the pacing, visuals or narration.

More templates

Related templates

All templates
Ship it anywhere

Plug demos into your stack

Wire demo creation into the tools your store already uses.

YouTube
Social Publishing Beta

whenThe finished e-commerce product demo is ready for a product-channel upload

thenConfirm the YouTube destination before writing the e-commerce product demo post.

Integrate with YouTube
LinkedIn
Social Publishing Beta

whenThe finished e-commerce product demo is ready for a buyer-facing LinkedIn post

thenCheck LinkedIn as the destination before writing the e-commerce product demo post.

Integrate with LinkedIn
Zapier
Automate

whena new product goes live in your store

thenauto-render a demo and alert the team

Integrate with Zapier
n8n
Self-host

whena webhook fires from your store

thengenerate a demo in a self-hosted flow

Integrate with n8n
Chrome extension
Capture

whenyou capture a screen recording of your store

thenstart a demo from the browser

Integrate with Chrome extension
REST APIMCP serverWebhooksBuild your own integration in ~30 lines.

Frequently asked

Can I use a store URL instead of a screen recording?

Yes. Paste the product page or store URL into the [input-source] slot. ngram fetches the page, pulls product images and copy, and builds the demo from that. A screen recording gives more control over the exact flow shown, but a URL works well for quick demos of a product listing or landing page.

Does this work for Shopify stores?

Yes. Paste your Shopify product URL or upload a screen recording of the store. The template handles both. ngram pulls product images, metadata, and copy from the URL — or follows your recording step by step.

What if I want to demo the whole store, not just one feature?

The 30-second template works best with one clear focus — one product, one feature, one buying moment. For a broader store tour, use the 60-second variation and name two or three flows in the [key-feature] slot.

Can I post this to Instagram Reels or TikTok?

Use the 15-second Instagram variation and switch the aspect ratio to 9:16 before generating. The template reframes the recording and keeps captions large and centered for vertical feeds.

Do I need a voiceover?

No. Set narration to captions-only in the customization options. Most e-commerce demos posted to Instagram and TikTok run captioned with music, since those feeds autoplay muted.

What input formats does ngram accept?

URL (product page, store, or any web page), screen recording uploaded as a video file, existing demo footage, or just a text prompt describing the product. The template works with all of them.

Use the e-commerce product demo template now.

Copy the prompt, add your details, and generate your demo.

Talk to sales