Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

How to Embed TikTok Videos in WordPress (3 Easy Methods)

Many of our readers have been asking how to add TikTok videos to their WordPress sites. As TikTok’s popularity has skyrocketed, it’s natural to want to incorporate this engaging content into your website.

The good news is, it’s entirely possible and can be quite simple. Embedding TikTok videos can freshen up your content, boost engagement, and even help grow your TikTok following.

Whether you’re showcasing your own TikToks or featuring trending videos, we’ve got you covered. We’ll show you 3 easy methods to embed TikTok videos in WordPress, suitable for different themes and needs.

How to embed TikTok videos in WordPress

Why Embed TikTok Videos in WordPress?

According to our ultimate list of blogging stats, posts with videos get 83% more traffic than those without. That said, if you’re already posting TikToks then it makes sense to embed these videos on your WordPress website.

An example of a TikTok video, embedded in a WordPress website

In this way, you can get more visitors, without having to spend a ton of time creating new content. These videos can also help capture the visitor’s attention and keep them on your website for longer, which will increase pageviews and reduce the bounce rate in WordPress.

At the same time, these videos will promote your TikTok channel to people who visit your website. This can get you more engagement and followers on TikTok.

With that said, let’s see how you can embed TikTok videos in WordPress. Simply use the quick links below to jump straight to the method you want to use:

Method 1. Using the TikTok Block (Works With Any Theme)

The easiest way to embed TikToks on your WordPress site is by pasting the video’s URL into the page or post editor. WordPress will then detect the video and fetch it for you automatically. You can also do the same thing for YouTube videos, Facebook videos, and so on.

First, you need to visit the TikTok video that you want to embed. Then, copy the video’s URL.

Adding a TikTok video to a page or post using the WordPress block editor

Next, open the WordPress page or post where you want to show the TikTok video. You can then simply paste the URL into the WordPress block editor.

WordPress will automatically detect that you’re embedding a TikTok video, and add a TikTok block with the video already embedded.

Embedding TikTok videos on a WordPress blog or website

By default, WordPress will resize the TikTok video automatically for smaller screens, including smartphones and tablets. It will also preserve the video’s ratio when the browser gets resized.

This is a good user experience, so we recommend leaving the setting enabled. However, sometimes, you may want to keep the video at the same size, no matter what. In that case, click to select the TikTok block and then disable the ‘Resize for smaller devices’ toggle.

Resizing a TikTok video on mobile devices including smartphones and tablets

If you do disable this setting, then it’s a good idea to test the mobile version of your WordPress site from the desktop, to check you’re happy with the visitor experience.

You can get similar results by adding the TikTok block to a page or post. After that, you can add the TikTok video’s URL at any point.

To add a TikTok block, simply click on the ‘+’ icon and then type in ‘TikTok.’

Adding the WordPress TikTok block to a page or post

When the right block shows up, click to add it to the page or post.

After that, you can simply paste the TikTok URL into the block and click on ‘Embed.’

The TikTok WordPress block

Another option is to embed the TikTok video in a widget-ready area such as the sidebar or similar section. This allows you to show the same video across your entire site.

For example, if you’re trying to create a viral giveaway in TikTok, then you might embed the video announcing the contest.

To do this, go to Appearance » Widgets in your dashboard. Here, you’ll see all the different areas where you can add widgets in WordPress.

Adding widgets to a sidebar or similar section

Simply find the area where you want to embed the TikTok video.

Then, click on the ‘+’ icon.

Adding a block to a widget-ready area in your WordPress theme

In the popup that appears, type in ‘TikTok.’

When the right block shows up, click to add it to the widget-ready area.

Embedding TikToks in a WordPress website or blog

You can now paste the URL of the TikTok video you want to embed.

With that done, click on the ‘Embed’ button.

How to embed TikTok videos in WordPress

When you’ve finished, don’t forget to click on ‘Update’ to make the changes live.

You can now visit your WordPress blog or website to see the TikTok video live.

Making a TikTok video live on your website

Method 2. Using the Full-Site Editor (Works With Block-Based WordPress Themes)

If you’re using a block theme then you can add a TikTok to any widget-ready area or template using the full-site editor.

This allows you to show TikTok videos on pages and posts that you can’t edit using the standard content editor. For example, you might use TikTok videos to improve your 404 page template.

In your WordPress dashboard, go to Appearance » Editor.

Selecting the Full-Site Editor from the WordPress admin panel

By default, the full-site editor will show your theme’s home template.

For demonstration purposes, we’ll be adding a TikTok to the Archive page template, but the steps will be largely the same no matter what template, pattern, or page you’re editing.

First, go ahead and click the ‘Templates’ menu.

Selecting the Templates menu in WordPress Full Site Editor

You’ll now see all the templates or template parts that make up your WordPress theme.

Simply find the template where you want to embed a TikTok video and click on it.

Customizing the archive template using the WordPress block-based FSE editor

WordPress will now show a preview of the template.

To go ahead and edit the layout, click on the small pencil icon.

Editing a block-based template using the full-site editor (FSE)

With that done, click on the ‘+’ button towards the top left of the screen.

In the search bar that appears, type in ‘TikTok.’

Adding a TikTok block to a WordPress site template

When the right block shows up, drag and drop it onto the layout.

You can now paste the video’s URL into the TikTok block, and click on the ‘Embed’ button.

Adding a TikTok video to any part of your website or blog

When you’re happy with how the template looks, click on the ‘Save’ button. Now, simply visit your WordPress website to see the TikTok in action.

Method 3. Using Smash Balloon (Embed Your Entire TikTok Feed)

If you just want to add a few TikToks to your WordPress website, then method 1 and method 2 are both great choices. However, sometimes you may want to show all your latest TikToks in a feed that updates automatically.

