Kristen Williams Marc Maessen John Janowski Jules Webb ★★★★★ Rated 4.9/5 · 620+ Reviews

How to embed TikTok Playlist on your Bubble website for FREE?

Effortlessly showcase your best TikTok videos on your website with our TikTok Playlist Widget, boosting engagement and turning visitors into loyal followers.

How to embed TikTok Playlist on your Bubble website for FREE?
Photo of Mike Dalisay
Mike Dalisay
Co-founder of SociableKIT · Helping small businesses since 2011
July 29, 2026 5 min read Ask ChatGPT
Quick answer

Your TikTok Playlist on Bubble website — live in 3 steps

SociableKIT syncs your tiktok playlist automatically. Set up once, embed anywhere — free to start, no coding required.

  1. Create in 60 seconds

    Pick TikTok Playlist in the dashboard and connect your source.

  2. Match your brand

    Colors, fonts, layout — tune it until it feels native to your site.

  3. Paste one line of code

    Drop the embed snippet on your Bubble website. No dev team needed.

Create your widget
  • Free forever plan
  • No credit card
  • Cancel any time
Full walkthrough

Embed TikTok Playlist with SociableKIT — step by step

Create your widget in the dashboard, copy the embed code, and paste it on your Bubble website. Screenshots included so you never get stuck.

Complete Guide

Follow our complete guide below to embed TikTok Playlist on your Bubble website for free. The guide is divided into two parts to make it easier to follow.

Create and customize your TikTok Playlist widget

The first part is creating your TikTok Playlist widget using the SociableKIT dashboard. Customize the look and feel to match your brand. Follow the steps below.

  1. Sign up FREE or login to SociableKIT. You can login here if you already have an account. Once you sign up, you will start your 7-day premium trial. After 7 days, you can activate the free plan if you don't need our premium features. Sign up to SociableKIT - How to embed TikTok Playlist on your Bubble website for FREE?
  2. Select "TikTok Playlist" on the dropdown. SociableKIT offers several social media feeds widgets. You might need to search it using the highlighted area below. Once found, you can then select it.Select "TikTok Playlist" on the dropdown - How to embed TikTok Playlist on your Bubble website for FREE?


  3. Customize your feed. Click the "NEXT" button to show the customization options of your social feed. You can change the layout, colors, font, and more to match your brand. Click the Save changes button.Customize your feed - How to embed TikTok Playlist on your Bubble website for FREE?
  4. Copy the embed code. Click the "Embed on website" button on the upper right corner. Select your website builder. On the popup, copy the JavaScript embed code.Copy the embed code. - How to embed TikTok Playlist on your Bubble website for FREE?
  5. Paste the embed code and save your Bubble website page. Please follow the second part below to add TikTok Playlist widget to your Bubble website .

Add TikTok Playlist widget to your Bubble website

The second part is adding your TikTok Playlist widget to your Bubble website . After you customize your TikTok Playlist widget and copied the embed code, it is time to add it to your Bubble website . Follow the steps below.

  1. Copy your free TikTok Playlist widget embed code. Make sure you followed the first part above. It detailed how to you can create and customize your widget to get your free embed code.
  2. Log in to your account in Bubble. You can have a free account and sign up for free for 14-day free trial.
  3. Create an app. Click the "Create an app" button and the pop-up will show to name your app.
  4. Once click, Name your app and press "Get started". If you have an account on Bubble for free, Just click "Start with the basic features" to go through.
  5. The preview of your app will show. Under the "Design" tab, Click the UI Elements and look for " HTML".
  6. Drag and click on the blank space in the "HTML" UI elements. It can be modified to the preferred size of the view of the widget.
  7. On the side window, Click the appearance and paste the embed code. For this, you can also add your custom CSS on the HTML editor here in a small rectangle. You can click also the "Display as an iFrame" option for the exact size you modified.
  8. After you paste it, The preview will show right away and automatically save.
  9. Click Preview on the upper right corner of your page. The new tab or window will show your finished product.
  10. Done! Your sample app with the embedded code will shown. Also, It can be debugged if you have a concern on your page. Click the "Inspect" button on the lower right corner of the page.

Website builders

Paste your embed code on any platform

SociableKIT works with every major website builder. Pick yours below for copy-paste instructions tailored to that platform.

