• Categories
    • Tutorials
    • Beginners Guide
    • WordPress News
    • WordPress Security
    • Best WordPress Plugins
    • WordPress Themes
    • Product Reviews
    • WP Tips & Tricks
  • Guides
    • Start a Blog
    • Make a Website
    • WordPress Hosting
  • WordPress Hosting
    • A2 Hosting
    • HostGator
    • Bluehost
    • Cloudways
  • Managed Hosting
    • WPEngine
    • Rocket.net
    • WPX
    • Kinsta
  • Coupons
    • WPEngine
    • Flywheel
    • Cloudways
    • A2 Hosting
    • WPX Hosting
WordPress Tips & Tricks

How to Display TikTok Posts on Your WordPress Website

Last Updated on: July 31, 2021 Tom Rankin Leave a Comment

How to Display TikTok Posts on Your WordPress Website

Within the world of social media marketing, there is perpetual talk of new platforms to conquer and find potential customers on. TikTok is the latest social media platform that has rocketed to stardom due (in part) to the global COVID-19 pandemic. As such, this has lead many site owners to learn how to display TikTok posts in WordPress.

After all, WordPress can already embed a slew of other social media platforms. The good news TikTok is no different. In fact, there are a few ways to get the job done, both through native functionality and third-party plugins.

In this post, we’ll show you a couple of ways to display TikTok posts in WordPress. Before this, let’s give you a quick overview of the platform.

A Brief Introduction to TikTok

TikTok itself is only five years old, although the platform has a longer history. It’s known as Douyin in China (TikTok’s ‘home’ country), and although both apps share the same functionality and features, they’re separate from one another.

The TikTok logo.

When Douyin’s owners sought to go global, they acquired the popular Musical.ly service. This gained popularity through short form lip-synced videos. Once the merger took place, TikTok was born and exploded onto the world stage.

At first, TikTok followed in the footsteps of Musical.ly. Both then and now, lots of viral videos feature lip-syncing and choreographed dance moves. As such, it’s been a popular platform for younger demographics. Though, older users have made their way to the platform too, and there’s more of a short, ‘life-hack’ element to TikTok at current writing.

This leads into our next section – all about the benefits of showcasing TikTok posts on your website.

Why You’d Want to Display TikTok Posts On Your WordPress Website

The reasons for you wanting to display TikTok posts are diverse, and dependent on your needs and goals. For example, if you run a WordPress blog, you may want to showcase your favorite ‘TikToks’ (or your own).

Though, for businesses, there are a swathe of benefits to leverage:

  • You’re able to market to a core younger demographic on a hot new platform.
  • The user base is massive, and compares in a way to the Snapchat phenomenon a few years ago.

There are more, but in a nutshell, visibility and opportunity are central positives. Also, TikToks are great for embedding in posts because of how short and interesting they are. The great news is it’s straightforward to display TikTok posts in WordPress, and we’ll show you this next.

How to Display TikTok Posts on Your WordPress Website (In 2 Ways)

While we’ll list two ways to display TikTok posts on your WordPress website here, there are a few more of methods to note. In short, we’ve suggested two possible approaches:

  1. Embed TikToks using WordPress’ native functionality.
  2. Install a plugin to display TikTok posts in WordPress.

The plugin approach is simple, although as native methods go, WordPress has a variety of ways to embed social media of all types. We’ll cover this in more detail next.

1. Use WordPress’ Native Embedding Functionality

First off, WordPress is adept at displaying a multitude of social media posts. In fact, it’s long been a Content Management System (CMS) that is good at displaying content from all the major social media networks, and the minor ones.

Even better, it continues to do so regardless of whether you use the Classic Editor or Block Editor. We’ll offer you three different ways WordPress can provide native embeds for TikTok posts. Whichever you use is up to you depending on your needs.

Pasting Into the Block Editor

The simple way to embed any content in WordPress is to paste it as text into your desired editor. The CMS has been able to do this almost from the start, and it continues to be a great User Experience (UX) element for users who need it.

To start though, you’ll need the link to your TikTok post. There are a couple of ways to do this – either take the URL direct from the browser bar, or open the Share icon for each post and click Copy Link:

The Copy Link button in TikTok.

Once you have this, you can jump back to WordPress, and paste the link into your post or page like any other piece of text:

