Live demo — click the dots. The exact same popup opens from a hotspot on a playing video.
Why video that sells beats video that plays
Video earns attention no photo can match: fabric moves, light changes, the product exists in a real room or on a real person. That's why stores put clips in the hero and on product pages. But attention without a path to the cart is a cost, not an asset — the shopper watches, wonders what the lamp is, scrolls, and the moment passes.
A shoppable video closes that gap. Tap the product in the clip and the answer appears in place: the name, the live price, the variant picker, add-to-cart. No hunting through the catalog for "the vase from the video". The clip stops being a mood board and becomes a point of sale.
What "shoppable" has to mean
- Live data, not captions. A baked-in price is wrong by the next sale. Hotspots must read the catalog: current price, sale strike-through, stock state.
- Buying in place. Variant picker and add-to-cart inside the popup — a link out to the product page is just a slower click.
- Phones first. Most of this traffic is mobile. A wide desktop clip shrunk to a phone leaves dots on the wrong pixels — the mobile version needs its own media and positions.
- Proof. If you can't see which clip earned which orders, you can't decide what to shoot next.
Do you need a video-commerce platform?
Depends on the job. Platforms in the Videowise/Tolstoy class import TikToks, run UGC video feeds and live shopping — real infrastructure, priced like it. If that's your growth channel, use one. But if the goal is simpler — the lookbook clip you already shot should sell the products in it — a lightweight app block does it inside your existing galleries, with photos and video side by side. That's the path this guide covers.
A shoppable video, in five steps
1. Install the app
Install Hotspot Studio from the App Store. The free plan is enough to publish your first shoppable video, and the app is a standard Online Store 2.0 block — nothing is injected into your theme, and uninstalling leaves no trace.
2. Upload the clip into any slot
In the app, create a section and drop your video into any slot — as the single hero medium or inside a gallery next to photos (every layout treats video as a first-class citizen). The app handles the poster and processing; on the storefront the clip autoplays muted, loops, and plays inline on phones instead of hijacking the screen.
3. Tag the products in frame
Drag a hotspot onto each product visible in the clip and pick the matching product from your catalog — popups get the live price, variant picker and add-to-cart automatically. One honest constraint: hotspots anchor to a spot in the frame, they don't chase a moving object. Pick footage where products hold still — styled room loops, on-model poses, a pan that settles — which is most lookbook footage anyway.
4. Cut a vertical version for phones
Every slot holds separate desktop and mobile media. Export a tighter vertical cut for mobile and give it its own hotspot positions, so dots sit exactly on the products on a phone screen. Mixing is fine too — video on desktop, a still frame on mobile, or the other way around.
5. Publish, assign, measure
Add the app block from the theme editor on any page — home, landing, lookbook — or assign sections to products, variants or collections so the right clip appears on the right product page automatically. Then let the analytics argue for you: revenue is attributed to the exact section and hotspot that earned it, so you'll know which clip deserves the next reshoot budget. Add Shop the Look on top and the whole outfit from the video goes to the cart in one click — optionally with a look discount.
Six places a shoppable clip pays for itself
Homepage hero loop
The strongest slot on the store. A 10-second styled-room or on-model loop with three tappable products turns your most-seen pixels into a salesperson.
Product-page styling clip
Show the product worn or placed — and tag the rest of the outfit or room. Assigned automatically per product, variant or collection.
Mixed lookbook
Video and photos in one gallery — editorial, grid, masonry, collage or carousel — each tile with its own hotspots. Motion draws the eye; stills carry the range.
Campaign landing
The clip from your ad, now buyable. Shoppers land on the exact footage that brought them and tap straight into the cart.
How-it's-made / how-it's-worn
Process and styling footage builds trust anyway — hotspots let the viewer act on it without leaving the story.
Seasonal gift edit
One festive tabletop clip, every item tagged, a Shop the Look button for the whole set — with a bundle discount that applies only to items bought from the section.
Shoppable video, answered
Does the video autoplay on the storefront?
Yes — muted, looping, and inline on phones (browsers only allow silent autoplay). A poster image shows until the clip is ready, so there's never a black box.
Can hotspots follow a product that moves through the frame?
No — a hotspot anchors to a fixed spot in the frame, there is no object tracking. Use footage where the products hold still: styled room loops, on-model poses, tabletop pans that return to rest. Most lookbook footage already works.
Will video slow my store down?
The player is the browser's native video element — no player library, no iframe. The app's core script stays ~10 KB and lazy-hydrated, dimensions are set so nothing shifts during load, and the poster keeps the first paint cheap.
What format should I upload?
MP4 (H.264) — it plays in every browser. Keep hero loops short (5–15 seconds) and export around 1080p; the app takes care of the poster and processing states after upload.
Can I show a different video on mobile?
Yes. Every slot holds separate desktop and mobile media — each can be an image or a video — and the mobile version gets its own hotspot positions. A vertical cut for phones is usually worth the export.
Do I need a video-commerce platform for this?
Not for this. Platforms like Videowise or Tolstoy solve a different job — UGC feeds, TikTok imports, live shopping. If the goal is making the videos you already have buyable inside your galleries, an app block does it for a fraction of the weight and cost.
Shoppable image galleries
The wider playbook: six gallery layouts, hotspot anatomy, and where shoppable images work beyond the product page.
Shop the Look for Shopify
Why looks lift average order value and what a converting section needs — the theme-agnostic guide.
Best Shop the Look apps compared
An honest, fact-checked comparison of the Shopify apps in this niche — including where each one is genuinely good.
Make your first clip shoppable today
Free plan included, paid plans from $7.99/mo with a 7-day trial — and the video you already have is enough to start.