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

As a webmaster with over 15 years of experience, I‘ve seen many social media platforms come and go. But few have skyrocketed to popularity as quickly as TikTok.

TikTok now has over 1 billion monthly active users. The platform‘s short-form videos are highly engaging, with the average user spending 52 minutes per day on the app.

If you have a successful TikTok account, embedding your videos on your WordPress website is a no-brainer. Let‘s look at three easy methods to do this.

Method 1: Using the TikTok Block

The simplest way to embed a TikTok video is by using the built-in TikTok block that comes with WordPress.

Here‘s how it works:

1. First, visit the TikTok video you want to embed and copy its URL from the browser address bar.

2. Next, open the page or post where you want to add the video. Click on the editor‘s "+" icon and select "Paragraph" to start a new paragraph.

3. Paste the TikTok video URL on a new line in the paragraph.

4. WordPress will automatically convert the URL into an embedded TikTok block containing the video.

Let‘s break down what‘s happening here:

• When you paste a TikTok URL, WordPress recognizes it as a TikTok video link.

• It then automatically fetches the video data and inserts a TikTok block with the embedded video.

• This block also contains the necessary markup and scripts to render the video properly in the browser.

By default, the TikTok block makes the video responsive on mobile devices. If you want to disable this, just select the block and uncheck the "Resize for smaller devices" toggle in the toolbar.

I recommend leaving responsiveness enabled so your videos look great on all devices. According to Statista, over 50% of website traffic now comes from mobile devices.

Once you‘re happy with the video, click the "Update" button to save your changes and make the video live on your site. Your viewers can now watch the TikTok video directly on your page!

You can also add the TikTok block manually without pasting a URL first:

1. Click the "+" icon in the editor and search for "TikTok".
2. When it appears, select the TikTok block to add it.
3. In the block, paste your video‘s URL and click "Embed".
4. Make any adjustments needed and update the post.

Adding the block directly gives you more control over placement. It‘s handy when designing landing pages and sales funnels.

Fun fact: TikTok videos embed inline with the content around them. So you can place them anywhere in your posts and pages!

Method 2: Using the Full Site Editor

WordPress themes that support full site editing let you embed videos into header, footer, and sidebar templates.

To do this:

1. Go to Theme > Editor in your WP dashboard.
2. Click on "Template" or "Template Parts" to view your theme‘s templates.
3. Find the template you want to edit and select it.
4. Click the small pencil icon to open the template editor.
5. Click the "+" icon and search for "TikTok".
6. Select the TikTok block and add it to the template layout.
7. Paste your video URL and click Embed. The video will now be embedded in that template.
8. Click "Save" to make the changes live.

Now anytime that template appears, your TikTok video will display along with it!

For example, you could add a popular TikTok to your sidebar or footer using this method. This keeps your viral content visible across your whole WordPress site.

According to Buzzsumo, videos are the most engaging type of content. They attract attention quickly and improve conversions.

So make sure to sprinkle TikTok videos throughout your site templates using the full site editor. Give your viewers fun video snacks between blocks of text!

Method 3: Displaying Your Full TikTok Feed

Manually embedding videos one by one can become tedious. What if you could automatically display your latest TikTok feed on your site?

That‘s exactly what the QuadLayers plugin does!

QuadLayers connects your WordPress site to your TikTok account. It then pulls your newest TikTok videos into a customizable feed.

Here‘s how to set it up:

1. Install and activate the QuadLayers plugin.
2. In your WP dashboard, go to TikTok Feed > Accounts.
3. Click "Add TikTok Account" and log in to connect your TikTok account. This will create an access token.
4. Go to TikTok Feeds > Feeds and click the "+ Feed" button.
5. Choose your connected account and select a feed layout: Masonry or Gallery.
6. Set the number of videos and columns to display.
7. Give the feed a name and click "Save". This generates a shortcode.
8. Copy the shortcode and paste it into any page, post, or text widget to display your feed.

Now your latest TikTok videos will automatically show up in that feed across your site!

When you post new videos on TikTok, they‘ll begin appearing in the feed within hours. It‘s a nearly effortless way to populate your site with fresh, engaging content.

According to Social Media Today, 71% of consumers want to see more video content from brands in 2022. So giving them an endless stream of TikTok videos is a smart move!

I hope this guide helped you learn how to easily embed TikTok videos in WordPress. Displaying your TikTok content can boost engagement and attract new viewers.

Let me know if you have any other questions! I‘m always happy to help fellow webmasters.