Embedding a Block in WordPress.

From here, WordPress will convert the link to an Embed Block, then into a dedicated TikTok Block.

An embedded TikTok in WordPress.

In fact, you may want to go direct to the Block – we’ll show you this next.

Adding the TikTok Block to Your Page

In most cases, pasting the link to your TikTok video is perfect. WordPress will do the necessary to convert the link and add a Block to your post or page. Though, adding the Block yourself is a good idea if you’re building a layout and don’t yet know what TikToks you’re going to include.

To add the dedicated TikTok Block, either click the Add Block icon on the editor screen, or pull up the sidebar from the top of the screen:

The Add Block button in WordPress.

You may need to search for the Block using the dedicated form here, but regardless of your approach, you should find the right Block.

The Browse All button in WordPress.

At this point, you can add the Block, then add the URL to the relevant field.

Adding a URL to a TikTok Block.

Once you click the Embed button, WordPress will do its job to display your TikTok post.

Adding a WordPress Widget to Your Page

There’s one more way you can display TikTok posts in WordPress, and that’s through widgets. It’s more of a ‘hack’ than a dedicated method, but it works as well as the other solutions.

To do this, head to the Appearance > Widgets screen in WordPress, and locate your chosen widget area:

The WordPress Widgets page.

From here, scroll down the list of available widgets, and insert a Text widget into your desired area:

Placing a widget in a widget area.

Once you open the widget, you’ll see an ‘old-school’ Classic Editor panel:

Adding text to a Text widget.

From here, the process is simple – paste the URL into the textarea, and it will embed as you’d expect:

An embedded TikTok in a Text widget.

One thing to note with all of these methods is that your ad blockers or privacy browser extensions may restrict access to TikTok. As such, you won’t be able to display TikTok posts in WordPress unless you disable it first.

2. Install a Dedicated WordPress Plugin

You’d think that there would be a glut of plugins to help you display a TikTok feed on your WordPress website. Though, if you take a quick look, you’ll find few that are up to the job. most have poor reviews and ratings, or haven’t been updated in a while.

Even so, QuadLayers’ WP TikTok Feed plugin is the best of the bunch:

The WP TikTok Feed plugin.

It uses shortcodes to add a feed to your site, and you add them as any other shortcode. Once you install and activate the plugin, you can go to TikTok Feed > Feeds to add a new feed instance:

The WP TikTok Feed plugin settings.

If you click the + Feed button, you’ll come to a build screen. This will show a number of tabs and options, although a lot aren’t accessible unless you purchase a premium plan.

Editing a new TikTok feed.

Here, you can choose how your feed displays, the number of TikToks in the feed, the amount of columns the feed uses, and more. You can even choose how much space is used by the embed from the Video tab:

Changing video settings in the WP TikTok Feed button.

There are also a number of features relating to the pop-up for each video:

Changing video popup settings in WP TikTok Feed.

This gives you lots of customization of how you’ll view TikToks in a practical sense. You could even strip away every aspect of the TikTok experience to leave the video embed:

An embedded TikTok on a website.

Though, the default embed pop-up looks great, and you could leave everything alone without any issues:

The default embedding display on a website.

On the whole, the free version of WP TikTok Feed is solid, and packed with good, valuable functionality. Though, it’s worth noting that the premium upgrade contains some essential features you may want:

  • The ability to display user-based feeds.
  • A greater selection of feed styles.
  • A way to customize the box that feeds and videos are displayed in.
  • The ability to downloads TIkToks.

There’s more customization too, and if you’re a regular TikTok user with a site based around the platform’s content, the upgrade will be worth the $19-79 price.

In Summary

The social media boom doesn’t look like it’s going away any time soon. While we’re talking about regulating and clamping down on the powers networks such as Facebook has, eager competitors such as TikTok are rising up. The user base is staggering, and TikTok is a true global brand. This is in no small part to the funny, engaging, and interesting short-form posts the platform has claimed as its own.

In this post, we’ve looked at how to display TikTok posts in WordPress. There are two approaches, both in keeping with WordPress:

  1. Use the native functionality found within the CMS.
  2. Install a plugin such as WP TikTok Feed to display TikTok posts as a feed on your site.

Are you a fan of short-form content, and will you display TikTok posts on your own website? Share your thoughts with us in the comments section below!

