Shoppable Video on Shopify: Layouts, Captions and What to Film

Video shows what photos cannot

How a fabric moves, how big a bag really is on a shoulder, how a cream spreads, how a gadget clicks together. Short product videos answer those questions in seconds. A shoppable video adds the product itself to the clip, so a shopper who likes what they see can go straight to it.

This guide covers what to film, how to lay it out and how to keep it accessible. The shoppable video tool for Shopify suggests a layout for your page and previews it as a real store widget.

What to film

• The product in use. On a person, in a room, in a hand. Context answers questions about size and fit that a white-background photo leaves open.
• One idea per clip. Short clips that show one thing well are easier to watch than a long tour.
• The product early. Many viewers decide in the first seconds whether to keep watching.
• Vertical framing for phones, where most short video is watched.
• Real people where you can. Customer clips, with permission, often feel more credible than a polished studio shoot.

If a creator was paid, sent free product or given a discount for a clip, say so. The FTC's Endorsement Guides (16 CFR Part 255) require material connections to be disclosed clearly, and the CMA and the UK Advertising Standards Authority publish joint guidance for influencer content. Check that you have the rights to any music in the clip, too.

Which layout for which page

• Row. A swipeable line of clips. Fits a product page or a homepage section without taking over.
• Grid. Several clips at once, suited to a dedicated "shop the look" page or a collection.
• Story circles. Small round thumbnails that open full screen, familiar from social apps. Compact enough for the top of a homepage.
• Hero. One featured video given the space, for a launch or a single signature product.

Tag only the products that actually appear in the clip, and check the tags when products sell out or change. A tag pointing at the wrong item breaks trust faster than no tag.

Captions, sound and motion

• Captions. WCAG success criterion 1.2.2 (Captions, Prerecorded) asks for captions on recorded video with speech. They also help the many people who watch with the sound off.
• No surprise sound. Browsers generally block autoplay with sound, and WCAG success criterion 1.4.2 (Audio Control) asks that any audio playing automatically for more than three seconds can be paused or muted. Start muted and let the shopper choose.
• A way to stop. Video that plays on its own for more than five seconds needs a pause control under WCAG success criterion 2.2.2 (Pause, Stop, Hide). Respect the reduced motion setting on the visitor's device where you can.

Keep the page light

Video is the heaviest thing most store pages load. Keep clips short, show a still poster image until a clip is needed, and avoid stacking several video sections on one page. Check the page on a phone over a mobile connection, not only on office wifi.

Next step

Pick three products that are easier to understand in motion and film one short clip of each. Then open the shoppable video tool, which suggests a layout for the page you have in mind and previews the shoppable video widget from the Nudgesmart app with sample clips. In the app, shoppable videos are on paid plans; you upload your clips and tag products there, then publish. Every layout is in the store widget gallery.

For how video fits with reviews, size guides and the other blocks on a page, see which product page widgets earn their place.