Embedding a TikTok video on your website is a great way to showcase engaging content without requiring visitors to leave your site. TikTok provides an official embed feature that allows videos to appear directly on web pages while maintaining the original creator attribution and playback functionality.
Method 1: Use TikTok’s Official Embed Code
This is the easiest and most common method.
Step 1: Open the TikTok Video
Open the TikTok video you want to embed using a desktop web browser.
Step 2: Click the Share Button
On the video page, click the Share button.
Step 3: Select “Embed”
Choose the Embed option from the sharing menu.
Step 4: Copy the Embed Code
TikTok will generate an HTML embed code for the video. Copy the entire code snippet.
Step 5: Paste the Code Into Your Website
Paste the code into:
- An HTML page
- A Custom HTML block in WordPress
- A Shopify custom section
- A Webflow Embed element
- A Squarespace Code Block
The TikTok video should appear automatically after publishing the page.
Example TikTok Embed Code
A typical TikTok embed contains:
<blockquote class=”tiktok-embed”>
</blockquote>
<script async src=”https://www.tiktok.com/embed.js”></script>
The script converts the placeholder into TikTok’s interactive video player.
Method 2: Use TikTok’s oEmbed API
Developers can generate embed code programmatically using TikTok’s oEmbed API.
Example request:
https://www.tiktok.com/oembed?url=VIDEO_URL
The API returns video information along with the HTML embed code that can be inserted into a webpage automatically.
Method 3: Use the TikTok Embed Player
TikTok also offers an iframe-based player that provides additional customization options.
Developers can customize features such as:
- Autoplay
- Looping
- Volume controls
- Progress bar visibility
- Video descriptions
- Music information
- Closed captions
These settings are added through URL parameters in the player URL.
Common Issues When Embedding TikTok Videos
The Video Doesn’t Appear
Make sure you copied the entire embed code, including the TikTok script tag. Without the script, the video player may not load correctly.
The CMS Removes the Code
Some content management systems automatically strip script tags from posts. In this case, use a dedicated HTML or Embed block instead of a standard text editor.
The Video Is Private
Private, removed, or restricted TikTok content cannot be displayed properly when embedded. The video must remain publicly accessible.
Benefits of Embedding TikTok Videos
Embedding TikTok videos can help you:
- Increase visitor engagement
- Showcase social proof
- Display customer testimonials
- Share tutorials and product demonstrations
- Keep visitors on your website longer
Since the video is hosted by TikTok, you do not need to upload or store the video file on your own server.
ALSO READ: Can moderators see TikTok payout information?
If you like our work, you can buy us a soda
Buy us a soda 🥤