+ Share
Disclosure

Tom Rankin

Tom Rankin is a quality content writer for WordPress, tech, and small businesses. When he's not putting fingers to keyboard, he can be found taking photographs, writing music, playing computer games, and talking in the third-person.

Related Posts

Back to all articles
  • WordPress’ Settings: A New User’s Checklist

    WordPress’ Settings: A New User’s Checklist

  • Introducing The Wp-Config.Php File For WordPress

    The wp-config.php File: Why It’s the Most Important File For WordPress

  • Best Black Friday Deals

    Black Friday and Cyber Monday Deals, Coupons, & Discounts for 2021

Coupons

View more deals
  • Recipe Card Blocks Coupon
    15% OFF

    Recipe Card Blocks Coupon

    Running a cooking or food website can be fun (and tasty) – but
    Get This Deal
  • WP 2FA Coupon
    20% OFF

    WP 2FA Coupon

    Security should be at the forefront of all site owner’s min
    Get This Deal
  • Themskingdom Coupon
    20% OFF

    ThemesKingdom Coupon

    First impressions count. As such, you’ll want a WordPress t
    Get This Deal

Leave a Reply Cancel reply

Full Disclosure This post may contain affiliate links, meaning that if you click on one of the links and purchase an item, we may receive a commission (at no additional cost to you). All opinions are our own and we do not accept payments for positive reviews.

THE BEST OF WPKUBE

Some of the best content we have published so far.

BEGINNER GUIDES & REVIEWS

18 Best Cheap WordPress Hosting Providers in 2023 (From $1.99)
210 Best WordPress Hosting Options for 2023 (Pros & Cons)
38 Best Managed WordPress Hosting Providers for 2023 Compared
45 Best WooCommerce Hosting Providers Compared in 2023 (All Budgets)
5Top 9 Landing Page Plugins for WordPress (2023)
69 Best List Building Plugins for WordPress In 2023
7How to Fix the 500 Internal Server Error on Your WordPress Website
8Thrive Themes Review: A Look At The Full Membership
9Beaver Builder Review: Is it The Best Page Builder Plugin for WordPress (2023)?
10OptimizePress Review: Create Landing Pages with Ease
11How to Make a Website: Complete Beginner’s Guide
12Top 22 Best Free Stock Photo Resources For Your Site
1317 of the Best Google Fonts for 2023 (And How to Use Them in WordPress)
14How to Start a Blog in 2022 (Step by Step Guide)
15How To Fix ‘503 Service Unavailable’ WordPress Error
1611 Best Contact Form Plugins for WordPress in 2023
17How to Add a Custom Logo to Your WordPress Site
18How to Fix Error Establishing a Database Connection in WordPress

WPX Hosting: 50% OFF

Save 50% on WPX Hosting using our exclusive coupon code.

Get this Deal

Flywheel(our review)

Our Newsletter

Get awesome content delivered straight to your inbox.

Thank you!

You have successfully joined our subscriber list.

.
Featured In Forbes Huffpost Entrepreneur SEJ

About WPKube

WPKube is an online WordPress resource which focuses on WordPress tutorials, How-to’s, guides, plugins, news, and more. We aim to provide the most comprehensive beginner’s guides to anything about WordPress — from installing plugins, themes, automated installs and setups, to creating and setting up pages for your website.

We have over 500+ tutorials, guides, product reviews, tips, and tricks about WordPress. Founded by Devesh Sharma, the main goal of this site is to provide useful information on anything and everything WordPress.

Twitter Facebook

Useful Links

  • Behind the Scenes
  • Beginner Guides
  • WordPress Hosting
  • WooCommerce Themes
  • MeridianThemes
  • Exclusive WordPress Deals
View All Guides »

Reviews

  • WPEngine 33% OFF
  • Thrive Leads
  • Flywheel 33% OFF
  • Divi Theme 20% OFF
  • Thrive Architect
  • Elegant Themes
Reviews »

Deals

  • InMotion Hosting
  • LifterLMS Coupon
  • LiquidWeb Coupon
  • WPEngine Coupon
  • A2 Hosting
  • FloThemes
More Deals »
© Copyright 2023 WPKube ® All Rights Reserved.
  • Contact
  • Site Terms
  • Disclosure
  • Privacy Policy