Ample Themes

Free & Premium WordPress Themes

Embed a TikTok Video in WordPress

From the definition of Wikipedia, TikTok is a viral Chinese video-sharing social networking service that is owned by Chinese company ByteDance. It is used to create short music, lip-sync, dance, comedy, and talent videos of 3 to 15 seconds, and short looping videos of 3 to 60 seconds. With the launch of TikTok in 2016, it has become a sensational video-sharing social networking service and its use is rising with each passing day. When we look at the data for October 2020, TikTok has surpassed over 2 billion mobile downloads worldwide. Everyone has either watched a TikTok video or has been a part of it, and the trend doesn’t seem to be disappearing anytime soon.

Do you want to know how you can embed a TikTok video on WordPress website? Well, it’s super easy. There are various methods that you can use to embed a TikTok video in WordPress.

First of all, let’s discuss embedding TikTok videos on your WordPress website without using any plugins.

Inserting TikTok videos on your WordPress website is effortlessly easy. All you have to do is copy the URL of the video and paste it into your WordPress post or page.

Let me describe it step-by-step for you.

  • Login to your TikTok account using any of the browsers such as Firefox, Chrome, Safari, etc.
  • Open the TikTok video that you want to embed into your WordPress post or page.
  • Then copy the URL of the TikTok video that you’ve selected.

Copying URL of TikTok video

  • Open a page or post on your WordPress website where you want to display the TikTok video.
  • On the post edit screen, You may give the title”Embedding a TikTok video” like I did and simply paste the URL in the content area.

Paste URL of TikTok video in the content area

After you paste the TikTok video link, WordPress will spontaneously load a preview of it in the post editor. You can then save your post or page. Also, you can visit it to see your TikTok video in action.

Secondly, you can embed a TikTok video in WordPress by making the use of TikTok Block. To do this, you need to click on (+) sign on the post edit section on your dashboard to add a new block for TikTok. Search for TikTok.

Step 1: Go to “Pages” and then click on “Add New”.

TikTok block to embed a tiktok video

Step 2: Click on the “+” sign and then type “TikTok” to add a new TikTok Block.

TikTok Block to embed tiktok video

Step 3:  Paste the link of the TikTok video you want to display on your page in the link section.

Paste TikTok URL to embed a tiktok video

Step 4: This is your final output.

TikTok Block video embedding

The next way to insert TikTok videos into your WordPress website is by using widgets. Catch up with the following steps to embed TikTok videos on your WordPress website using widgets.

  • Open the TikTok video you want to add to your page on the browser and copy its URL.
  • Go to your WordPress Dashboard > Appearance > Widgets
  • Activate the text widget and paste the URL of the TikTok video that you have copied.
  • Then click on save.

Embedding a TikTok video using widgrts

After doing all these steps if you see a preview of the video then it’s working fine. And that’s it! You have successfully added a TikTok video to your WordPress website.

These methods are very simple and easy to implement and lets you insert TikTok videos on your WordPress website in very little time. But, they don’t display your TikTok feeds.

If you want to display streams of content with updated videos on your webpage to your viewers then you will need to use a TikTok plugin. Although there are many TikTok plugins out there, the best one is WP TikTok Feed by Quadlayers.

The WP TikTok Feed is a user-friendly TikTok plugin for WordPress. The main objective of building this plugin was to rationalize the integration, to lessen the time to have websites updated, and to keep up with the pace of social media that displays the best growing standards. This plugin not only provides you a user-friendly means to share your TikTok videos directly on your website but also allows you to share your entire TikTok feed.

WP TikTok Feed offers you additional excellent features such as easy video uploading and video caching. Furthermore, this plugin also holds video data such as likes and comments for better social media integration. This plugin is an ultimate option for you if you are seeking a plugin that enfolds your needs for embedding TikTok videos as well as TikTok feeds on your WordPress website. The best thing about this plugin is that it is completely free.

This plugin offers you multiple layouts and customization options, as well as mobile-ready options, multiple TikTok feed syncing, complete video uploading and embedding controls as well as video caching features, and data caching, recovering video likes, and comments.

