' ; ?>

Hosting365

How to embed TikTok videos in WordPress

Embed TikTok Movies in WordPress (3 Straightforward Strategies)


Do you wish to simply embed TikTok movies in your WordPress web site?

In the event you’re already creating profitable, viral TikToks then it is sensible to submit these movies to your web site too. On this approach, you will get extra views, engagement, and social media followers with little or no further effort.

On this article, we’ll present you the best way to simply embed TikTok movies in WordPress.

Why Embed TikTok Movies in WordPress?

Based on our final checklist of running a blog stats, posts with movies get 83% extra site visitors than these with out video. That mentioned, should you’re already posting TikToks then it is sensible to embed these movies in your WordPress web site.

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

On this approach, you will get extra guests, with out having to spend a ton of time creating new content material. These movies may also assist seize the customer’s consideration and preserve them in your web site for longer, which is able to improve pageviews and cut back bounce fee in WordPress.

On the identical time, these movies will promote your TikTok channel to individuals who go to your web site. This will get you extra engagement and followers on TikTok.

With that mentioned, let’s see how one can embed TikTok movies in WordPress. Merely use the fast hyperlinks beneath to leap straight to the tactic you wish to use.

Technique 1. Utilizing the TikTok Block (Works With Any Theme)Technique 2. Utilizing the Full-Web site Editor (Works With Block-Primarily based WordPress Themes)Technique 3. Utilizing QuadLayers (Embed Your Total TikTok Feed)

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

The best approach to embed TikToks in your WordPress web site is by pasting the video’s URL into the web page or submit editor. WordPress will then detect the video and fetch it for you robotically.

First, it is advisable to go to the TikTok video that you simply wish to embed. Then, copy the video’s URL.

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

Subsequent, open the WordPress web page or submit the place you wish to present the TikTok video. You may then merely paste the URL into the WordPress block editor.

WordPress will robotically detect that you simply’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 robotically for smaller screens, together with smartphones and tablets. It should additionally protect the video’s ratio when the browser will get resized.

It is a good person expertise, so we advocate leaving the setting enabled. Nonetheless, typically it’s possible you’ll wish to preserve the video on the identical dimension, it doesn’t matter what. In that case, click on to pick the TikTok block after which disable the ‘Resize for smaller units’ toggle.

Resizing a TikTok video on mobile devices including smartphones and tablets

In the event you do disable this setting, then it’s a good suggestion to check the cellular model of your WordPress web site from the desktop, to verify you’re pleased with the customer expertise.

You may get related outcomes by including the TikTok block to a web page or submit. After that, you possibly can add the TikTok video’s URL at any level.

That is helpful should you’re not sure what TikTok video you’re going to embed, or if the video hasn’t been revealed but. That is additionally a great way to plan your format, notably should you’re designing a touchdown web page or gross sales web page.

So as to add a TikTok block, merely click on on the ‘+’ icon after which sort in ‘TikTok.’

Adding the WordPress TikTok block to a page or post

When the fitting block exhibits up, click on so as to add it to the web page or submit.

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

The TikTok WordPress block

An alternative choice is to embed the TikTok video in a widget-ready space such because the sidebar or related part. This lets you present the identical video throughout your whole web site. For instance, should you’re making an attempt to create a viral giveaway in TikTok, you then would possibly embed the video saying the competition.

To do that, go to Look » Widgets in your dashboard. Right here, you’ll see all of the completely different areas the place you possibly can add widgets in WordPress.

Adding widgets to a sidebar or similar section

Merely discover the world the place you wish to embed the TikTok video.

Then, click on on the ‘+’ icon.

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

Within the popup that seems, sort in ‘TikTok.’

When the fitting block exhibits up, click on so as to add it to the widget-ready space.

Embedding TikToks in a WordPress website or blog

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

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

How to embed TikTok videos in WordPress

While you’ve completed, don’t overlook to click on on ‘Replace’ to make the modifications dwell.

Now you can go to your WordPress weblog or web site to see the TikTok video dwell.

Making a TikTok video live on your website

Technique 2. Utilizing the Full-Web site Editor (Works With Block-Primarily based WordPress Themes)

In the event you’re utilizing a block theme then you possibly can add a TikTok to any widget-ready space or template utilizing the full-site editor. This lets you present TikTok movies on pages and posts which you can’t edit utilizing the usual content material editor. For instance, you would possibly use TikTok movies to enhance your 404 web page template.