To embed TikTok Playlist on your Bubble site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your TikTok Playlist widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Log in to your account in Bubble. You can have a free account and sign up for free for 14-day free trial.
  4. Create an app. Click the "Create an app" button and the pop-up will show to name your app.
  5. Once click, Name your app and press "Get started". If you have an account on Bubble for free, Just click "Start with the basic features" to go through.
  6. The preview of your app will show. Under the "Design" tab, Click the UI Elements and look for " HTML".
  7. Drag and click on the blank space in the "HTML" UI elements. It can be modified to the preferred size of the view of the widget.
  8. On the side window, Click the appearance and paste the embed code. For this, you can also add your custom CSS on the HTML editor here in a small rectangle. You can click also the "Display as an iFrame" option for the exact size you modified.
  9. After you paste it, The preview will show right away and automatically save.
  10. Click Preview on the upper right corner of your page. The new tab or window will show your finished product.
  11. Done! Your sample app with the embedded code will shown. Also, It can be debugged if you have a concern on your page. Click the "Inspect" button on the lower right corner of the page.
Full Bubble tutorial →

To embed TikTok Playlist on your WordPress site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your TikTok Playlist widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to your WordPress site. 
  4. On your WordPress, go to the "Pages" section then click the "Add new page".
  5. Pick a pre-defined layout or start with a blank page by clicking the "Blank page" button.
  6. On the body of your page, click the "+" icon and click the "Custom HTML".
  7. Paste the code in the text area and click update.
  8. The widget will appear on the WordPress page.
  9. Click the Publish or Update button on your WordPress page. 
  10. Click the view page. Done!
Full WordPress tutorial →

To embed TikTok Playlist on your Wix site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your TikTok Playlist widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Wix. 
  4. On your existing website click the "+" button beside the "Main pages" section.
  5. Then click the "Add page" button.
  6. Name your page then hit enter.
  7. On the left, click "Add element". Find and click "Embed code". Click and drag "Embed a site" on your page then resize the container. 
  8. Click "Change website address". 
  9. Paste the link you copied from SociableKIT then click "Apply".
  10. Click "Publish" on the upper right. 
  11. Click "View site". Done!
Full Wix tutorial →

To embed TikTok Playlist on your Squarespace site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your TikTok Playlist widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Squarespace. You must have a "Business" account in Squarespace to use the widget. The "code block" needed cannot be found if you only have a "Personal" account.
  4. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. You can create a new page on Squarespace, or you can edit your existing page where you want the widget to appear.
  5. Add a Code Block. On your Squarespace page, click the 'Edit' button. Find the 'Code' block and click it.
  6. Paste the embed code from SociableKIT. On the 'Content' of the 'Code' block, paste the JavaScript embed code you have copied from your widget.
  7. Save the changes on the 'Code block'. After pasting your widget's embed code. Click the 'Save' button on the left part of the page.
  8. View your page. Refresh your Squarespace page and check your SociableKIT widget. Done!
Full Squarespace tutorial →

To embed TikTok Playlist on your Webflow site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your TikTok Playlist widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Webflow. 
  4. On your existing website, click the "Page: ...." in the upper left corner then click the "Create new page" icon.
  5. Once done add a name for your new page then click "Save".
  6. On the left, click "Add Element". Drag "Embed" to your page. 
  7. Paste the JavaScript code you copied from SociableKIT.
  8. On the upper right, click "Publish" > "Publish to Selected Domains". 
  9. View your page. Done!
Full Webflow tutorial →

To embed TikTok Playlist on your Shopify site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your TikTok Playlist widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Shopify. 
  4. On the left side, click Online Store. 
  5. Click Pages. Add a new page or edit your existing page.
  6. On the Page details, click Show HTML icon (<>). 
  7. Paste the embed code and click the Save button.
  8. Click the View page button. Done!
Full Shopify tutorial →

To embed TikTok Playlist on your HTML site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your TikTok Playlist widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Open your HTML file.
  4. You can create a new HTML page or edit your existing HTML page.
  5. Paste the Javascript code you copied from SociableKIT. Paste it where you want the widget to appear.
  6. Save your HTML page.
  7. You may now upload your HTML page to your web hosting.
Full HTML tutorial →

To embed TikTok Playlist on your Google Sites site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your TikTok Playlist widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Google sites. You must have at least a 'Business Starter' plan to create and customize your Google sites.
  4. Create or edit an existing website. Click the + 'Blank' button on the 'Start a new site' section to create or find your existing website under the 'Recent sites' section.
  5. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. On the right sidebar, you will see an 'Embed' button. Click the 'Embed' button. 
  6. Add the widget. A popup 'Embed from the web' will open up. Select the 'Embed code' tab on the popup. 
  7. Paste the embed code from SociableKIT. On the 'Embed code' tab, you will see 'HTML code goes here' text. Paste the embed code from your SociableKIT widget.
  8. Save the widget. Once you have pasted your embed code, click the 'Next' button. 
  9. Preview of your SociableKIT widget. After clicking the Next button, a preview of your embed code will be displayed. Click the 'Insert' button to insert the widget to your Google sites page. 
  10. Edit the widget. Once the widget has been inserted, you will have the option to resize the widget. After resizing the widget to your preferences, click the 'Publish' button on the upper right corner of the page. 
  11. Publish your page. After publishing the site, click the down 'Arrow' button beside the 'Publish' button. 
  12. View your page. A dropdown of buttons will be displayed, click the 'View published site' button. Done!
