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

Do you want to quickly embed TikTok videos on your WordPress site?

If you’re currently producing effective, viral TikToks,, it makes good sense to publish these videos to your site too. In this method, you can get more views, engagement, and social network fans with minimal additional effort.

In this short article, we’ll reveal you how to quickly embed TikTok videos in WordPress.

Why Embed TikTok Videos in WordPress?

According to our supreme list of blogging statistics, posts with videos get 83% more traffic than those without videos. That stated, if you’re currently publishing TikToks, then it makes good sense to embed these videos on your WordPress site.

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

In this method, you can get more visitors without needing to invest a lot of time in producing brand-new material. These videos can likewise assist in catching the visitor’s attention and keep them on your site for longer, which will increase pageviews and decrease the bounce rate in WordPress.

At the exact same time, these videos will promote your TikTok channel to individuals who visit your site. This can get you more engagement and fans on TikTok.

With that stated, let’s see how you can embed TikTok videos in WordPress. Just utilize the fast links listed below to leap directly to the approach you wish to utilize.

  • Technique 1. Utilizing the TikTok Block (Works With Any Theme)
  • Technique 2. Utilizing the Full-Site Editor (Works With Block-Based WordPress Themes)
  • Technique 3. Utilizing QuadLayers (Embed Your Entire TikTok Feed)

Technique 1. Utilizing the TikTok Block (Works With Any Theme)

The simplest method to embed TikToks on your WordPress website is by pasting the video’s URL into the page or post editor. WordPress will then discover the video and bring it to you instantly.

You require to check out the TikTok video that you desire to embed. Copy the video’s URL.

Including a TikTok video to a page or post utilizing the WordPress block editor

Next, open the WordPress page or post where you wish to reveal the TikTok video. You can then just paste the URL into the WordPress block editor.

WordPress will immediately identify that you’re embedding a TikTok video, and include a TikTok block with the video currently ingrained.

Embedding TikTok videos on a WordPress blog site or site

By default, WordPress will resize the TikTok video instantly for smaller-sized screens, consisting of mobile phones and tablets. It will likewise maintain the video’s ratio when the web browser gets resized.

This is a great user experience, so we suggest leaving the setting allowed. In some cases you might desire to keep the video at the exact same size, no matter what. Because case, click to choose the TikTok block and disable the ‘Resize for smaller sized gadgets’ toggle.

Resizing a TikTok video on mobile phones consisting of smart devices and tablets

If you do disable this setting, then it’s a great concept to evaluate the mobile variation of your WordPress website from the desktop, to inspect you’re pleased with the visitor experience.

You can get comparable outcomes by including the TikTok block in a page or post. After that, you can include the TikTok video’s URL at any point.

This is beneficial if you’re not sure what TikTok video you’re going to embed, or if the video hasn’t been released. This is a great way to prepare your design, especially if you’re creating a landing or sales page.

To include a TikTok block, just click the ‘+’ icon and after that enter ‘TikTok.’

Including the WordPress TikTok obstruct to a page or post

When the best block appears, click to include it on the page or post.

After that, you can merely paste the TikTok URL into the block and click ‘Em bed.’

The TikTok WordPress block

Another choice is to embed the TikTok video in a widget-ready location such as the sidebar or comparable area. This permits you to reveal the very same video throughout your whole website. If you’re attempting to develop a viral free gift in TikTok, then you may embed the video revealing the contest.

To do this, go to Look” Widgets in your control panel. Here, you’ll see all the various locations where you can include widgets in WordPress.

Including widgets to a sidebar or comparable area

Merely discover the location where you wish to embed the TikTok video.

Click on the ‘+’ icon.

Including a block to a widget-ready location in your WordPress style

In the popup that appears, enter ‘TikTok.’

When the best block appears, click to include it in the widget-ready location.

Embedding TikToks in a WordPress site or blog site

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

With that done, click the ‘Em bed’ button.

How to embed TikTok videos in WordPress

When you’ve ended up, do not forget to click ‘Update’ to make the modifications live.

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

Making a TikTok video survive on your site

Approach 2. Utilizing the Full-Site Editor (Works With Block-Based WordPress Themes)

