TikTok Embed Code Generator
Paste a TikTok video link and get the official embed code to show it on your website, blog or online store.
- Free
- No sign-up
- Works on any website
- Updated September 2026
Settings
<blockquote class="tiktok-embed" cite="https://www.tiktok.com/@username/video/7200000000000000000" data-video-id="7200000000000000000" style="max-width:605px;min-width:325px;"> <section><a target="_blank" href="https://www.tiktok.com/@username">@username</a></section> </blockquote> <script async src="https://www.tiktok.com/embed.js"></script>
Show your whole TikTok channel or a hashtag
Video Gallery displays TikTok videos from a channel or hashtag in a gallery or carousel, next to your YouTube and Instagram videos.
- Auto-updates when you publish new videos
- Carousel, grid, masonry or player with playlist
- YouTube, Vimeo, TikTok, Instagram, Twitch and any video link
- No coding — works on any website
How to use the TikTok Embed Code generator
- 1Copy the video link
In TikTok, open the video and copy its link from the browser or Share menu.
- 2Paste it above
The generator builds TikTok’s official embed code.
- 3Paste into your site
Add it to an HTML or embed block. The embed script loads the player.
What’s in the TikTok embed code
| Part | What it does | Note |
|---|---|---|
blockquote.tiktok-embed | Placeholder the player replaces. | Shows a link if the script can’t load. |
data-video-id | Tells TikTok which video to load. | Taken from the video URL. |
embed.js | TikTok’s script that renders the player. | Load it once per page. |
max-width 605px | Keeps the player at TikTok’s size limits. | Minimum width is 325px. |
How to add the code to your website
In the block editor, add a Custom HTML block where the video should appear and paste the code. In the classic editor, switch to the Text tab first.
See Video Gallery for WordPress →Go to Online Store → Themes → Customize, add a Custom Liquid section to the page and paste the code.
See Video Gallery for Shopify →Click Add → Embed Code → Embed HTML, choose Code and paste the snippet, then resize the element.
See Video Gallery for Wix →Edit the page, add a Code block and paste the snippet. Blocks with scripts may require a Business plan or higher.
See Video Gallery for Squarespace →Drag a Code Embed element from the Add panel onto the page and paste the code. Publish to see it live.
See Video Gallery for Webflow →Paste the code into your page’s HTML inside <body>, where the video should appear.
Embed code vs. Elfsight Video Gallery
| Embed code | Video Gallery | |
|---|---|---|
| Videos per embed | One video (or one playlist) | Unlimited videos in one widget |
| Stays up to date | Edit the code for every new video | New TikTok videos appear automatically |
| Mix sources | One platform per snippet | YouTube, Vimeo, TikTok, Instagram, Twitch and any video link |
| Layouts | Single player | Player with Gallery, Carousel, Grid, Masonry, Playlist |
| Responsive design | Needs a CSS wrapper | Built in |
| Coding | Copy and paste code for each video | No code — edit visually in the editor |
| Price | Free | Free plan, no credit card needed |
Frequently asked questions
How do I embed a TikTok video on my website?
Paste the video link into the generator, copy the code and paste it into an HTML block on your site. It uses TikTok’s official embed format described in TikTok’s developer docs.
Why isn’t my TikTok embed showing?
The video must be public, and the embed script must be allowed to load. Some builders strip scripts from text blocks — use a dedicated HTML or code block.
Can I embed a TikTok profile or hashtag?
Single embeds show one video. To show a channel or hashtag, use a widget such as Elfsight Video Gallery.
Is the embed code free to use?
Yes. The generator is free and the code is TikTok’s standard embed.
Official documentation
More free tools
Related guides
From one video to a gallery people watch
Create a free video gallery in minutes and add it to any website.
Create Widget for Free