As one of the most popular social media platforms that has shocked 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 directly to your website, there is no native way to embed your TikTok profile or feeds on websites with custom arrangements, such as a pop-up player. For this, you need to use a third-party TikTok feed widget that allows for 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 the best TikTok feed widgets that can be used on various platforms, including WordPress, Webflow, Squarespace, Wix, and any HTML website.
Best TikTok Feed Widgets for Websites to Use Today
Elfsight’s TikTok Feed Widget
Elfsight offers website widgets, including an online form builder, HTML button generator, announcement bars, and social media feed widgets, to collect data, display information, and enhance website functionalities. 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 offers templates, multiple layout options, and customization features, including custom CSS.
Features
- Templates: Elfsight offers several TikTok feed widget templates, each tailored to specific design and layout preferences. These include Masonry, Carousel, Slider, and Small widgets, which can be edited later to align with your website’s structure and colors.
- Two ways to integrate TikTok: You can display videos based on the TikTok profile (i.e., username) or a specific hashtag. The best part is that Elfsight’s TikTok feed widget supports multiple feed integrations. 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 offers options to add filters that show or hide content based on 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 be customized to adapt to your requirements, restricting items per page, enabling pagination, autoplay,
- Responsive TikTok gallery for your website: Regardless of the template, layout, text, or widget size, Elfsight will automatically adjust the widget to any screen resolution, ensuring it looks balanced on all devices.
- 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 enabling or disabling 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. To begin, there are two color schemes: Light (ideal for white background themes) and Dark (the best choice for dark background website templates). Additionally, you can select an accent color that will alter the widget’s overall appearance. 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 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:
<!-- Elfsight TikTok Feed | Pitiya TikTok Feed -->
<script src="https://static.elfsight.com/platform/platform.js" async></script>
<div class="elfsight-app-987a2e12-9316-4f5c-a5f6-d57c248e56a6" data-elfsight-app-lazy></div>You will see two parts: 1) a JavaScript file and 2) an 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.
If 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 the 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, views, and to remove Elfsight branding, you must upgrade to a paid plan starting at $6 per month.
Fouita
Fouita is another site, similar to Elfsight, that provides widgets for websites. Its 60+ widget 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: just like Elfsight, you can enable a pop-up viewer that appears when a post is clicked.
- Customization options: The editor has tools to change padding, colors, columns, rows, and text editing. Also, you can add custom styles on the CSS tab.
Pricing
Fouita offers a flexible pricing structure, allowing you to choose the number of widgets, views, and storage space you want to manage, with rates adjusted accordingly.
Common Ninja’s TikTok Feed
Common Ninja is another site similar to Fouita, offering over 200 widgets for websites, including the Click-to-Call button, the Tournament Brackets generator, the Telegram Chat widget, and the animated number counter. It features project management and collaboration tools.
Common Ninja’s TikTok Feed widget is equipped with features that allow you to group TikTok feeds, auto-refresh, and create multiple TikTok feed widgets using layout options and customization features.
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 mixed types.
- Layouts: Like the Instagram Feed widget, Common Ninja’s TikTok Feed widget offers 10 layouts for seamless integration into your overall website design and style. Each layout type provides a distinct display of your TikTok feeds, and you can also customize the widget size (select ‘dynamic’ to adjust size automatically), spacing, and other layout settings to match your design needs.
- Auto-refresh feeds: Is your TikTok account frequently updated with new videos? Then, you should enable the “Auto Refresh” setting to automatically refresh feeds dynamically every minute, a feature that no other HTML TikTok Feed plugin offers.
- 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.
- Localization: Common Ninja features a widget localization feature. It essentially enables you to translate front-end content (excluding TikTok feeds) into multiple languages using the built-in Google Translate tool. Once you have added translations, a suitable variation will be displayed to users based on their web browser’s language settings.
- Change appearance: Although Skins is a quicker way to change colors, Common Ninja’s TikTok feed widget editor offers 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 styles? Use the custom CSS field.
- AI Editor: The built-in AI editor enables you to modify the color scheme and generate content for the widget based on your prompts.
- Miscellaneous settings: Add social share icons to each post on Common Ninja’s TikTok feeds widget, control the visibility of authors, publication dates, and descriptions, and change the date format (from relative time to absolute time).
Here’s a short video tutorial on using Common Ninja to create a TikTok widget for your website.
Demo
Notice that there is a refresh button located in the top right corner, which users can use to update the feed, even though the widget is set to auto-refresh every minute.
Pricing
Common Ninja’s TikTok feed widget is free to use, with a limit of one widget and 300 monthly page views. For additional features, such as adding collaborators, managing multiple TikTok feed widgets, and increasing views, you must upgrade to a paid plan starting at $10 per month per 5 widgets.
Click here to try Common Ninja.
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, and tags to categorize and organize content by date, rating, or filter by keywords, and features auto-sync capabilities, as well as numerous customization options, including custom CSS.
Features
- Official TikTok API: You can rest assured that TikTok feeds will appear seamlessly, thanks to EmbedSocial’s official TikTok API integration.
- Multiple sources: Do you 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 to customize your widget further. Limitations may vary depending on the subscription plan, and the free plan does not offer sufficient customization options.
Pricing
Although EmbedSocial offers a free plan, the TikTok widget is available only 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 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 presented in no particular order, and I recommend visiting 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 the 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
- Enhance your website’s dynamic content by displaying the latest posts from 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. Ensure that you customize them by adding titles and selecting the appropriate 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?