In this tutorial, we will show you how to use EmbedFeed and aggregate TikTok videos that you can embed on your website in a responsive and interactive TikTok feed widget. But first, let’s introduce the importance of TikTok and why this network is getting so much traction.
Where can you find one of Gen Z nowadays? On TikTok! Funny, informal, and absolutely addictive, this app is teens’ latest social phenomenon. Formerly known as Musical.ly, Tik Tok has become one of the most popular free apps with massive adoption worldwide, shaking the throne of Snapchat and Instagram, especially in Asia and India.
And we are not surprised it’s trending. This app presented an alternative version for sharing video content online and expressing yourself in a creative way. It allows you to create and share short videos (from 5 up to 60 seconds) and edit them with plenty of filters or featured music as a background. Lipsync, tutorials, and many more fun things are happening on the platform.
As I am writing this, the popularity of TikTok is spreading rapidly. Check out the numbers:
Meanwhile, users spend an average of 52 minutes per day browsing the app or creating videos. This is just another reminder that should sparkle the curiosity of brands to use TikTok popularity and promote their products and services, especially if young people are your target audience.
TikTok popularity isn’t going anywhere anytime soon. This is why we will show you how you can embed TikTok videos on any website builder and make the most of this platform. Let’s get to know how to include TikTok in your user-generated content strategy and amaze your website visitors. Are you ready?
Why should you embed TikTok videos on your website?
If you are a TikTok video creator – congratulations!
You are part of an enormous community that focuses on creativity and encouraging young people to be themselves.
If you are ‘‘in it to win it’’ – you might consider sharing TikTok videos on your website.
We believe that the following reasons will motivate you to jump into action:
Reason 1: Collect UGC to improve your brand visibility
In a world where younger consumers are skeptical of ads, TikTok videos can be a great way to create strong social proof and user-generated content on your website to show visitors how people use your brand. Having TikTok content on your website positions you as a modern brand that keeps a step with the latest trends.
Reason 2: Improves user experience and SEO metrics
Increased time on site, lower bounce rate, higher CTR are some of the SEO benefits you can expect to add TikTok videos on your website.
Reason 3: Saves time and space uploading videos
When embedding TikTok videos, you will save time and a lot of space and resources from your hosted server. Instead, videos are played from the primary source (TikTok platform). This means that you don’t need to re-upload the video on your website additionally.
Okay, now that you are familiar with the TikTok video’s advantages, let’s dive into how to embed TikTok videos on any website (step-by-step).
We will outline 2 options, using a third-party platform or the manual native TikTok embedding option.
How to embed a TikTok video on your website with a third-party widget?
The social media aggregator EmbedFeed has new options to generate and embed entire TikTok video feeds on any website. A dedicated TikTok video widget for your website, that transforms a webpage into a TikTok channel.
The platform provides 2 options:
- manually insert links from TikTok videos and create widgets TikTok feeds.
- connect a TikTok account, and automatically pull all videos from that account
Embed TikTok videos automatically
To create a TikTok video widget and embed it on your website, just follow these steps.
First, you need to create an EmbedFeed account where you will need to set up your TikTok source.
Step 1: Go to ‘Sources ‘and choose TikTok
Step 2: Choose to connect TikTok account
From the 2 provided options choose a TikTok account so you can connect and automatically pull your account’s videos. Click ‘Connect with TikTok‘.
Step 3: Provide permissions to the EmbedFeed TikTok app
Once you select TikTok a popup will appear where you will need to click ‘Authorize‘ to allow the app to sync with your TikTok account.
Step 4: Choose the TikTok account
Just click the dropdown and select the account you want to generate TikTok videos. Once you are done, click’ Next’.
(if you have more than one you can repeat the steps and add them also as sources.)
Step 5: Choose TikTok widget template
Choose from the different layouts and templates (grid, wall, popup, carousel). Click ‘Create feed’.
Step 5: Customize or moderate the TikTOk widget
Once you select the template, your widget will be created, and you will be redirected to the main Editor. Here you can customize the settings or the entire look with custom CSS, so your TikTok video feed matches your website and branding. Additionally, you can use the Moderation tab and handpick which videos appear in your widget publicly.
Step 7: Copy/paste the provided code
And finally, copy the top-left code and paste it in the area of your website, where you want the TikTok widget to appear.
Embed TikTok widget in WordPress
Note: If you use WordPress, you don’ need to install any WordPress plugin. Just go to your page or post and insert an HTML block to paste the provided code.
That’s it. Your TikTok video feed will appear on your website immediately.
Add TikTok to Squarespace
In case you are using a Squarespace web builder, then using the EmbedFeed code to embed the TikTok video feed will work too.
To do this just open your Squarespace editor and follow these steps:
- Open the page on your website where you want to add TikTok
- Click on the + icon in the editor to add a new section
- Click on the Embed block option
- Paste the code and click Done to view the widget
That’s it. Now every time you add a TikTok video the widget will automatical display it on your Squarespace website.
Option 2: Embed TikTok videos manually
EmbedSocial provides you a great option to embed any TikTok video in stunning web widgets. This means you don’t need to have account access, but you will need to add the video links manually.
Here are the steps:
Step 1: Select TikTok videos
Once you select TikTok as a source, in the second step instead of the TikTok account, choose ‘TikTok video’. Next enter TikTok video URLs.
In this step just submit all the TikTok video links you want to add to the widget.
The rest of the steps to create and embed the TikTok widget are the same as described above.
Note: You can add custom CTA buttons that may lead to your TikTok video URL, eCommerce site, or wherever you want to land your visitors.
How to embed a TikTok video on your website with the native option?
Before you proceed, make sure that your TikTok app is downloaded from your respective app stores.
And now, follow the steps below (it takes less than a minute and you don’t need a plugin):
Step 1: Open your TikTok app on your web browser (or go to https://www.tiktok.com)
Step 2: Open the video you want to embed (or copy-paste an URL from the video)
Step 3: Click the ‘Get embed code’ option in the share buttons corner of the video display card
Step 4: Select the ‘Copy code’ button to copy the HTML code to your clipboard
Step 5: On your website, open the page where you want to embed the video
Note: For WordPress websites use the HTML Gutenberg block or use the Code editor to paste the embed code
Step 6: Paste the code and click on ‘Preview’ to see if the video is correctly displayed
Step 7: Click ‘OK‘, ‘Save’ or ‘Update’ (depending on the CMS)
Step 8: Enjoy your embedded TikTok video!
Here is a demo of an embedded TikTok video in this blog post:
Once embedded on your web page, the video will be displayed along with attributions such as video creator, video description, and the background original sound.
It will also link back to the same video on the TikTok app.
Please note: If a video is removed from the TikTok app, the same video embedded on a website, will no longer be available too.
For more detailed information, check out the official embed TikTok video guide for developers.
Embed videos from other Social media platforms
To do more with your social media videos, learn how to embed Instagram, or even how to embed Youtube videos on any website.
You can use our social media aggregator to generate all this content and display it on any website, automatically.
The best thing is that you can include all sources TikTok, Youtube, Facebook, Instagram, and create one video widget for your website.
A lot has happened since TikTok crashed the social media platforms party in 2016.
Although TikTok is becoming a more attractive platform for users, it is still uncharted territory when it comes to marketing (have in mind that the app has just begun with the paid advertising option).
Luckily, this may be your golden opportunity to catch the wave and skyrocket your brand using TikTok, especially after the Covid-19 crisis will take its toll.