Want to learn how to embed TikTok videos in your WordPress site?
Don’t worry – you’re not alone! Many people have asked us for a simple way to display TikTok content on their site.
After all, TikTok is one of the biggest platforms for engaging video content.
Since this is a comprehensive guide, we’ll take you through the whole process of embedding TikTok videos in WordPress. You can click on a section below to skip ahead:
- Why Embed TikTok Video Feeds on Your Website?
- How to Embed TikTok Videos Manually
- Easiest Way to Embed TikTok Videos in WordPress
- How to Embed TikTok Video Feeds in WordPress
Let’s get started!
Why Embed TikTok Videos on Your Website?
- Promote a new product by showing a TikTok video widget with influencers unboxing and demonstrating your product.
- Get more conversions on your website by displaying positive video testimonials directly on your product pages.
- Show your own TikToks on your homepage to keep visitors interested and encourage them to follow you.
- Display your best TikTok content on a slideshow so you can keep people on your site for longer and get better SEO.
“Embedded videos keep users on your page—which is ideal for landing pages or blog posts where you want to share information, but avoid losing the viewer to another page.”
– Neil Patel, Award-Winning Digital Marketer
How to Embed TikTok Videos Manually
Without using a plugin, embedding TikTok video feeds can be more complicated and time-consuming. To do that, follow the steps below:
Step 1: Find Your TikTok Embed Code
To get started, go to www.tiktok.com on your web browser and then open the video that you want to embed.
Here, click on the Arrow icon to bring up different ways you can share this video.
After you do that, just click on the Embed button to continue.
You’ll then see this TikTok video’s embed code here. By adding this code to your site, you can embed the video.
For now, click on the Copy Code button.
Step 2: Create a WordPress Page or Post
Now that you have your embed code, it’s time to insert the code into your site’s page or post.
For that, open your website and then navigate to the Pages » Add New menu from your dashboard.
If you want to use a post, you can open the Posts » Add New menu instead.
Step 3: Insert Embed Code on Your WordPress Site
You can now embed the TikTok video using the WordPress block editor.
First, click on the plus (+) icon to add a new content block.
Then, use the search bar to look for “custom html” and click on the Custom HTML block in the search results below.
Now, all you have to do is paste the TikTok embed code from earlier into the new block.
Finally, click on Publish, and your new TikTok video will be live on your WordPress site.
To check out the TikTok video, you can simply open this page or post on your web browser.
You can even embed your TikTok profile by repeating the steps above and embedding all of your videos.
On the other hand, there are a few downsides to keep in mind if you’re using this method:
- Since you’re manually inserting embed codes into your website, embedding lots of videos can become time-consuming and complicated.
- All the videos you embed will retain TikTok’s design and branding. So, they can clash with the design you carefully picked for your site.
- If you encounter an error while inserting the codes into your site, you won’t have a support team to help you out.
- Since you’re fetching a lot of assets and content from TikTok, embedding many videos can sometimes slow down your website.
Easiest Way to Embed TikTok Videos in WordPress
The good news? Using a WordPress plugin, it’s super easy to add feeds of TikTok videos to your WordPress website.
The best plugin for the task is TikTok Feed Pro — the best TikTok video aggregator in the market.
All you have to do is follow the guided flow, and you can create, customize, and embed TikTok feeds on your site.
Since the plugin is so user-friendly, you can do all that in a few clicks with absolutely no coding at all.
Plus, the plugin is packed with helpful features to help you integrate TikTok with WordPress:
- Want to create beautiful TikTok feeds in record time? With this plugin, all your TikTok feeds will automatically copy your site’s design and look beautiful right away!
- TikTok Feed Pro comes with an acclaimed support team that’s ready to help or answer your questions.
- Since the plugin is lightweight, you can embed tons of videos, and your site will still load super fast. And a faster website means better SEO, so you can reach even more people.
- You get a quick and easy 3-step guide to create TikTok feeds in just minutes. This means, you’ll have more free time to invest into your business.
- You can also use the visual customizer to set your layout, header design, video elements, and much more in just a few clicks.
With this complete package, you’ll be able to grow your TikTok following and engage your visitors in no time.
Want to embed TikTok videos in WordPress? Get TikTok Feed Pro for your site here!
How to Embed TikTok Video Feeds in WordPress
Ready to embed your TikTok videos the easy way? All you have to do is follow the step-by-step guide below.
Step 1: Install and Activate TikTok Feed Pro
First, grab your copy of TikTok Feed Pro before installing and activating the plugin on your website.
Not sure how? We’ve got a beginner’s guide on how to install WordPress plugins that you can check out.
Step 2: Create a TikTok Feed
Now, you can get started with the guided flow and create your feed.
First, open the TikTok Feed » All Feeds menu from your dashboard and then click on the Add New button at the top.
Step 3: Connect Your TikTok Account
After that, you can connect this feed to your TikTok account so it can show TikTok videos on your website.
First, click on the Add Source button here.
On the next page, you can simply click on the Connect with TikTok button to continue.
Doing that will redirect you to TikTok, where you can connect your account.
The plugin will now ask for read-only access to your TikTok account. Using this access, TikTok Feed Pro can view your TikTok info and show the videos on your site, but the plugin can’t make any changes.
To confirm the access, just click on the Authorize button.
Just like that, the plugin will automatically connect to your TikTok account.
You can simply select your TikTok account and click on the Next button.
Step 4: Customize Your TikTok Video Feed
Next, the plugin will show you different pre-built templates that you can choose from.
Each template has a beautiful and unique design that you can instantly copy for your new TikTok video feed.
Just select the template that you prefer and then click on the Next button.
For this example, I went with the default template but the remaining steps will be the same no matter which option you pick.
Once you’ve chosen your feed template, TikTok Feed Pro will open the visual customizer.
Towards the left, you can find the options to customize your layout, header style, button design, and much more.
On the right, you can find a live preview of your TikTok feed.
Ready to start the customization? Usually, I start by setting up the layout of the TikTok videos.
Just click on the Layout option on the left to get started.
You’ve got 4 options that you can use for your TikTok video feed:
- Grid: Use a neat grid to show tons of TikTok videos at once to engage visitors
- List: Show the videos in a single column so each video is clearly visible on your site
- Masonry: Embed videos in multiple columns while keeping their original proportions
- Carousel: Make your website more interactive with a carousel slider of your videos
After selecting your layout, click on the Save button.
You can then click on Customize to continue editing the design of your TikTok feed.
Doing that will open the main customization options once more.
This time, click on the Header option on the left instead.
You can find the option to Enable or Disable your header on the top left.
Below that, you can use the simple checkboxes to show or hide all the header elements, including:
- Profile Picture
- Name
- Username
- Description
- Stats
- Button
After you show or hide the elements you want, click on Save to confirm your changes.
Plus, you can click on each element to customize it in detail.
For our example, I’ll change the settings for the Profile Picture option here.
From here, you can choose the Size of the profile picture from the drop-down menu. You can also set the margins and padding to choose the position of your profile picture.
Like before, click on Save to keep your changes.
Just like that, you can use the remaining options to set your filters, button designs, video elements, and more. Once you’re happy with your TikTok feed, click on Save once more.
Step 5: Embed Your TikTok Feed in WordPress
Since the plugin is so easy to use, you can start embedding your video directly from the live feed editor.
Click Embed on the top right corner to get started.
Next, you’ll see a popup where you can pick where you want to embed your TikTok videos. You can embed the videos on your page, sidebar, post, or even the footer.
For this tutorial, we’ll insert the video feed into a WordPress page.
First, click on the Copy option in the popup to copy the plugin’s shortcode.
Now that you have the shortcode, you can select the location of your feed.
For now, we’ll go with the Add to a Page option here.
You’ll then see a list of all your WordPress pages on the popup.
From the list, select your page and then click on the Add button on the popup.
TikTok Feed Pro will now redirect you to that page in the WordPress block editor.
To embed your TikTok feed, first, click on the plus icon (+) to add a new content block.
Next, search for “shortcode” using the search field and then select the Shortcode block from the search results below.
Finally, you can paste your shortcode from earlier into the shortcode block to embed your feed.
Just like that, the plugin will automatically insert your TikTok video feed into your website.
To see how it looks to your visitors, you can just open your site and then take a look for yourself.
And there you have it!
Now you know how to embed TikTok videos in WordPress websites using the embed code. With a little bit of work, you can start embedding short-form videos on your site.
That way, you’ll be able to grow your TikTok following, boost engagement, grow your sales, and much more.
Want to give your brand’s online presence a boost? Check out our list of the best social media marketing examples that you can copy.
FAQ on Embedding TikTok Videos in WordPress
How do I add a TikTok video to a WordPress Elementor website?
You can just use a tool like TikTok Feed Pro that works with popular page builders like Elementor or Divi.
We’ve also got a step-by-step guide on how to embed TikTok videos in Elementor that you can follow.
How do I link my website on my TikTok profile?
It’s actually pretty easy to link your website on TikTok. Just edit your profile, scroll down and look for the Website field, and insert your link.
But if you have less than 1000 followers, you might have to register your business.
How do I embed a live video on my WordPress website?
Like with TikTok videos, the simplest way to embed livestreams in WordPress is to use a video feed plugin.
For YouTube live videos, you can use the YouTube Feed Pro plugin which lets you embed the live videos in just minutes.
Here’s a quick guide on how to embed live streaming videos in WordPress with more information.
Does WordPress allow videos?
Yes, a lot of people never realize this but you can actually upload videos to WordPress and display them on your site.
Sadly, videos usually have large file sizes compared to photos and text. So, a lot of site owners use third-party sites like YouTube and TikTok instead of spending their server space on videos.
More Social Media Marketing Guides
- YouTube Shorts vs TikTok: Which Is the Best For You?
- How to Increase Watch Hours on YouTube Easily
- How to Embed YouTube Shorts on Your Website
- Best WordPress Plugins to Boost Your Business
- How to Fix TikTok Embed Not Working on Your Site
And don’t forget to follow us on Twitter and Facebook for more social media tips and tricks to grow your business.
