How to Embed TikTok Videos in WordPress Easily (2024)
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 (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.

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:

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.

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

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

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.

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.

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

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

live feed editor tikto feed pro

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.

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

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

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.