Do you have teenagers at home? If you do, you’ve likely already heard of TikTok.
TikTok has become one of the most popular social media channels in a short time. While brands and organisations are still trying to figure out the best way to get started, there are more than 1 billion active TikTok users, and the most popular TikTok users have tens of millions of followers.
Are you looking to embed TikTok videos on your website from your profile, fans, or influencers?
With the TikTok widget, you can display a TikTok video feed of your account and curate posts from other TikTok users, too. After gathering TikTok posts (and possibly other social media feeds), you can display them all in a single stream on any website and digital service.
Here’s a three-step guide on how to embed a TikTok widget on any website:
- Create a TikTok feed
- Select the TikTok widget layout
- Embed TikTok videos on any website
1. Create a TikTok feed
With Flockler, you can display a live feed from your TikTok account. First, log in to your Flockler account, navigate to the 'Automated Feeds' tab, and click on the 'Add a new automated feed' button.
Then, select TikTok from supported social media channels and sign in with your TikTok account. After creating the feed, Flockler keeps pulling in new videos without any manual work.
TikTok doesn’t yet have a hashtag feed available for developer partners like Flockler, but you can add TikTok videos from any user or by a hashtag with a few simple steps.
To find the content you want to display, you can search for posts from a particular account or hashtag via TikTok’s website. For example, if you were looking for videos with a football hashtag, the URL would be https://www.tiktok.com/tag/football. You can replace /football with any hashtag to find different kinds of content and posts.
Similarly, if you are looking for posts by a specific TikTok user, you can add @ to the URL - and then follow with the name of the user. For example, Loren Gray’s TikTok profile URL is https://www.tiktok.com/@lorengray.
Once you’ve found a post you like, click to open it and copy the URL of the video. You can find the URL at the bottom right corner of the page:
Then navigate back to Flockler’s Content tab and click the TikTok button on the left.
Paste a link to a TikTok video, and a preview will open up. If you are happy with the content, click Publish, and the video appears in your social media feed.
2. Select the TikTok widget layout
Once you’ve created the TikTok feed, navigate to the 'Display' tab and select either Wall, Grid, Carousel, or Slideshow layout. Then, you can integrate the feed of TikTok videos to any website (or digital service) in this format.
From the Settings of each layout, you can customize the styles and elements to make sure your TikTok embed fits perfectly to your website.
With a Flockler subscription, you can create an unlimited number of TikTok widgets and display them on all websites, apps, and other digital services.
3. Embed TikTok videos on any website
The last step is to embed the TikTok feed on your website and other digital services. After selecting the TikTok widget’s layout, Flockler will give you an embed code.
The embed code is straightforward to add to any website, and from Flockler’s tutorials, you will find step-by-step embedding instructions for WordPress, Shopify, Wix, Squarespace, Webflow, and many more. If you have any questions, don‘t hesitate to chat with Flockler’s helpful support team.
Examples of TikTok video feeds and widgets for websites
How does the TikTok feed widget look on a website? With Flockler, you can select from multiple widget layouts and customize the look & feel to fit your branding and website styles. Here are three TikTok video widget examples for NBA, Gymshark, and Target.
TikTok Wall for NBA
NBA is often highlighted as one of the best branded TikTok accounts. They currently have over 13 million followers for short-form content clips showing players’ life behind the scene, best plays, and hilarious jokes.
TikTok Grid for Gymshark
What’s the best way to build engagement on social media? Highlight and mention your customers – not only will that specific customer be proud of sharing your post with friends, but other customers will love the authentic content, too.
That’s precisely what Gymshark is doing with their TikTok account.
TikTok Carousel for Target
When you don’t have much vertical space available, the carousel layout for the TikTok widget can be a great option. Your website visitors can flick through the content to the left and right.
Target is one brand that’s been successfully running hashtag campaigns on TikTok and other social media channels. For example, The Target Challenge on TikTok asked couples and besties to purchase a surprise gift or item and then record the swap on TikTok.
Why do brands embed TikTok feeds on websites?
Displaying the best TikTok videos, together with other social media feeds, increases the time spent on your website and inspires website visitors to learn more about your products and services.
Perhaps your organisation isn’t active on TikTok just yet. Still, your customers might already use your branded hashtag, or you might already collaborate with a social media influencer with a large number of followers on TikTok. Nothing is more powerful for driving conversions and increasing sales than authentic social proof embedded on your website.
In addition to TikTok video feeds, Flockler helps you gather and display live social media feeds from various channels - including Instagram. Here’s a list of supported social media sources and content types.