Shopify Video · May 2026

How to Embed Video on Shopify
(2026 Complete Guide)

Four methods that actually work in 2026 — native upload, theme editor, custom code, and app-based embedding — with honest trade-offs and page-speed guidance for each.

Trusted by 2500+ brands, Globally ❤️

Nish Hair logo
Nandog logo
Interior Delights logo
Sunaofe logo
Bcouture logo
Maku The Label logo
House of Masaba logo
Suta logo
Alexel logo
Milton logo
Skyn logo
Minimalist logo
Nasher Miles logo
Petite logo
Sauna Place logo
Rubans logo
Thomas Scott logo
Flo Mattress logo
Dermatouch logo
Whole Truth logo
Nish Hair logo
Nandog logo
Interior Delights logo
Sunaofe logo
Bcouture logo
Maku The Label logo
House of Masaba logo
Suta logo
Alexel logo
Milton logo
Skyn logo
Minimalist logo
Nasher Miles logo
Petite logo
Sauna Place logo
Rubans logo
Thomas Scott logo
Flo Mattress logo
Dermatouch logo
Whole Truth logo
Nish Hair logo
Nandog logo
Interior Delights logo
Sunaofe logo
Bcouture logo
Maku The Label logo
House of Masaba logo
Suta logo
Alexel logo
Milton logo
Skyn logo
Minimalist logo
Nasher Miles logo
Petite logo
Sauna Place logo
Rubans logo
Thomas Scott logo
Flo Mattress logo
Dermatouch logo
Whole Truth logo
This article references current Whatmore product capabilities as of 2026-05-21. For the latest feature updates see Whatmore product changelog.
Video formats embedded on a Shopify storefront across desktop and mobile devices

Adding video to a Shopify product page used to be a hassle. In 2026, it's one of the highest-impact changes a merchant can make — and the gap between "thinking about it" and "live on PDP" is shorter than most assume. The hard part isn't the technical work. It's deciding which method fits what you're trying to do.

This guide covers the four methods that actually work in 2026: native Shopify upload, theme-editor video sections, custom code, and app-based embedding. Each has a real use case — and some have real limitations Shopify's own docs don't spell out.

The four ways to embed video on Shopify

Method Best for Time to install Limitations
1. Native upload (Shopify Admin) A single self-hosted product video 5 min No collection, no moderation, no auto-tagging, 1 GB file cap
2. Theme editor video section Homepage hero, category, or static-content video 10 min Limited to theme-supported sections
3. Custom code (Liquid / HTML) Specific layouts no app covers 1–3 hours (with dev) Maintenance burden, theme-update risk
4. App-based embedding TikTok, Instagram, YouTube, UGC, shoppable video, video reviews 30 min Subscription cost

For ~80% of Shopify merchants, Method 4 (app) is the right answer — but only if your goal is anything beyond a single static video. The other three methods all have edge cases where they win.

Method 1: Native upload (Shopify Admin)

The simplest path. Shopify lets you upload video files directly to a product's media library via the admin.

Steps:

  1. In Shopify Admin, go to Products and select the product you want to add video to
  2. Scroll to the Media section
  3. Drag and drop your video file (MP4, MOV, or M4V — max 1 GB), or click Add from URL to embed a YouTube or Vimeo link
  4. Once uploaded, the video appears in the product's image carousel

When this works well:

  • You have one polished branded video per product to show on the PDP
  • You're not running paid social and don't need video to feed back into ad audiences
  • You have under 50 SKUs and aren't scaling video across the catalogue

When it breaks down:

  • No collection workflow. You can't ask customers to record review videos and have them automatically appear here — everything is uploaded manually.
  • No moderation. Anything you upload goes live immediately. Fine for branded content; bad for UGC.
  • No tagging. The video is just a media asset — it can't be tagged to drive direct add-to-cart.
  • No analytics. You can't tell which videos drove views, watch time, or conversions.
  • File size matters. A 30-second 1080p video can easily be 50–100 MB. Twenty of those per PDP and your storefront slows materially.

Native upload is a good answer for a single hero video. It's not a system for managing video at scale.

Method 2: Theme editor video section

Most modern Shopify themes (Dawn, Symmetry, Prestige, Pipeline, Broadcast, Empire) include a "Video" section you can add to the homepage, collection pages, or product pages via the theme customizer.

Steps:

  1. From Shopify Admin, go to Online Store > Themes and click Customize on your active theme
  2. Click Add section and search for "Video"
  3. Add the section to the template you want (Home page, Product page, Collection page)
  4. Upload your video file or paste a YouTube/Vimeo URL
  5. Adjust styling (autoplay, loop, mute, full-width vs. boxed)

When this works well:

  • Homepage hero videos (brand intro, lookbook reel)
  • Category-page banners on featured collections
  • Adding video to "About Us" or content pages

When it doesn't:

  • It's not per-SKU. The video section displays the same video to every product, which makes it unsuitable for product-specific video at any meaningful scale.
  • Customisation is limited to what the theme exposes. If you want a vertical TikTok-style player on PDP, most themes don't ship that out of the box.

