Shopify Video · May 2026

How to Embed TikTok Videos on Shopify
(2026 Step-by-Step Guide)

Two real methods — manual embed code and app-based — when each makes sense, and the page-speed and product-tagging pitfalls most merchants miss.

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-12. For the latest feature updates see Whatmore product changelog.

If you've been growing on TikTok and your Shopify store doesn't show that content, you're leaving conversion lift on the table. Shoppers who've seen your TikTok content already trust the brand — and merchants who surface that content on PDPs see measurable add-to-cart improvement. The question is how.

There are two real paths: TikTok's native embed code (works for one-offs, breaks at scale) and app-based embedding (the answer for any store with more than a handful of videos).

The short answer

TikTok video rendered full-bleed vertical on a Shopify product detail page with product tag overlays
Method Time to install Best for Per-video effort after install
TikTok embed code (manual) 5 min/video 1–3 videos on static pages Manual every time
App-based (Whatmore, Videowise, Vimonial, Fera) 30 min once Catalogue-scale, PDPs, ads retargeting None — auto-sync

If you have 1–2 TikTok videos you want on a single page (homepage, blog post, About Us), the manual method is fine. For everything else — especially per-product TikTok video on PDPs at scale — use an app.

Method 1: Manual TikTok embed via embed code

You can grab a TikTok video's embed code directly from TikTok and paste it into Shopify's HTML editor on any page.

Steps:

  1. On TikTok (desktop), open the video you want to embed
  2. Click the share icon, then select Embed
  3. Copy the embed code (it's a <blockquote> snippet with TikTok's player script)
  4. In Shopify Admin, navigate to where you want the video — Online Store > Pages, Blog posts, or a custom template
  5. In the rich-text editor, click the <> icon to switch to HTML view
  6. Paste the embed code where you want the video
  7. Save and preview

When this works:

  • A single TikTok on your homepage or About Us page
  • A blog post with one TikTok embedded for context
  • A landing page for a specific campaign

When this breaks:

  • Product pages. Most Shopify product templates don't expose a rich-text HTML editor for the PDP body, so manual embeds typically don't fit cleanly. You'd need to customise the theme.
  • Mobile rendering. TikTok's default embed is responsive but can look awkward squeezed into a multi-column PDP layout — usually renders as a square embed rather than the full-bleed vertical experience customers expect.
  • Page speed. TikTok's embed script loads externally and adds a render-blocking dependency that hurts LCP on slower devices.
  • No product tagging. A manual embed can't be tagged for direct add-to-cart — clicking the video takes the customer to TikTok rather than keeping them in your funnel.
  • Maintenance. Every new TikTok video means another manual embed. At 10+ videos this becomes a job.

Manual embed is the right answer when video is decoration. For video as a conversion mechanism, it isn't.

Method 2: App-based TikTok embedding

For any store treating TikTok as a real content source, an app is the answer. The leading apps split into two approaches:

Auto-sync approach (Whatmore, Videowise)
Connect your TikTok account once, and the app pulls your existing videos automatically. Smart product matching tags each video to the right SKU. As you post new TikTok content, it flows into your store with no manual work.

Manual import approach (Vimonial, Clipara, Fera)
Paste TikTok URLs into the app one at a time and configure where each video appears. Lower operational lift than full theme customisation, but doesn't scale if you post frequently.

For brands with an active TikTok presence, auto-sync wins. For brands with a small library of branded clips, manual import is fine.

The Whatmore approach

Whatmore auto-syncs your TikTok content and uses smart product matching to tag each video to the right SKU automatically. Three specific behaviours worth knowing:

  • Smart product matching — videos get auto-tagged to the right SKUs based on visual and metadata signals, not a manual SKU-mapping table
  • Image-based reviews supported alongside video — same widget handles both
  • Meta Events Manager integration — shoppers who watch a TikTok on your PDP feed back into Meta as a high-intent custom audience you can retarget

The Meta integration is the one most merchants miss. PDP video engagement is a buying signal. Pushing those events back into Meta means your retargeting audiences get sharper without spending extra on creative.

Install Whatmore on your Shopify store →
Customer examples

Milton hit a 450% add-to-cart lift after embedding TikTok-style shoppable video on PDPs, and Suta's storytelling-led shoppable video case study shows the same workflow applied to a heritage fashion brand.

Where to display TikTok videos on Shopify

1. Product detail pages (PDP) — highest impact
The PDP is where buying decisions get made. A vertical TikTok-style player above or beside the product images is the strongest placement — see our complete guide to shoppable video on Shopify for the full PDP-placement playbook. PDP conversion-lift data by vertical is in the Whatmore Shoppable Video Benchmark Report 2026 .

2. Homepage carousel
A horizontally scrolling row of TikTok videos on your homepage builds brand trust before the shopper has picked a product. Works best when the videos share a visual aesthetic with your storefront.

3. Collection pages
A small TikTok video module per collection page can lift category-level engagement. Use sparingly — too many videos on a collection page is a page-speed problem.

What doesn't typically work: TikTok videos in your blog (lots of impressions, no conversion path) and TikTok videos in cart/checkout (creates distraction at exactly the wrong moment).

Page speed and mobile considerations

Three rules worth following:

  • Lazy-load below the fold. TikTok video embeds should not download until the user scrolls toward them. Apps handle this; manual embeds usually don't.
  • One autoplay maximum above the fold. Stacking multiple autoplay videos at the top of a PDP wrecks LCP on mid-range mobile devices. Pick one to autoplay; the rest play on tap.
  • Run Lighthouse before and after. If LCP gets worse by more than 0.5 seconds, the implementation isn't worth it. Most modern apps stay within tolerance; some — particularly older ones using legacy video players — don't.

What to do next

If you have one TikTok video to add to your homepage today, use the manual embed code (Method 1). Five minutes and you're done.

If you're treating TikTok as a real content channel — multiple videos, per-product PDPs, ad retargeting feeds — install Whatmore and let auto-sync do the work. Start free →

For the broader context on adding video to Shopify, see our complete guide to embedding video on Shopify .

For Instagram Reels embedding specifically, see How to Embed Instagram Reels on Shopify .

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

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

FAQs

  • No. On Shopify and WooCommerce, most shoppable video platforms install as an app or plugin and embed videos through a block, widget, or theme snippet. A typical setup takes under an hour with no developer. You only need code for fully custom storefronts or headless builds.

  • Start on the product detail page, where a tagged video answers buyer questions at the decision point. Add a homepage carousel for discovery, collection-page videos for category storytelling, and a floating widget for site-wide reach. Test one placement at a time so you can measure each one cleanly.

  • They should not if the platform is built for it. Good shoppable video tools lazy-load the player, serve adaptive bitrate streams, and load asynchronously so the video never blocks page rendering. Always test Core Web Vitals before and after install, and avoid autoplaying multiple videos on one page.

  • Short clips of 15 to 60 seconds perform best — product demos, how-to-use videos, unboxings, before-and-afters, and user-generated reviews. Repurpose existing TikTok, Instagram Reels, and creator content. The video should answer a real buying question, not just look polished.

  • Track engagement rate, video-attributed add-to-carts, and the conversion rate of video viewers versus non-viewers on the same page. Most platforms report this in a dashboard. Tie video sessions to revenue so you can prove incremental lift, not just views.