In your WordPress dashboard, go to Themes » Editor.

Opening the WordPress full-size editor (FSE)

By default, the full-site editor will present your theme’s residence template.

If you wish to add the TikTok video to a distinct space, then click on on both ‘Template’ or ‘Template Components.’

Editing template parts using the full-size editor (FSE)

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

Merely discover the template the place you wish to embed a TikTok video and click on on it. For example, we’ll be including a TikTok to the Archive web page template however the steps can be largely the identical it doesn’t matter what template you’re utilizing.

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

WordPress will now present a preview of the template.

To go forward and edit the format, click on on the small pencil icon.

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

With that finished, click on on the ‘+’ button in direction of the highest left of the display.

Within the search bar that seems, sort in ‘TikTok.’

Adding a TikTok block to a WordPress site template

When the fitting block exhibits up, drag and drop it onto the format.

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

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

While you’re pleased with how the template appears, click on on the ‘Save’ button. Now, merely go to your WordPress web site to see the TikTok in motion.

Technique 3. Utilizing QuadLayers (Embed Your Total TikTok Feed)

In the event you simply wish to add a couple of TikToks to your WordPress web site, then technique 1 and technique 2 are each nice selections. Nonetheless, typically it’s possible you’ll wish to present all of your newest TikToks in a feed that updates robotically.

That is a simple approach to preserve your web site contemporary and fascinating, whereas selling your latest TikTok movies at the exact same time.

The easiest way to embed a TikTok feed in WordPress is through the use of QuadLayers TikTok Feed. This free plugin permits you to join WordPress to your TikTok account, after which present all of your movies in a gallery or masonry format.

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

Simply remember which you can solely present TikToks from your personal account.

First, you’ll want to put in and activate the plugin. In the event you need assistance, then please see our information on the best way to set up a WordPress plugin.

Step one is creating an entry token utilizing your TikTok account. Within the WordPress dashboard, head over to TikTok Feed » Accounts and click on on ‘Add TikTok Account.’

Connecting TikTok to your WordPress website or blog

Subsequent, click on ‘Login with TikTok.’

Now you can sort in your TikTok e mail tackle and password, and observe the onscreen directions to attach QuadLayers to your TikTok account.

How to connect your TikTok social media account to WordPress

While you’re finished, QuadLayers will take you again to the WordPress dashboard robotically.

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

Adding a TikTok feed to your WordPress website or blog

Within the popup that seems, open the ‘Account’ dropdown and choose your TikTok account.

Now you can select between Gallery and Masonry layouts for the TikTok feed. Masonry exhibits the movies in portrait mode, whereas Gallery shows the movies as sq. thumbnails.

Connecting a social media account to your WordPress website

By default, QuadLayers will present the latest 12 TikToks posted to your account. To point out extra or fewer movies, merely sort a distinct quantity into the ‘Restrict’ discipline.

You can even change what number of movies QuadLayers exhibits in every row, by typing into the ‘Columns’ discipline.

Showing TikTok videos in an organized layout

There are some extra settings you possibly can configure, however that is all it is advisable to create an attention grabbing TikTok feed.

While you’re completely happy together with your settings, click on on ‘Save.’

Creating a live TikTok feed for your website or blog

QuadLayers will now create a shortcode that provides the feed to your web site.

Merely go forward and replica the worth within the ‘Shortcode’ column.

Adding a TikTok feed to your website using shortcode

Now, simply paste this shortcode into any web page, web page, or widget-ready space. For step-by-step directions on the best way to place the shortcode, please see our information on the best way to add a shortcode in WordPress.

With that finished, merely go to your web site to see the TikTok feed in motion.

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

We hope this text helped you learn to embed TikTok movies in WordPress. You may additionally wish to take a look at our information on the best way to embed a Fb video in WordPress, or see our professional decide of the perfect social media plugins.

In the event you preferred this text, then please subscribe to our YouTube Channel for WordPress video tutorials. You can even discover us on Twitter and Fb.

The submit Embed TikTok Movies in WordPress (3 Straightforward Strategies) first appeared on WPBeginner.



Supply hyperlink

managed wordpress hosting

댓글 달기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

WP Twitter Auto Publish Powered By : XYZScripts.com
AI Chatbot Avatar