How to Embed TikTok Videos in WordPress Easily (2024)
Home Blog How to Embed TikTok Videos in WordPress Easily (2024)

How to Embed TikTok Videos in WordPress Easily (2024)

how to embed tiktok videos in wordpress

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.

In this article, we’ll take you through the whole process of embedding TikTok videos in WordPress.

Let’s get started!

Why Embed TikTok Videos on Your Website?

With over 1 billion users, TikTok is one of the biggest social media platforms out there.

tiktok marketing campaign example

By showing these TikTok videos on your website, you’ll have an easier time keeping your site’s visitors engaged.

After all, TikTok has bite-sized videos that people can quickly finish watching. That means your website visitors are more likely to give these TikTok videos a try.

By embedding TikTok videos this way, you’ll be able to:

  • Display reviews and testimonials from TikTok and convert more website visitors into paying customers.
  • Embed product demonstrations and informational videos so visitors can learn more about your brand with ease.
  • Promote your own TikTok videos to get more views and followers with ease.
  • Show engaging videos that get people to spend more time on your site, which can be great for your SEO.
  • And much more!

As you can see, you can use TikTok videos to boost your online presence, get more sales, and grow your business with ease.

With that, let’s get started with our guide and see how you can embed TikTok videos in WordPress.

Easiest Way to Embed TikTok Videos in WordPress 

When it comes to embedding TikTok content, there are 2 options that you can choose from:

  • Manual Way: Generate embed codes for each video, tweak the code as you need, and then insert them into your website.
  • Easy Way: Using a TikTok plugin for WordPress, you can automatically display the videos on your website.

As you can see, the manual way requires you to go back and forth between two sites, creating different TikTok embed codes and inserting them into your site.

add embed code to custom html block tiktok

On top of being time-consuming, dealing with complex embed codes can be complicated as well. Plus, if something goes wrong, you won’t have a support team to help you out.

The good news? To easily embed TikTok video feeds on your site, you can simply use a WordPress plugin.

The best plugin for the task is TikTok Feed Pro — the best TikTok video aggregator in the market.

tiktok feed pro homepage

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, all the TikTok feeds you embed will automatically copy your site’s design and look beautiful right out of the box!

example of tiktok video feed

What’s more, you get tons of ways to customize your TikTok feeds. You can instantly create beautiful and unique feeds by importing the pre-built templates.

On top of that, you can also use the visual customizer to change your TikTok feed in detail. In just a few clicks, you can set your layout, header design, video elements, and much more.

example of tiktik feed editing

The best part? TikTok Feed Pro comes with a team of experts who’ll always be ready to lend you a hand or answer your questions.

With this complete package, you’ll be able to grow your TikTok following and engage your visitors in no time.

Ready to embed TikTok videos with ease? Get TikTok Feed Pro for your site here!

How to Embed TikTok Videos in WordPress 

Ready to embed your TikTok videos? All you have to do is follow the step-by-step guide below, and you can have engaging TikToks on your site with ease.

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.

Once you’ve done that, you can move on to step 2, where you create a new TikTok video feed.

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

Just like that, you have a new feed on your site. Next, you can connect it to your TikTok account so the feed can show videos on your site.

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.

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

With that, you’ve connected your TikTok feed to your account. The plugin will now create your feed and automatically copy your site’s design.

On top of that, you can also customize your new TikTok video feed in the next step.

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

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.

live feed editor tikto feed pro

Ready to start the customization?

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, we’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.

Finally, you can move on to the next step and embed the video feed on your website.

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.

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, 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.

copy shortcode tiktok feed pro

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.

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.

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.

example of tiktok video feed

As you can see, TikTok Feed Pro makes it super easy to display videos on your site, even with zero coding or design experience.

With that, let’s look at the next way of embedding TikTok videos in WordPress.

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 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.

Next, you can open your site and choose where you’d like to add TikTok videos.

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 menu from your dashboard.

add new wordpress page

Want to show the TikTok video in your post?

Then go to your dashboard area and then open the Posts » Add New menu instead.

add new post wordpress

With that, you can go to the final step below and finish embedding the video.

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.

You can even embed TikTok videos on your sidebar or footer as a social media widget by adding the embed code widget to your 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.

While it’s not as easy as embedding an Instagram reels feed, you can have a TikTok feed of your own by following the steps above.

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.

And don’t forget to follow us on Twitter and Facebook for more social media tips and tricks to grow your business.

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.