Add video to your Shopify homepage

Method 1 — A theme video section (hero banner)

1. Online Store → Themes → Customize.
2. Add section and choose the video or video banner block your theme offers.
3. Upload an MP4 or paste a YouTube/Vimeo URL, then set the overlay text and heading.
4. Save and preview on mobile before you publish.

Best for one big brand moment at the top. Watch out: a hero video often becomes the Largest Contentful Paint element, so an uncompressed file directly damages your Core Web Vitals.

Method 2 — A video carousel or stories bar (an app)

Instead of one hero video, a row of shoppable clips — a carousel of styled videos, or a circular stories bar like Instagram's. This tends to outperform a hero video on stores that sell many products, because it invites browsing rather than just setting a mood, and every clip is tappable.

Method 3 — A floating video widget

A small player that follows the shopper as they browse. It costs no layout space and keeps working on pages where you would never place a video block.

Which to use

The five speed rules

1. Compress before upload. A hero video should be measured in low single-digit megabytes, not tens.
2. Never autoplay with sound. Muted autoplay only — browsers block the rest anyway, and visitors hate it.
3. Use a poster image. Something meaningful paints immediately while video loads.
4. Lazy-load everything below the fold. Do not pay for video nobody scrolls to.
5. Avoid YouTube embeds at the top. The third-party script cost lands exactly where it hurts most.

Then check the result: run PageSpeed Insights before and after, and look at Online Store → Themes → Store speed.

Make it shoppable

A homepage video that cannot be bought from is a mood board. With Quinn the clips are tappable — product card and add-to-cart inside the video — and you get orders attributed per video, so you can tell whether the homepage video is working or just looking nice. Videos are compressed up to 20× and lazy-loaded from a CDN.

Questions