Being one of the most popular social media platforms that shock the world, you cannot ignore the importance of TikTok for your business.
If you have a TikTok account, you might be wondering if you can embed your TikTok profile and videos on your website so that your readers can keep up-to-date with the latest content and follow you on TikTok.
Although you can upload individual TikTok videos on your website directly, there is no native way to embed your TikTok profile and TikTok feeds on websites with custom arrangements such as popup player. For that, you have to use a third-party TikTok feed widget that allows automatic content updates as well as other features such as filters and customization options.
In our previous article on website social media widgets, we briefly shared a few TikTok feed widgets for websites. However, we will dig deeper and explore more on the best TikTok feed widgets that can be used on any platform, such as WordPress, Webflow, Squarespace, Wix, and any HTML website.
Best TikTok Feed Widgets for Websites to Use Today
Elfsight’s TikTok Feed Widget
Elfsight provides website widgets such as an online form builder, HTML button generator, announcement bars, and social media feed widgets to collect data, display information, and add functionalities to websites. All of Elfsight’s widgets are mobile-friendly, require no coding knowledge, and come with a visual editor and templates.
Elfsight’s TikTok feed widget is free to use and provides templates, several layout options, and customization options, including custom CSS.
Features
- Templates — Elfsight provides several TikTok feed widget templates based on design and layout. These are Masonry, Carousel, Slider, and Small widgets and can be edited later to resonate with your website structure and colors.
- 2 ways to integrate TikTok — You can display videos based on the TikTok profile (i.e., username) and hashtag. The best part is that Elfsight’s TikTok feed widget supports multiple feed integration. You can add as many sources as possible and create a diverse TikTok video gallery widget for your website.
- Filter content — Unlike most other TikTok gallery widgets, Elfsight has options to add filters to show or hide content by specific criteria. The options include:
- Specific user
- Hashtag
- Keyword
- Specific post
- Date
- 5 layouts to choose from — Create a TikTok widget that will meet your needs and overall website design using one of the available layouts. Choices are Grid, Masonry, List, Carousel, Slider. And each layout can customized to adapt to your requirements, restricting items per page, enabling pagination, autoplay etc.,
- Responsive TikTok galley for your website — No matter which template, layout, text, or widget’s size, Elfsight will automatically adjust the widget to any screen resolution and ensure it looks balanced on any device.
- Post styles — Change the overall look of a post by choosing a card and customizing it to show or hide details such as author name, post date, and image ratio, as well as enable or disable external links if you don’t want to redirect users to TikTok from your website.
- Play TikTok videos on your website — Elfsight’s TikTok widget has three post-click actions: None, Open in Popup, and Open in Social Media. When you choose the second option, you can retain users on your website and have them watch TikTok videos.
- Customize appearance — Elfsight’s TikTok feed widget editor has all the options to change the look and feel of your TikTok gallery widget. For a start, there are two color schemes: Light (perfect for white background themes) and Dark (best choice for dark background website templates). Also, you can choose an accent color that will change the widget’s overall color. Furthermore, you can modify colors as well as the fonts and padding of each element. Want more freedom? Use the custom CSS field to add your own styles to create a unique TikTok video feed widget.
How to create a TikTok feed widget for your website
Use the widget builder below to create your TikTok widget for free. Choose a template, click on the “Continue with this template” button, add your TikTok sources (via profile username or TikTok hashtag), customize the widget, and click on “Add to website” to get the embed code.
Or you can sign up on the Elfsight website, search for the “TikTok Feed” app on the Catalog Home, and customize it as shown in the video tutorial below:
TikTok widget HTML code
You can get the embed code for the created TikTok widget from your dashboard.
It will be slightly similar to the example snippet below:
<script src="https://static.elfsight.com/platform/platform.js" data-use-service-core defer></script>
<div class="elfsight-app-987a2e12-9316-4f5c-a5f6-d57c248e56a6" data-elfsight-app-lazy></div>You will see two parts: 1) JavaScript file and 2) HTML div element with a class name
Please copy and paste it where you want to display the TikTok feed widget on your website’s theme, template, or source code editor.
In case you have already added other Elfsight widgets to your website, such as the Photo gallery slider, there is no need to insert the JavaScript part again (bolded in above).
Demo
Pricing
Elfsight’s TikTok Feed widget is free to use for up to 200 views in one widget. For more TikTok feed widgets and views and to remove Elfsight branding, you have to upgrade to a paid plan starting at $6 per month.
Fouita
Fouita is another site like Elfsight that provides widgets for websites. Its 60+ widgets library consists of the YouTube Gallery widget, Restaurant Menu, Contact form generator, and Google Maps widget. Fouita has project management, analytics, and a white-label dashboard for agencies.
Fouita’s TikTok feed widget lets you create a custom widget with its visual editor, and the TikTok feed refreshes every 4 hours.
Features
- Display TikTok account feeds — Connect your TikTok account with Fouita to display videos.
- Widget options — Fouita provides four layout options: Carousel, Grids, Masonry, and List.
- Play TikTok videos on your website — Like Elfsight; you can enable the popup viewer that shows upon clicking on a post.
- Customization options — The editor has tools to change padding, colors, columns, rows, and text editings. Also, you can add custom styles on the CSS tab.
Pricing
Fouita has a flexible pricing structure where you can choose how many widgets, views, and storage space you want to manage, and rates will change accordingly.
CommonNinja’s TikTok Feed
Common Ninja is another site similar to Fouita with 150+ widgets for websites, such as the Amazon Reviews widget, Click-to-call button, Tournament Brackets generator, Telegram Chat widget, as well as the animated number counter. It has project management and collaboration features and integration with Unsplash.
CommonNinja’s TikTok Feed widget is equipped with features to group TikTok feeds, auto-refresh, and create different TikTok feed widgets using layout options and customization options.
Features:
- Add multiple sources — This TikTok feed embed widget is not limited to a single source, unlike Fouita. You can add as many TikTok feeds into the widget and group them on one page for easier and quicker access or create a diverse feed with the mixed type.
- Layouts — Like the Instagram Feed widget, CommonNinja’s TikTok Feed widget also provides 10 layouts for integrating seamlessly into your overall website design and style. Each layout type offers a different display of your TikTok feeds, and you can also customize the size of widget (select dynamic to adjust size automatically), spacing, and other settings of your layout to match your design needs.
- Auto refresh feeds — Are your TikTok account frequently updated with new videos? Then, you should enable the “Auto Refresh” setting to automatically refresh feeds dynamically every 1 minute, which is no other HTML TikTok Feed plugin feature.
- Ticker animation — When a user lands on your page, the ticker animation will scroll through the TikTok feed. Please note that the widget will auto-scroll the active tab if you have organized TikTok feeds through the “Tabs” layout.
- Content moderation and display options — Control which TikTok videos should appear on your TikTok feed widget on the website and specify the maximum number of videos to show in the feed, as well as the number of posts to load each time a user reaches the end of the feed.
- Skins — These are color presets designed to adjust the colorings of elements of the TikTok feed widget.
- Change appearance — Even though Skins is a quicker way to change colors, Common Ninja’s TikTok feed widget editor has many advanced and custom customization options. For example, you can change font family, text direction, colors, font sizes, background, spacing, padding, borders, shadow, and the size of the TikTok feeds widget without any coding. Need to add your own styles? Use the custom CSS field.
- Miscellaneous settings — Add social share icons to each post on Common Ninja’s TikTok feeds widget, control the visibility of authors, dates of publication, and description, as well as change the date format (relative time or absolute time).
Here’s a short video tutorial on using CommonNinja to create a TikTok widget for your website.
Demo
Notice that there is a refresh button at the top right corner, which users can use to update the feed even though the widget is set to auto-refresh every minute.
Pricing
CommonNinja’s TikTok feed widget is free to use, with a limit of one widget and 300 pageviews per month. For more features like adding collaborators, managing more TikTok feed widgets, and increasing views, you have to upgrade to a paid plan starting at $10/month per 5 widgets.
Click here to try CommonNinja.
TikTok Embeds
Do you know that TikTok provides a dedicated widget creator on their website so that you can generate an embeddable TikTok widget for your website? It enables you to embed a TikTok video, profile, hashtag, or sound, as well as a selected video list.
To create your TikTok widget, head over to this page, select an embed type, and enter the URL(s).
Demo
@mrbeast
EmbedSocial’s TikTok Widget
EmbedSocial is one of the best UGC (User Generated Content) platforms with various tools to collect, aggregate, and showcase information on your website. The LinkedIn feed widget, Facebook Reviews widget, and X feed embed widget are several popular widgets provided by EmbedSocial.
Its TikTok widget is a robust tool to create a TikTok feed widget for your website. The visual editor is equipped with templates, filters & tags to categorize and organize them by date, rating, or filter by keywords, auto-sync, as well as many customization options, including custom CSS.
Features
- Official TikTok API — You can rest assured that the TikTok feeds will appear without any hassle since EmbedSocial has official TikTok API integration.
- Multiple sources — Have several TikTok accounts? No problem! Connect them all and/or create a diverse video widget using all your social accounts, such as Instagram, Pinterest, LinkedIn, and Facebook.
- Multiple TikTok widgets — EmbedSocial provides more than 10 widgets:
- TikTok carousel widget
- TikTok slider widget
- TikTok slideshow widget
- TikTok slideshow widget without thumbnails
- TikTok slideshow widget with vertical thumbnails
- TikTok Feed (4 different widgets)
- TikTok masonry widget
- TikTok grid widget
- Latest TikTok videos widget
- Make TikTok feed shoppable — Have you created a shop on TikTok to sell any item? Now, with EmbedSocial, you can add custom ‘Buy’ buttons in the TikTok feed posts.
- Filters & Tags — Categorize TikTok posts by tags and organize them by date, rating, or filter by keywords and handpick which posts to show on your widgets.
- Customize your widget — Configure the title, padding, or image size, edit the widget title, size, and color, or use custom CSS. Limitations might vary based on the subscription plans and the free plan does not have sufficient customization options.
Pricing
Even though EmbedSocial has a free plan, the TikTok widget is offered as a Pro widget. So, you will have to subscribe to a paid plan, which starts at $29 per month. They offer a 7-day free trial trial and a 100% money-back policy.
Click here to try EmbedSocial.
More TikTok feed aggregators for websites
Here are several more TikTok widgets for you to use on your website. The list is in no particular order, and I recommend checking out their websites for more information.
- SnapWidget — SnapWidget is a social media feed aggregator that supports Instagram, YouTube, LinkedIn, X/Twitter and TikTok.
- ElectricBlaze — You can create a TikTok widget based on the gallery or slider layout.
- Woxo — The platform provides a variety of layouts but limited customization options.
- TaggBox — TaggBox lets you embed content from your profile or, based on TikTok video links, design and personalize TikTok widgets for any website.
- Flockler — This is another social media aggregator that allows you to display TikTok videos on your website using custom-designed widgets. You can connect your account or add TikTok videos from any user or by a hashtag, choose a layout, and install it on any platform (i.e., WordPress, Shopify, Wix, Squarespace, Webflow, Google Sites) using embed code.
Final words on best TikTok feed widgets
Having TikTok videos embedded on your site comes with many perks:
- More exposure to your account and boost engagement and followers
- Promote specific videos and get them viral on TikTok
- Add custom CTA buttons to videos and promote your offers
- Make your website dynamic by displaying the latest posts on TikTok.
TikTok is a platform with over one billion monthly unique users, and its demographic is skewed toward young people, especially Gen Z.
In this article, you found several tools to create embeddable TikTok widgets for your websites. Make sure to customize them by adding titles and choosing the proper layout, fonts, sizes, and colors. Since these aren’t platform-specific, you can use them on any website, even custom-built HTML web pages.
Since you know how to add TikTok feeds to a website, did you know that you can embed Instagram feeds similarly?