How to Embed TikTok Videos in WordPress Easily (2025)
clicksocial

Schedule social media posts straight from WordPress with ClickSocial

Start Free Trial angle-right
Home Blog How to Embed TikTok Videos in WordPress Easily (2025)

How to Embed TikTok Videos in WordPress Easily (2025)

how to embed tiktok videos in wordpress

Adding TikTok videos is a great way to boost your views and get more followers.

But the downside is that you’ll have to deal with a lot of annoying embed codes. And if you’re like me, keeping track of a lot of complex codes isn’t your idea of a good time.

To help you out, I’ve put together this guide that shows the simplest way of adding TikTok videos to WordPress.

Plus, you can do all this without touching a single line of code.

In this Article:

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

Let’s say you want the old-school way of adding TikTok videos to your WordPress website. It might not be the easiest solution, but here’s how it goes:

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.

share tiktok video manually

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.

add new wordpress page

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.

add gutenberg block

Then, use the search bar to look for “custom html” and click on the Custom HTML block in the search results below.

add custom html block

Now, all you have to do is paste the TikTok embed code from earlier into the new block.

add embed code to custom html block tiktok

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.

embed tiktok video manually

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 on WordPress 

Let’s say you want to save the time and effort and go with the simplest way of displaying TikTok videos.

You can use a WordPress plugin that can fetch the videos and show them on your site.

Since I’m going for the easiest option, I’ll use TikTok Feed Pro for this tutorial.

tiktok feed pro homepage

Since it comes with a guided flow, the plugin will take you through the entire process. Better yet, it only takes a few simple clicks.

On top of that, TikTok Feed Pro comes with a collection of handy features:

  • 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 in 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.
example of tiktik feed editing

Overall, I’ll say that TikTok Feed Pro is the perfect combination of user-friendly and powerful. You can get started in just minutes, and it has everything you need to create engaging TikTok feeds.

Want to try adding TikTok videos for yourself? You can get TikTok Feed Pro for your site here.

How to Embed TikTok Video Feeds in WordPress

Now, let’s see how you can use the plugin to embed TikTok video feeds. I’ll take you through the whole process one step at a time.

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? Check out this 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.

open live feed editor tiktok feed

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.

Click on the Add Source button here.

tiktok feed pro add source

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.

connect with tiktok

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.

select your tiktok source

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.

select your feed template tiktok

For this example, I went with the default template, but the remaining steps will be the same, no matter which template you pick.

Once you’ve picked 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.

live feed editor tikto feed pro

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.

open layouts tiktok feed pro

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
layout options for tiktok feed pro

After selecting your layout, click on the Save button.

You can then click on Customize to continue editing the design of your TikTok feed.

customize button live feed editor tiktok feed pro

Doing that will open the main customization options once more.

This time, click on the Header option on the left instead.

open header options for tiktok

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
live feed editor change tiktok header

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.

customize header profile titok feed

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 in the top right corner to get started.

embed tiktok feed live feed editor

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, I’ll insert the video feed into a WordPress page.

First, click on the Copy option in the popup to copy the plugin’s shortcode.

copy shortcode tiktok feed pro

Now that you have the shortcode, you can select the location of your feed.

For now, I’ll go with the Add to a Page option here.

tiktok feed pro add to a page

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.

select your page tiktok feed pro

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.

add block tiktok video feed

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.

You can also add this shortcode to your post, sidebar, or footer to embed TikTok videos there.

shortcode for tiktok feed pro

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.

As an example, you can check out the TikTok video feed that I embedded below.

example of tiktok video feed

You can also use the other embed options to add TikTok videos to your WordPress sidebar or footer.

Once you start adding relevant videos to your site, you can start raking in tons of views and followers with ease. Plus, you can keep people on your site for longer as well.

If that sounds like your thing, you can get a copy of TikTok Feed Pro here.

Want to make TikTok videos that keep people engaged? Here’s a handy guide with the best TikTok examples for small businesses.

Frequently Asked Questions

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.

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.

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

author avatar
Sajjan Sharma Senior Writer
Sajjan has been writing about WordPress, social media marketing, and online businesses for over 10 years. His professional interests extend to include influencer marketing, content curation and digital marketing strategies.

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.