To add a TikTok feed on your website using the WP TikTok Feed plugin, you can follow the steps mentioned below:

Step 1: Go to your WordPress Dashboard > Plugins > Add New

Step 2: In the search box, type WP TikTok Feed.

Step 3: Install the plugin and then Activate.

Embed a TikTok Video on WordPress

You will find the TikTok Feed tab in your WordPress dashboard after the activation of the plugin.

Step 4: Go to TikTok Feed > Feeds

tiktokfeed

After the activation of the TikTok Feed plugin, it creates a default feed for you. You can begin with that by clicking on Edit or you can make a totally new one by clicking on the +Feed button.

Step 5: Either click on Edit or +Feed button.

edit feed or create new

Once you are ready with your feed, you can make changes to the feed settings.

You are given two options to pull TikTok videos from. The first one is the Hashtag. If you this option then the plugin will pull content that has that particular hashtag, nevertheless of which user account it comes from. Username is the second option. If you use this option then the plugin will just present a feed of the specific user’s recent posts.

In addition to this, you are also given the freedom to select the TikTok feed format. You can either select a masonry or gallery format along with the number of videos and columns you want to display.

TikTok Feed Format

You can click on the video tab to see various options offered for video settings. You can select your desired video type, whether you want to display video controls or you want to autoplay of videos.  Also, if you want, you can change the spacing of the video and radius of the TikTok video or you can just leave it to its default settings.

You can also choose whether to show the number of video likes and comments. After you are done with video settings, click on the Save button.

TikTok Feed Video Settings

In the popup menu, you can choose what the video looks like when clicked on. For example, you may want the videos to appear in a popup window when clicked on. Furthermore, there are also options such as displaying the number of likes and comments on the videos. You can choose the alignment of the videos popup as per your need. Click on Save after you are done.

Popup Settings TikTok Feed

The last tab you will see is Button. This setting is used for providing your site visitors a clickable button to see the videos on TikTok instead of your website. If you want the viewers to hold onto your website, then you can remove the “View on TikTok ” button. Besides that, you can also change the TikTok button background color and TikTok button hover background color. Once you are done, click on Save.

Button Settings TikTok Feed

If you have completed the steps above then it’s time to embed the TikTok feed on your website at a place where you want it to show up.

  • Go back to the Feeds page.
  • Copy the shortcode associated with the feed in order to embed it on a post or page.

copyshortcode

  • Edit a published WordPress post or page or you can create a new one.
  • Insert the shortcode block in the content area of your page. You can insert the shortcode block on the WordPress post or page whenever you want.

Insert shortcode into WordPress post or page

  • Paste the shortcode that you have copied earlier into the shortcode block field from the Feeds tab.

Pasting the copied shortcode on a page

Once you publish or update the page, you should see your TikTok feed on the front-end of your site.

TikTok Feed on your website

All #wordpress hashtags from TikTok now appear on this page, in a masonry, three-column format. You can see the number of likes and comments if you scroll over the video. You can also get to know the number of views per video.

After you click on the video, you will see a larger popup window which lets your visitors see the majority of the post and can watch the video with audio. There’s a link on each popup window to view this post on the actual TikTok website.

TikTok video

In the present times, TikTok has become one of the fastest-growing social media platforms in the world. You can embed TikTok videos on your WordPress website to make the most out of it. And the best part is that you can embed TikTok videos on your WordPress website very easily.

You can embed it by simply copying the URL of the TikTok video in the content area of your WordPress post or page. The other way you can insert TikTok videos is by using WordPress block editor. The next method is by using widgets. Since plugins are very important in WordPress, you can embed TikTok videos onto your WordPress website by making the use of WP TikTok Feed plugin.

To the nutshell, if you are fond of making videos on TikTok then adding a TikTok feed to your WordPress website provides you with a great opening to amplify your social media strategy.

Let us know in the comment section below if this article was useful for you.

Leave a Reply

Your email address will not be published. Required fields are marked *