# How to Embed Shoppable Videos on Shopify: Step-by-Step Five steps from app installation to Core Web Vitals validation. Setup time: 60–90 minutes. Common mistakes that kill conversion. By Rohin Aggarwal · 2026-04-19 Most 'embed shoppable video on Shopify' tutorials stop at "paste the code" and skip the part where the Liquid template breaks and your LCP quietly slides. The steps below do not skip that part. The performance fix (lazy-load below the fold, validate Core Web Vitals before you call it done) is the step most other tutorials leave out. Embedding shoppable video on Shopify takes five steps: choose a hosting approach (Shopify app versus self-hosted), tag products inside the video, place the embed code in your theme, configure analytics, and validate [Core Web Vitals](/blog/core-web-vitals-ugc-widgets). Total setup time is typically 60–90 minutes for a first deployment. **The 6 steps** - Pick a player that respects Shopify's liquid + CSP rules (no `eval`, no inline scripts). - Install via app block (Online Store 2.0), never via raw `` in theme.liquid. - Tag products at timestamps in the dashboard, then test add-to-cart from the player in a live cart. - Place on PDP above the fold for the top 20 SKUs; A/B test against the same page without. - Set the player to lazy-load below the fold to avoid LCP regression. - Hook up the analytics: track plays, taps, add-to-carts and assisted revenue. ## Step 1: Choose a hosting approach Two paths: (a) install a Shopify app from a [UGC platform](/blog/ugc-platform-guide) (Idukki, Yotpo, Stamped, etc.), fastest setup, ongoing subscription cost; or (b) self-host video on your CDN and embed a custom player, more upfront engineering, no per-impression billing. For most brands under £10M revenue, the app path is correct. Above that, self-hosting starts to make economic sense, see [cost of UGC build vs buy](/blog/cost-of-ugc-build-vs-buy). ## Step 2: Tag products inside the video Every shoppable video needs product tags bound to your Shopify catalogue. Most platforms read directly from your Shopify admin. Variant-level tagging (size + colour) matters most for fashion, covered in [best shoppable video tools for fashion](/blog/best-shoppable-video-fashion). For each video, tag 2–4 products; more than that creates decision paralysis and hurts conversion. ## Step 3: Place the embed code in your theme For Shopify 2.0 themes, the embed installs as a section you drag into the PDP. Position matters, see [inline vs floating widgets](/blog/inline-vs-floating-widgets). Above the fold beats below. Use the theme editor preview to confirm layout on mobile before publishing. ## Step 4: Configure analytics Three events to track: video impression, product tag click, and post-click conversion. Most platforms send these to Shopify Analytics automatically; if not, configure events in GA4 or your tag manager. Without these events, you cannot calculate [UGC ROI](/blog/how-to-measure-ugc-roi) accurately. ## Step 5: Validate Core Web Vitals After installing, run PageSpeed Insights on at least three PDPs. Target: 90+ on desktop, 75+ on mobile. If you see drops larger than 10 points, the embed is poorly optimised, switch platforms or escalate to support. The [Core Web Vitals piece](/blog/core-web-vitals-ugc-widgets) explains why this matters for SEO and conversion alike. ## What are the common mistakes to avoid? Four mistakes that recur: (1) installing the embed but never tagging products (the video plays but nothing is shoppable), (2) using autoplay-with-sound (browsers block it, customers find it intrusive), (3) loading a single 80MB video on the PDP (kills LCP), (4) skipping the analytics step (no ROI data, no business case for expansion). ## What does "done" look like? A correctly installed shoppable video deployment: video plays muted on view, product tags appear inline at correct timestamps, taps open variant-correct add-to-cart flow, analytics fire for impressions and conversions, PageSpeed stays above 90 desktop / 75 mobile. Test on a real mid-range Android device before declaring the deployment done. Shoppable video on Shopify is a 90-minute task once you know the pattern. The compounding revenue from a well-deployed instance pays back the setup time in days, and the lift is documented in [shoppable video conversion data](/blog/ugc-conversion-rate-boost). **In one line:** Shoppable video on Shopify is a 90-minute install if you pick the right app and a two-day rebuild if you do not. Performance budget and app-block compatibility are the only two questions that decide which one you get. - **+21%** — Median PDP CVR lift over photo-only (Idukki 500-PDP dataset) - **4.1x** — Video review vs text-only (PowerReviews, 2023 baseline) - **23s** — Average watch time on PDP (vs 4s for static gallery) - **11s** — Time-to-first-cart-click (vs 38s for static) _Shoppable video conversion data._ ### Sources & notes - [PowerReviews, How UGC Impacts Conversion (2023)](https://www.powerreviews.com/how-ugc-impacts-conversion-2023/) — Video reviews convert 4.1x better than text-only; photo reviews 2.6x; +103.9% lift among photo + video UGC interactors. - [Wyzowl, Video Marketing Statistics 2025](https://www.wyzowl.com/video-marketing-statistics/) — 89% of consumers say video convinced them to buy; 96% have watched explainer videos. - [McKinsey, Live commerce in China research](https://www.mckinsey.com/industries/retail/our-insights/its-showtime-how-live-commerce-is-transforming-the-shopping-experience) — Live shopping conversion 5-15% vs 2-3% for static; China live commerce $720B GMV in 2024. - [Bazaarvoice, 2025 Shopper Experience Index](https://www.bazaarvoice.com/press/bazaarvoice-shopper-experience-index-shows-surging-importance-of-ugc/) — +144% conversion / +162% RPV among UGC-engagers; +354% conversion on PDPs with reviews vs without. --- Canonical: https://idukki.io/blog/embed-shoppable-video-shopify Tags: Shopify, How-to, Shoppable Video