# 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.

By Rohin Aggarwal · 2026-08-01

Embedding a TikTok video takes about thirty seconds and one copy-paste. That part is easy, and the code is right below. The decisions that actually matter come after: how many videos you embed, what the TikTok player does to your load time, and whether those videos just sit there or sell something. This guide covers the fast answer first, then the trade-offs.

**The short version**

- **One video:** open the video on tiktok.com, click Share → Embed, paste the blockquote + script snippet into your page. Works on any website or blog.
- **A blog on WordPress, Webflow or Squarespace:** paste the plain video URL on its own line; the CMS converts it via oEmbed automatically.
- **Several videos or customer content:** per-video snippets do not scale, and the TikTok player SDK is heavy. A widget that lazy-loads solves both; it can also tag products so the videos convert.

## The embed code, first

On the video you want, click Share, then Embed, then copy. You get a snippet shaped like this:

```html
<blockquote class="tiktok-embed"
  cite="https://www.tiktok.com/@yourbrand/video/1234567890"
  data-video-id="1234567890">
  <section></section>
</blockquote>
<script async src="https://www.tiktok.com/embed.js"></script>
```

Paste it into any HTML page, or into the code/embed block of your CMS. The script tag turns the blockquote into TikTok's player: video, sound toggle, follow button and share controls included. One script tag per page is enough no matter how many videos you embed.

## Embedding on a blog: WordPress, Webflow, Squarespace

Most blog platforms support TikTok's oEmbed endpoint, which means you can skip the snippet entirely. Paste the plain video URL on its own line in the editor and the platform fetches the embed for you. WordPress (block and classic editors), Webflow rich-text, Squarespace and Ghost all do this. If your platform does not, fall back to the Share → Embed snippet above in a code block.

The result is identical either way: TikTok's own player, TikTok's own chrome, no styling control. For a blog post quoting one specific video, that is fine. For anything more ambitious it starts to strain, which is the next section.

## Embedding multiple TikTok videos on websites

The native route is video-by-video: every clip you want on the page is another snippet, pasted and maintained by hand. Swap a video, edit the page. There is no native way to say "show my latest ten" or "show customer videos that tag us". And each embedded player carries TikTok's SDK, which is around 120 KB gzipped; a page with several embeds can push mobile load time past the point where [Core Web Vitals](/blog/core-web-vitals-ugc-widgets) start costing you search ranking and conversion.

A feed widget flips the model: connect a source once (your account, a hashtag, customer tags), and the page stays current on its own. That approach, including the free TikTok Business Suite option, is covered in the companion guide to [embedding a TikTok feed](/blog/embed-tiktok-feed-on-website).

**73%** — of consumers say UGC from real customers increases their confidence in a purchase, vs 41% for brand-produced content (Stackla / Nosto, representative)

## Making embedded TikTok videos shoppable

Here is the part most embed tutorials skip: an embedded TikTok video is decoration. A visitor watches, maybe taps through to TikTok (leaving your site), and the session ends there. If the videos show your products, that is a lost sale at the exact moment of highest intent.

The alternative is to import the videos into a shoppable gallery instead of embedding TikTok's player. In Idukki, you connect TikTok as a source, [tag your products to each video](/blog/make-instagram-reels-tiktoks-shoppable-shopify), and embed the gallery. Each clip gets a product hotspot; tapping it opens a product card with add-to-cart, on your page, without a redirect to TikTok. The [TikTok widget](/widgets/tiktok) page shows the layouts, and [shoppable video](/shoppable-video) covers the full watch-to-cart mechanics.

Performance also flips in your favour: the widget lazy-loads thumbnails and only initialises a player on tap, so the page carries a script of under 1 KB instead of the full SDK per embed. You can compose one in the [widget builder](/tools/widget-builder) without signing up.

## Rights: whose video is it?

Embedding your own videos needs no permission. Embedding a customer's video for commercial use does, even via TikTok's own embed code: the embed exception that protects a blog quoting a public post does not stretch to product marketing, and a takedown or GDPR complaint lands on you, not TikTok. Get consent in writing before a customer clip goes near a product page. Idukki automates the request and stores the approval with a timestamp; the legal detail is in [the UGC rights guide](/blog/ugc-rights-and-permissions-guide).

**The practical decision:** One video in a blog post: paste the URL or the Share → Embed snippet and move on. Several videos, customer content, or videos that should sell: import them into a lazy-loaded shoppable gallery instead of stacking native embeds. Embedding is step one; the money is in making the videos shoppable.

### FAQs

**Q: How do I embed a TikTok video without the embed code?**

A: On WordPress, Webflow, Squarespace or Ghost, paste the plain video URL on its own line and the platform converts it automatically via TikTok's oEmbed endpoint. On plain HTML sites you need the Share → Embed snippet.

**Q: Can I embed TikTok videos on Shopify?**

A: Yes. For one video, paste the embed snippet into a custom-liquid or rich-text section. For a feed or a shoppable gallery, use an app: the Shopify theme editor has no native TikTok block, and per-video snippets are painful to maintain in a theme.

**Q: Do embedded TikTok videos slow a website down?**

A: Each native embed loads TikTok's player SDK (roughly 120 KB gzipped) plus thumbnails and tracking. One embed is tolerable; several on one page can push mobile load past the Core Web Vitals thresholds. Lazy-loading widgets that initialise the player only on tap avoid most of the cost.

**Q: Can I embed someone else's TikTok video on my website?**

A: Technically yes, the embed code works on any public video. Commercially, using a customer's video to market products requires their permission regardless of the embed mechanism. Request rights first, keep the approval on record.

### Sources
- [TikTok embed documentation](https://developers.tiktok.com/doc/embed-videos) — Official oEmbed + embed snippet reference
- [Stackla / Nosto State of UGC](https://www.nosto.com) — Consumer-confidence figures (representative ranges)
- [Google Core Web Vitals documentation](https://web.dev/vitals/) — Load-time thresholds referenced in the performance sections

---
Canonical: https://idukki.io/blog/how-to-embed-tiktok-videos-on-a-website
Tags: TikTok, Embed, Shoppable video, UGC