Full Google Sites tutorial →

Common questions

Frequently asked questions

Everything you need to know about embedding TikTok Playlist on your Bubble website.

What is a TikTok Playlist widget?

A TikTok Playlist widget displays videos from a selected TikTok playlist directly on your website. It helps visitors explore related content in one focused collection instead of searching through your full TikTok profile.

How does the SociableKIT TikTok Playlist widget work?

SociableKIT collects the publicly available videos from your connected TikTok playlist and turns them into a website-ready display. Create the widget, customize its design, copy the embed code, and paste it into your website.

What is a TikTok Creator Playlist?

A TikTok Creator Playlist is a collection of related public videos organized by the creator. It makes it easier for viewers to watch posts about the same topic or series in sequence.

Do I need an existing TikTok playlist?

Yes. Create and organize the playlist on TikTok before connecting it to SociableKIT. The widget displays the available playlist content but does not create or manage the playlist inside TikTok.

Why can’t I create a playlist on my TikTok account?

TikTok says Creator Playlists are not currently available everywhere or to every account. If the playlist option does not appear, SociableKIT cannot enable it because feature eligibility is controlled by TikTok.

Do I need a TikTok Business or Creator account?

SociableKIT does not require a specific TikTok account type for the standard embed setup. What matters is that TikTok has made the playlist feature available to your account and the playlist videos are publicly accessible.

Does my TikTok account need to be public?

The playlist and its videos must be publicly accessible for SociableKIT to collect and display them. Content limited to approved followers, friends, or only you cannot be shown in a public website widget.

Can the widget display private or friends-only videos?

No. TikTok playlists are designed to organize public videos, and SociableKIT can only display content available from the public source. Private, friends-only, removed, or restricted videos remain unavailable.

What video details can the widget display?

Available details may include the video, creator information, caption, sound attribution, and actions that open the original TikTok content. The exact details shown depend on what TikTok provides and what the selected SociableKIT layout supports.

Will new videos added to the playlist update automatically?

Yes, automatic syncing is included on paid SociableKIT plans. The free plan can be refreshed using sync requests, so you do not need to rebuild the widget whenever the public playlist changes.

What happens when I remove a video from the playlist?

The widget follows the latest playlist information available from TikTok. After SociableKIT completes its next sync, a video removed from the playlist can stop appearing in that widget.

What happens if a TikTok video is deleted or made private?

A deleted, private, restricted, or moderated video may become unavailable on your website because it is no longer publicly accessible on TikTok. After the next sync, SociableKIT can update the widget to reflect the available source content.

Can one TikTok video appear in multiple playlists?

TikTok currently allows a post to belong to only one Creator Playlist at a time. Moving it to another playlist can therefore change which connected playlist widget displays that video.

Do visitors need a TikTok account to watch the videos?

Visitors can watch publicly available videos displayed through the widget on your website. Some actions that continue to TikTok, such as following the creator or using platform-specific interactions, may require TikTok.

Do I need coding skills to embed the playlist?

No coding experience is required for the standard setup. SociableKIT provides one embed code that you can paste into a custom HTML, code, iframe, custom liquid, or embed block.

Which website builders support the TikTok Playlist widget?

SociableKIT works with WordPress, Shopify, Wix, Squarespace, Webflow, Weebly, Google Sites, SharePoint, and custom HTML websites. Your platform only needs to support custom code or embedded content.

Will the TikTok Playlist widget work on mobile devices?

Yes. The widget is designed for responsive website layouts, helping visitors explore playlist videos on desktop, tablet, and mobile screens. Preview it at different screen sizes before publishing for the best experience.

Can I customize and moderate the playlist widget?

Yes. You can customize colors, fonts, layout, calls to action, and other design details on every SociableKIT plan. Content controls and automatic moderation depend on the features included in your plan.

Does SociableKIT offer a free TikTok Playlist widget?

Yes. The free plan includes one source, one widget, 2,000 monthly views, full design customization, SociableKIT branding, and sync requests. No credit card is required to start.

What paid features and support are available?

Paid SociableKIT plans include unlimited widgets and views, automatic syncing, branding removal, and support for unlimited domains and teammates. Human chat and email support is available on every plan, with 24/7 support included on paid plans.

Add your TikTok Playlist widget today

Set up in minutes. Free forever to start.

Create your widget

Free forever · No credit card · Cancel anytime

Just need a free widget? See our free plan → View TikTok Playlist widget page →