If you’re utilizing a block style, then you can include a TikTok to any widget-ready location or design template utilizing the full-site editor. This permits you to reveal TikTok videos on pages and posts that you can’t modify utilizing the basic material editor. You may utilize TikTok videos to enhance your 404-page design template.

In your WordPress control panel, go to Styles” Editor

Opening the WordPress full-size editor (FSE)

By default, the full-site editor will reveal your style’s house design template.

If you wish to include the TikTok video in various locations, then click either ‘Template’ or ‘Template Parts.’

Modifying design template parts utilizing the full-size editor (FSE)

You’ll now see all the design templates or design template parts that comprise your WordPress style.

Merely discover the design template where you wish to embed a TikTok video and click it. As an example, we’ll be including a TikTok to the Archive page design template; however the actions will be mostly the exact same no matter what design template you’re utilizing.

Tailoring the archive design template utilizing the WordPress block-based FSE editor

WordPress will now reveal a sneak peek of the design template.

To proceed and modify the design, click the little pencil icon.

Modifying a block-based design template utilizing the full-site editor (FSE)

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

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

Including a TikTok block to a WordPress website design template

When the best block appears, drag and drop it onto the design.

You can now paste the video’s URL into the TikTok block and click the ‘Em bed’ button.

Including a TikTok video to any part of your site or blog site

When you’re pleased with how the design template looks, click the ‘Save’ button. Now, just visit your WordPress site to see the TikTok in action.

Approach 3. Utilizing QuadLayers (Embed Your Entire TikTok Feed)

If you simply wish to include a couple of TikToks to your WordPress site, then approach 1 and technique 2 are both fantastic options. In some cases, you might desire to reveal all your newest TikToks in a feed that updates instantly.

This is a simple method to keep your site fresh and intriguing while promoting your latest TikTok videos at the really exact same time.

The very best method to embed a TikTok feed in WordPress is by utilizing QuadLayers TikTok FeedThis complimentary plugin enables you to link WordPress to your TikTok account and after that, reveal all your videos in a gallery or masonry design.

An example of an ingrained TikTok feed, on a WordPress site

Simply understand that you can just reveal TikToks from your own account.

You’ll require to set up and trigger the plugin. If you require assistance, then please see our guide on how to set up a WordPress plugin.

The initial step is producing gain access to a token utilizing your TikTok account. In the WordPress control panel, head over to TikTok Feed” Accounts and click ‘Add TikTok Account.’

Linking TikTok to your WordPress site or blog site

Next, click ‘Login with TikTok.’

You can now key in your TikTok e-mail address and password and follow the onscreen directions to link QuadLayers to your TikTok account.

How to link your TikTok social networks account to WordPress

When you’re done, QuadLayers will take you back to the WordPress control panel immediately.

Now, go to TikTok Feeds” Feeds and click the ‘+ Feed’ button.

Including a TikTok feed to your WordPress site or blog site

In the popup that appears, open the ‘Account’ dropdown and pick your TikTok account.

You can now pick in between Gallery and Masonry designs for the TikTok feed. Masonry reveals the videos in picture mode, while Gallery shows the videos as square thumbnails.

Linking a social networks account to your WordPress site

By default, QuadLayers will reveal the most current 12 TikToks published to your account. To reveal more or fewer videos, merely type various numbers into the ‘Limit’ field.

You can likewise alter the number of videos QuadLayers displays in each row by typing into the ‘Columns’ field.

Revealing TikTok videos in an arranged design

There are some more settings you can set up, however, this is all you require to produce a distinctive TikTok feed.

When you’re delighted with your settings, click ‘Save.’

Producing a live TikTok feed for your site or blog site

QuadLayers will now produce a shortcode that includes the feed to your site.

Just proceed and copy the worth in the ‘Shortcode’ column.

Including a TikTok feed to your site utilizing shortcode

Now, simply paste this shortcode into any page, page, or widget-ready location. For detailed directions on how to position the shortcode, please see our guide on how to include a shortcode in WordPress.

With that done, just visit your site to see the TikTok feed in action.

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

We hope this short article helped you find out how to embed TikTok videos in WordPress.

SVisionary

Leave a Reply

“You're more than just a customer; you're the hero of our stories.”