With that done, simply visit your website to see the TikTok feed in action.
If you want to add the TikTok video to a different area, then click on either ‘Template’ or ‘Template Parts.’
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.
In the popup that appears, type in ‘TikTok.’
When the right block shows up, drag and drop it onto the layout.
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.
By default, QuadLayers will show the most recent 12 TikToks posted to your account. To show more or fewer videos, simply type a different number into the ‘Limit’ field.
To add a TikTok block, simply click on the ‘+’ icon and then type in ‘TikTok.’
Next, click ‘Login with TikTok.’
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.
Do you want to easily embed TikTok videos on your WordPress website?
First, you need to visit the TikTok video that you want to embed. Then, copy the video’s URL.
According to our ultimate list of blogging stats, posts with videos get 83% more traffic than those without video. That said, if you’re already posting TikToks then it makes sense to embed these videos on your WordPress website.
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.
You can now type in your TikTok email address and password, and follow the onscreen instructions to connect QuadLayers to your TikTok account.
In this article, we’ll show you how to easily embed TikTok videos in WordPress.
Why Embed TikTok Videos in WordPress?
By default, the full-site editor will show your theme’s home template.
Just be aware that you can only show TikToks from your own account.
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.
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)
WordPress will now show a preview of the template.
You can also change how many videos QuadLayers shows in each row, by typing into the ‘Columns’ field.
Simply find the template where you want to embed a TikTok video and click on it. As an example, we’ll be adding a TikTok to the Archive page template but the steps will be largely the same no matter what template you’re using.
When you’re done, QuadLayers will take you back to the WordPress dashboard automatically.
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.
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.
You can now choose between Gallery and Masonry layouts for the TikTok feed. Masonry shows the videos in portrait mode, while Gallery displays the videos as square thumbnails.
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.
We hope this article helped you learn how to embed TikTok videos in WordPress. You may also want to check out our guide on how to embed a Facebook video in WordPress, or see our expert pick of the best social media plugins.
You can now visit your WordPress blog or website to see the TikTok video live.
Method 2. Using the Full-Site Editor (Works With Block-Based WordPress Themes)
In your WordPress dashboard, go to Themes » Editor.
When the right block shows up, click to add it to the widget-ready area.
There are some more settings you can configure, but this is all you need to create an eye-catching TikTok feed.
When the right block shows up, click to add it to the page or post.
In the search bar that appears, type in ‘TikTok.’
You’ll now see all the templates or template parts that make up your WordPress theme.
After that, you can simply paste the TikTok URL into the block and click on ‘Embed.’
First, you’ll need to install and activate the plugin. If you need help, then please see our guide on how to install a WordPress plugin.
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.
Simply go ahead and copy the value in the ‘Shortcode’ column.
The best way to embed a TikTok feed in WordPress is by using QuadLayers TikTok Feed. This free plugin allows you to connect WordPress to your TikTok account, and then show all your videos in a gallery or masonry layout.
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.
When you’re happy with your settings, click on ‘Save.’
This is useful if you’re unsure what TikTok video you’re going to embed, or if the video hasn’t been published yet. This is also a good way to plan your layout, particularly if you’re designing a landing page or sales page.
With that done, click on the ‘Embed’ button.
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.
QuadLayers will now create a shortcode that adds the feed to your website.
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.
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 bounce rate in WordPress.
If you’re already creating successful, viral TikToks then it makes sense to post these videos to your website too. In this way, you can get more views, engagement, and social media followers with very little extra effort.
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.
When you’ve finished, don’t forget to click on ‘Update’ to make the changes live.
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 QuadLayers (Embed Your Entire TikTok Feed)
You can now paste the video’s URL into the TikTok block, and click on the ‘Embed’ button.
You can now paste the URL of the TikTok video you want to embed.
WordPress will automatically detect that you’re embedding a TikTok video, and add a TikTok block with the video already embedded.
Simply find the area where you want to embed the TikTok video.
This is an easy way to keep your website fresh and interesting, while promoting your newest TikTok videos at the very same time.
With that done, click on the ‘+’ button towards the top left of the screen.
Then, click on the ‘+’ icon.
The first step is creating an access token using your TikTok account. In the WordPress dashboard, head over to TikTok Feed » Accounts and click on ‘Add TikTok Account.’
To go ahead and edit the layout, click on the small pencil icon.
Now, go to TikTok Feeds » Feeds and click on the ‘+ Feed’ button.
In the popup that appears, open the ‘Account’ dropdown and select your TikTok account.