How to Embed Video on Shopify
(2026 Complete Guide)

Shopify accepts MP4, MOV and WebM files up to 1 GB and 10 minutes long, and a product can hold up to 250 media items. The other three methods are a theme editor video section, custom Liquid code, and an app. Use an app when you want TikTok, Instagram or shoppable video on the page. This guide gives the steps, limits and page speed impact of each.

The four ways to embed video on Shopify

For most 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 WebM — up to 1 GB, 10 minutes and 4K resolution), or click Add from URL to embed a YouTube or Vimeo link
4. Once uploaded, the video appears in the product's image carousel

Limits to know: a product can hold up to 250 images, videos and 3D models in total, and each store has a video limit set by its plan (250 videos on Basic, 1,000 on Grow, 5,000 on Advanced). Shopify serves the video at 480p, 720p or 1080p depending on the shopper's connection. See Shopify's product media help.

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)

For most stores, the honest answer 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:

• TikTok or Instagram Reels on PDPs — see our TikTok embed guide and Instagram Reels embed guide
• YouTube videos on Shopify product pages — see our YouTube embed guide
• Customer video reviews collected via post-purchase email — see our video reviews on Shopify guide
• Auto-syncing your existing Instagram and TikTok UGC to Shopify PDPs automatically
• Shoppable video — videos tagged for direct add-to-cart; see our complete guide to shoppable video on Shopify for the broader picture
• Per-product video at catalogue scale (different video per SKU, automatically)

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.

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. Google's target for Largest Contentful Paint is 2.5 seconds or less. If a video pushes your page past it, 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.