How to Embed a TikTok Feed on Your Website (2026 Guide)
Step-by-step guide to embedding a live TikTok feed on any website or Shopify store. Covers native methods, third-party tools, and when a UGC platform beats both.
A TikTok feed on your website does two things at once: it shows visitors that real people use your products, and it keeps your on-site content fresh without anyone touching the CMS. Getting the feed live is straightforward; keeping it brand-safe, fast-loading and shoppable takes a bit more thought. This guide covers all three.
In this article
Native oEmbed
One video at a time, manual updates.
Wins at
- Zero setup cost
- No account connection needed
Struggles with
- No feed, one snippet per video
- No customer/UGC content
- ~150-300ms added load per video
Business Suite widget
Auto-updating feed of your own posts only.
Wins at
- Auto-updates as you post
- Grid or carousel layout
Struggles with
- Own account only, no hashtag/customer content
- No moderation or product tagging
Idukki
Multi-source, moderated, shoppable feed.
Wins at
- Own account + hashtags + customer tags
- AI moderation and product tagging
- Under 1 KB page-weight cost
Struggles with
- Requires a UGC platform subscription
Method 1: Native TikTok oEmbed
TikTok's oEmbed endpoint lets you convert any public video URL into an HTML snippet in about 30 seconds. Go to the video you want to embed, copy its URL, then call TikTok's oEmbed API (or paste it into a rich-text block in most CMSes: WordPress, Webflow and Squarespace all handle TikTok oEmbed natively).
The resulting snippet is a single <blockquote> plus a script tag. It renders one video with TikTok's own player chrome: the follow button, share controls and sound icon all show. Page-speed impact is roughly 150-300 ms of additional load on a mobile connection, depending on the TikTok SDK version.
The practical limit: this method is video-by-video. To build a feed you need one snippet per video, which means someone manually updating the page every time you want fresh content.
Method 2: TikTok Business Suite widget
If you have a TikTok Business account, TikTok's own Business Suite now includes a feed widget under Marketing → Website → Embed Feed. You connect your account, choose grid or carousel layout, and get a JavaScript embed code.
This auto-updates as you post, which solves the manual-update problem. The constraint is scope: you can only pull from your own account's posts, not from hashtags or customer tags. Any time a customer posts about you and you want that in the feed, you are back to copy-pasting individual oEmbeds.
Method 3: A UGC platform (Idukki)
The native methods above work well for a branded feed of your own posts. The problem they cannot solve: pulling in customer-posted TikToks that tag your product or use your brand hashtag. That content is scattered across thousands of individual accounts. There is no TikTok API route that surfaces it in one place without an approved third-party integration.
Idukki connects to TikTok via its approved Business API, aggregates content from your own account, brand hashtags and product tags, then runs it through AI moderation before it surfaces on your site. The feed updates automatically, in real time. See the TikTok widget for the full layout and format options.
What makes the feed shoppable: tag your product catalog to each TikTok video inside Idukki's dashboard. Every post in the feed then shows a product drawer: visitors see the video, tap the product hotspot, and can add to cart without leaving the page. The watch-to-cart path sits inside the feed itself.
Embed on Shopify, WooCommerce or any custom site
Shopify: install the Idukki app from the App Store, connect your TikTok account, create a gallery, then add the gallery block from the Theme Editor. No code required. The widget is asynchronously loaded and will not block your Largest Contentful Paint.
WooCommerce / WordPress: install the Idukki plugin from the WordPress directory, connect your TikTok account, then paste the gallery shortcode or widget block wherever you want the feed to appear: a page, a product page sidebar, or the checkout confirmation screen.
Custom sites and headless: use the Idukki embed snippet (a single async script tag) or pull the feed via REST API and render it with your own components. The API returns structured JSON with video URLs, thumbnails, captions, author handles, and product tag data.
Performance: what a TikTok feed actually costs
TikTok's own player SDK is around 120 KB gzipped. On a mobile Slow-4G connection, a feed of six oEmbed videos can push Largest Contentful Paint past 4 seconds — well outside the Core Web Vitals threshold. The main culprits are the SDK itself, the thumbnail images (each ~200 KB uncompressed), and TikTok's own tracking pixels firing before scroll.
Idukki's widget sidesteps most of this. Thumbnails are lazy-loaded outside the viewport, TikTok's player only initialises on click (not on page load), and the widget script is under 1 KB. Measured on Shopify's Dawn theme, adding an Idukki TikTok feed does not move the Lighthouse score.
Rights: can you legally embed customer TikToks?
Using a customer's TikTok video on your website for commercial purposes (especially product marketing) requires their permission. Reposting without permission, even via embed, can expose you to a DMCA takedown and, under GDPR, a legitimate complaint if the video shows the creator's face or personal data.
Idukki's Rights Management handles this automatically: when you tag a piece of customer content, the platform sends a rights-request comment to the creator on TikTok. Once they approve, the content is cleared for commercial use and logged with a timestamp. The whole flow (request, reminder, approval, storage) is managed in the platform. For the legal framework behind this, see how UGC rights and permissions work.
FAQs
Can I embed a TikTok feed on Shopify without an app?
Yes, for a single video via native oEmbed pasted into a rich-text block. For a live, multi-video feed of your own posts, you need either the TikTok Business Suite widget or a UGC platform app; Shopify's theme editor does not include a native TikTok feed block.
Does embedding TikTok videos slow down my site?
Native oEmbed can, since TikTok's player SDK is roughly 120 KB gzipped and can push mobile load time past 4 seconds for a feed of several videos. A widget that lazy-loads thumbnails and only initialises the player on click (Idukki's approach) avoids most of that cost.
Do I need permission to embed a customer's TikTok video?
Yes. Using a customer's video commercially, even via embed, requires their consent. Reposting without it risks a DMCA takedown and, if the video shows the creator's face, a GDPR complaint. Automated rights-request tooling handles this at scale; doing it by DM works below roughly 50 pieces a month.
What's the difference between the TikTok Business Suite widget and a UGC platform?
The Business Suite widget only pulls from your own connected account. A UGC platform like Idukki aggregates your account plus hashtag- and tag-based customer content, runs it through moderation, and can make the feed shoppable with product tags, none of which the native widget does.
Sources
- 1TikTok oEmbed API documentation · Official TikTok documentation for the oEmbed endpoint
- 2Stackla / Nosto State of UGC · 73% figure on consumer confidence from UGC (representative range)
- 3Google Core Web Vitals documentation · LCP and performance thresholds referenced in the performance section
Continue reading
6 pieces in this clusterThese long-form pieces on the Idukki blog link back to this article, go deeper on the cluster.
- Embedding
How to Embed TikTok Videos on a Website (Every Method, 2026)
The embed code, where to paste it on a website or blog, what it costs in page speed, and how to make embedded TikTok videos shoppable instead of decorative.
- Strategy
How to Embed a TikTok Feed on BigCommerce (Step-by-Step)
How to add a shoppable TikTok video feed to a BigCommerce store: Page Builder versus Script Manager for video, the Script Manager settings that matter (location, consent category, load method), what TikTok's official APIs cover, and how to confirm off-screen video isn't slowing your pages.
- Strategy
How to Embed a TikTok Feed on Shopify (Step-by-Step)
How to add a shoppable TikTok video feed to a Shopify store with theme app blocks, what TikTok's official APIs and embed player do and don't give you, and the video-loading checks that stop a TikTok carousel from slowing your product pages.
- Strategy
How to legally collect UGC from Instagram and TikTok
A repost is not permission. To put a customer's photo or video on your store or in an ad you need a documented licence, with a recorded reply that grants it.
- Embedding
How to Embed a YouTube Feed on Your Website (2026 Guide)
Three ways to embed a YouTube feed on any website: native iframes for single videos, the YouTube Data API for channel feeds, and a UGC platform for shoppable feeds.
- Strategy
The UGC Platform Guide for 2026: How to Pick One Without Regretting It in a Year
12 UGC platforms compared across 14 criteria, with a pricing reality check, the three questions that narrow the field in 15 minutes, and a decision tree.
More from Rohin Aggarwal
- Embedding
How to make your Instagram feed shoppable on your own site
A shoppable Instagram feed puts your Instagram posts on your site, tagged with your products. Seven steps from connecting the account to counting orders, and how it differs from Instagram Shopping.
- Embedding
Inside the widget speed program: cutting our embed JS by two thirds
A UGC widget lives on someone else’s storefront, so every kilobyte is borrowed. Here is exactly what we cut, what we measured, and the new performance dashboard that shows what your shoppers’ browsers actually experienced.
- Embedding
How to Embed a YouTube Feed on Your Website (2026 Guide)
Three ways to embed a YouTube feed on any website: native iframes for single videos, the YouTube Data API for channel feeds, and a UGC platform for shoppable feeds.