This is the right method for static, broad-reach video placements. It's the wrong method for video reviews, shoppable video, or anything per-product.

Method 3: Custom code (Liquid / HTML embedding)

For teams with a developer who need something the theme editor and apps don't offer.

The basic pattern (adapt to your theme — don't paste blindly):

<!-- In product-template.liquid or section -->
<div class="custom-video-wrapper">
  <video autoplay muted loop playsinline preload="metadata">
    <source src="{{ 'product-demo.mp4' | asset_url }}" type="video/mp4">
  </video>
</div>

For YouTube or Vimeo embeds:

<iframe
  src="https://www.youtube.com/embed/VIDEO_ID?autoplay=1&mute=1&loop=1"
  frameborder="0"
  allow="autoplay; encrypted-media"
  allowfullscreen>
</iframe>

When this is the right call:

  • You need a layout no app supports
  • You're on a custom theme that won't accept third-party app code
  • You have specific performance requirements (lazy-loading, custom video CDN, range request optimization)

The honest answer for 95% of stores is "use an app." Custom code carries hidden costs: every Shopify theme update is a regression risk, every new product needs manual code edits, and the page-speed work that good apps do for you (async loading, adaptive bitrate, CDN delivery) has to be reimplemented. If your dev team can defend the time and ongoing maintenance, custom code is fine. If they can't, it isn't.

Method 4: App-based embedding (where most merchants land)

This is the path for any of these jobs:

Apps split into two camps:

Camp A — review-collection apps (Loox, Judge.me, Fera, Stamped). These focus on collecting fresh customer videos via post-purchase emails and displaying them as social proof.

Camp B — content-import apps (Whatmore, Videowise, Vimonial). These focus on bringing existing video content — your Instagram, TikTok, YouTube, or branded library — onto your Shopify store with smart product matching.

The right pick depends on what content source you're working from. If you don't have video yet and need to collect it, Camp A. If you already have an Instagram or TikTok presence and want to put that content to work on PDPs, Camp B.

For a full app comparison, see our 10 best Shopify apps for video reviews .

The auto-sync approach (Whatmore)

If your brand has an active Instagram and TikTok presence, you don't need to upload videos one at a time. Whatmore syncs your existing UGC automatically and uses smart product matching to tag each video to the right SKU, so your PDPs populate without manual work. Video engagement events also push to Meta Events Manager, so shoppers who watched a PDP video become a high-intent retargeting audience.

Install Whatmore on your Shopify store →
Customer examples

See how Milton hit a 450% add-to-cart lift after embedding TikTok and Instagram content directly on PDPs, and The Whole Truth's product-education case study for how packaged-goods stores use the same workflow.

Page speed: what to watch for

Video can wreck Largest Contentful Paint (LCP) scores if implemented badly. The rules of thumb:

  • Don't auto-play more than one video above the fold. Stack multiple autoplay videos and your Total Blocking Time spikes.
  • Use a video CDN, not raw Shopify file hosting. Apps that load video asynchronously and adaptively don't typically tank PageSpeed. Native upload of large files does.
  • Lazy-load videos below the fold. They should only start downloading when the user scrolls toward them.
  • Run a Lighthouse test before and after installing any video app or method. If LCP gets worse by more than 0.5 seconds, the implementation isn't worth it — even if the video itself looks good.

Most modern video apps (Whatmore, Videowise, Loox, Judge.me) handle these automatically. Custom code and native upload require you to handle them yourself.

What to do next

If you have one branded product video and want it live this afternoon, use native upload (Method 1).

If you have an Instagram or TikTok presence and want to surface that content on your PDPs automatically — without uploading clip by clip — install Whatmore and use auto-sync. Get started free →

If you want to collect fresh video reviews from customers via post-purchase emails, see our complete guide to video reviews on Shopify and pick a review-collection app.

Ready to install? Try Whatmore free on your Shopify store — no credit card required.

Book a Demo →
For questions or feedback, contact us.

FAQs

  • Yes. In the product Media section in Shopify Admin, click Add from URL and paste the YouTube link. Shopify handles the embed. Limitation: you get the default YouTube player with branding and the "watch on YouTube" link. For more control, you need an app or custom code.

  • Yes, but not through Shopify's native upload — you need an app (Whatmore, Videowise, Vimonial, Clipara, and others all support TikTok). Manual embedding via TikTok's embed code works in HTML pages but is fragile on PDPs. See our full TikTok embed guide.

  • Yes, with an app. Manual embedding via Instagram's embed code is possible on Shopify pages and blog posts, but doesn't auto-tag to products and doesn't display well on mobile PDPs. See our Instagram Reels embed guide.

  • Technically there's no hard cap, but for page speed, keep it to 1 hero video and 2–4 secondary videos. More than that and you'll see meaningful LCP degradation on mobile.

  • It depends on how the video is loaded. Apps that use a video CDN and lazy-load (like Whatmore, Videowise, Loox) typically have minimal impact. Native Shopify upload of large files and custom-coded embeds without lazy-loading can hurt LCP significantly. Always test with Lighthouse before/after.

See all FAQs