This is an easy way to keep your website fresh and interesting while promoting your newest TikTok videos at the very same time.

The best way to embed a TikTok feed in WordPress is by using TikTok Feeds Pro by Smash Balloon.

It’s one of the best TikTok plugins that lets you connect WordPress to your TikTok account, and then show all your videos in gallery layouts like grid, masonry, and carousel.

Smash Balloon TikTok feed example

Just be aware that you can only show TikToks from your own account.

First, you’ll need to install and activate the TikTok Feeds Pro plugin. If you need help, then please see our guide on how to install a WordPress plugin.

Note: There’s also a free version of the TikTok Feeds plugin that you can use to get started. However, the Pro version comes with more advanced features.

Once the plugin is activated, head over to TikTok Feeds » All Feeds from the WordPress dashboard. Then, click the ‘Add New’ button at the top of the page.

Add new TikTok feed

Next, you need to connect the new feed with your TikTok account so that the plugin can display your videos.

Start by clicking on the ‘Add Source’ button.

Click the Add Source button to connect your TikTok account

On the following page, you need to click the ‘Connect with TikTok’ button.

This will redirect you to the TikTok website where Smash Balloon will ask for read-only access to your TikTok account.

Click the Connect with TikTok button

Press the ‘Authorize’ button to continue.

When you’re done, Smash Balloon will take you back to the WordPress dashboard automatically.

Authorize Smash Balloon to connect to your TikTok account

Now, you can select your TikTok account.

Then, press the ‘Next’ button.

Select TikTok account to create feed

From here, you can choose a template for your TikTok feed from options like default grid, cards, list, latest video, carousel, and showcase carousel.

Click on any theme you like and press the ‘Next’ button to continue.

Choose a template for your TikTok feed

This will launch the visual editor where you can make customizations to your TikTok feed. On the left side, you’ll see all of the customization options, and you can see a live preview of your feed on the right.

To start making customizations, click on the ‘Layout’ tab.

Customize your TikTok feed with the visual editor

Here, you can select a layout for your TikTok feed from options like grid, list, masonry, and carousel. You can also adjust the spacing, number of posts to display, columns, and content length.

By default, Smash Balloon will show the most recent 10 TikToks posted to your account on desktop devices. To show more or fewer videos, simply type a different number into the field next to the Desktop icon.

adjust the number of TikTok posts to display in your feed

Smash Balloon also automatically enables a header for your TikTok feed, which displays your TikTok profile picture, username, followers, likes, a follow button, and more.

To make adjustments to your header, simply click on the ‘Header’ tab from the visual editor to open up the customization options.

Edit TikTok feed header

There are some more settings you can configure, but this is all you need to create an eye-catching TikTok feed. When you’re happy with your settings, click on the ‘Save’ button.

Smash Balloon will now create a shortcode that you can use to add the feed to your website.

Save your TikTok feed and click the Embed button

Go ahead and press the ‘Embed’ button.

This will open up a popup window where you can copy the shortcode.

Copy the shortcode for your TikTok feed

Now, just paste this shortcode into any page, page, or widget-ready area. For step-by-step instructions on how to place the shortcode, please see our guide on how to add a shortcode in WordPress.

With that done, simply visit your website to see the TikTok feed in action.

An example of a TikTok feed, embedded on a WordPress website

With Smash Balloon’s TikTok video player, visitors will be able to click on videos and play them with sound directly on your website, just like on TikTok.

Bonus: Add Various Social Media Feeds to Your WordPress Website

These days, most brands have more than one social media account. For example, if you run a TikTok profile, then you may also have an Instagram one to post Reels.

This is a great digital marketing practice as you can reach as many users as possible on various platforms.

If you do this, then you may want to add those other social feeds to your WordPress website as well. Besides gaining more social media followers, you can also show visitors what content they have missed out on by not following you on social media.

Smash Balloon has various social media feed plugins for WordPress. You can add feeds from Facebook, Instagram, YouTube, Twitter, and even review sites to show your social proof.

The Smash Balloon Reviews Feed Pro plugin

For more information, you can check out our guide on how to add your social media feeds to WordPress.

We hope this article helped you learn how to embed TikTok videos in WordPress. You may also want to check out our ultimate list of social media statistics or see our expert pick of the best social media plugins.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

13 CommentsLeave a Reply

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk

    Is there a way to customize the appearance of an embedded TikTok video? For example, can I change the color of the play button or hide the TikTok logo?

    • WPBeginner Support

      The plugin from this guide would give you some styling options that you’re wanting :)

      Admin

  3. THANKGOD JONATHAN

    Finally I can now use my Tiktok videos on my site. It has been difficult for me to create Youtube videos and was thinking if I could be using my Tiktok videos.
    Now I have it under control. Thank you WPBeginner team for this post.

    • WPBeginner Support

      Glad we could share how to use TikTok videos :)

      Admin

  4. Ralph

    Is there any difference if i just copy paste tiktok url into my article or if I add new block, choose tiktok and then paste the link there?

    • WPBeginner Support

      It more makes things easier should the article need to be updated in the future to ensure it is its own block.

      Admin

  5. CHAHRAZAD

    IT only shows your feed on my blog not mine , how to fix that please

    • WPBeginner Support

      If you’re using the plugin, you would want to check your settings to ensure the username or hashtag you set is for your page, not ours.

      Admin

  6. Marie-Eleonore

    “Chapeau”. Excellent, concise, clear and so informative! This for me is one amazing gem. Thank you so much!

    • WPBeginner Support

      Glad you found our guide helpful :)

      Admin

  7. Suraj Jha

    thanks for your valuable information. i really love this types of content.
    great work. keep writing this type of content for us. your every blog posts are very helpful for me. waiting for more…..

    • WPBeginner Support

      Glad you found our content helpful :)

      Admin

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.