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

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.

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.