# How to Embed a TikTok Feed on Shopify (Step-by-Step)

Connecting TikTok, tagging products inside video, and the lazy-load setup that keeps a video-heavy gallery from wrecking your Shopify store's Core Web Vitals.

By Rohin Aggarwal · 2026-07-07

TikTok video carries more of the "prove it's real" weight than any static photo, and that's exactly why a badly installed TikTok gallery is more damaging to page speed than any other embed type. The steps are the same shape as any Shopify gallery, with one extra one: validate performance before you call it done.

**The 5 steps**

- **Connect TikTok** and sync your Shopify catalogue.
- **Install via app block** (Online Store 2.0) rather than a raw script in theme.liquid.
- **Tag products** at the moment they appear in each video.
- **Set videos to lazy-load** below the fold, only the visible/active slide should preload.
- **Validate Core Web Vitals** on at least three PDPs after install.

## Step 1: Connect TikTok and sync your catalogue

Authorise your TikTok account and connect your Shopify store so products sync automatically. As with Instagram, this catalogue sync is what turns a video into a shoppable one instead of a dead clip.

## Step 2: Install via app block and tag products

Install the gallery as an app block through the Theme Editor on Online Store 2.0 themes, then tag two to four products per video against your synced catalogue, manually or with AI auto-tagging. Placement above the fold on your highest-traffic PDPs matters more for video than for photos, since video needs a moment of visibility to earn a play.

## Step 3: Lazy-load everything off-screen

This is the step most DIY TikTok embeds skip, and it's the one that actually matters. Every video in the gallery should load with `preload="none"` until it's the active or visible slide; only then should it switch to `auto`. Forcing every slide to preload is what turns a ten-video gallery into tens of megabytes downloaded on page load, which is a direct hit to Largest Contentful Paint on mobile.

After install, run PageSpeed Insights on at least three PDPs. A drop of more than 10 points versus your pre-install baseline means the gallery isn't respecting lazy-load correctly, worth escalating rather than shipping as-is. The full mechanics are in [Core Web Vitals impact of UGC widgets](/blog/core-web-vitals-ugc-widgets).

**3–4×** — video watch-through vs. static media (Idukki cohort, 2024–2025)

**In one line:** TikTok on Shopify is a normal gallery install with one non-negotiable extra step: confirm the videos are actually lazy-loading before you ship it.

### Sources
- [PowerReviews, How UGC Impacts Conversion (2023)](https://www.powerreviews.com/how-ugc-impacts-conversion-2023/) — Video reviews convert 4.1x better than text-only (baseline)

---
Canonical: https://idukki.io/blog/embed-tiktok-feed-on-shopify
Tags: Shopify, TikTok, How-to, Shoppable Video