{"id":34449,"date":"2021-07-01T13:34:13","date_gmt":"2021-07-01T07:49:13","guid":{"rendered":"https:\/\/hashthemes.com\/?p=34449"},"modified":"2022-01-28T17:32:57","modified_gmt":"2022-01-28T11:47:57","slug":"embed-tiktok-video-in-wordpress","status":"publish","type":"post","link":"https:\/\/hashthemes.com\/embed-tiktok-video-in-wordpress\/","title":{"rendered":"How to Embed TikTok Video in WordPress Website?"},"content":{"rendered":"\n<p>TikTok has become a social phenomenon since its release back in 2016. Almost everyone is involved in TikTok either by creating and uploading videos or by watching the video as an audience. In either way, the trend is very high and does not seem to disappear soon. Therefore, embedding its video on your WordPress website can play a great role to increase the user engagement of the site. Moreover, a TikTok feed can even earn a click-through from your random audience and can even be converted into a TikTok media follower.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_73 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/hashthemes.com\/embed-tiktok-video-in-wordpress\/#How-to-Embed-TikTok-Video-in-WordPress-Website\" title=\"How to Embed TikTok Video in WordPress Website?\">How to Embed TikTok Video in WordPress Website?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/hashthemes.com\/embed-tiktok-video-in-wordpress\/#Pasting-The-Link-Directly-to-The-Editor\" title=\"Pasting The Link Directly to The Editor\">Pasting The Link Directly to The Editor<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/hashthemes.com\/embed-tiktok-video-in-wordpress\/#Using-TikTok-Gutenberg-Block\" title=\"Using TikTok Gutenberg Block\">Using TikTok Gutenberg Block<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/hashthemes.com\/embed-tiktok-video-in-wordpress\/#Using-Embed-Code-to-Embed-TikTok-Video\" title=\"Using Embed Code to Embed TikTok Video\">Using Embed Code to Embed TikTok Video<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/hashthemes.com\/embed-tiktok-video-in-wordpress\/#Method-4-Embed-TikTok-Feed-Using-WordPress-Plugin\" title=\"Method 4: Embed TikTok Feed Using WordPress Plugin\">Method 4: Embed TikTok Feed Using WordPress Plugin<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\" id=\"how-to-embed-tiktok-video-in-wordpress-website\"><span class=\"ez-toc-section\" id=\"How-to-Embed-TikTok-Video-in-WordPress-Website\"><\/span>How to Embed TikTok Video in WordPress Website?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>If you are using WordPress, you can embed TikTok videos in different ways. Here, we will discuss some of the easiest steps to show you can embed TikTok video in the WordPress website. With that being said, let get started:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"pasting-the-link-directly-to-the-editor\"><span class=\"ez-toc-section\" id=\"Pasting-The-Link-Directly-to-The-Editor\"><\/span>Pasting The Link Directly to The Editor<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>One of the easiest ways to embed the TikTok video in the WordPress page\/post is by directly adding the link to the editor.&nbsp;<\/p>\n\n\n\n<p>Simply, visit the official TikTok Website and search for the account to which you want to add the video.<\/p>\n\n\n\n<p>Now click on the TikTok video that you want to embed in the WordPress page\/post<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1346\" height=\"621\" src=\"https:\/\/hashthemes.com\/wp-content\/uploads\/2021\/05\/copy-tik-tok-link.png\" alt=\"Embed TikTok Video in WordPress\" class=\"wp-image-34500\"\/><\/figure>\n\n\n\n<p>Then, copy its URL and paste it into the editor.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"800\" height=\"550\" src=\"https:\/\/hashthemes.com\/wp-content\/uploads\/2021\/05\/add-tik-tok-video-via-link.png\" alt=\"Embed TikTok Video in WordPress\" class=\"wp-image-34499\"\/><\/figure>\n\n\n\n<p>Now, click on the \u201c<strong>Publish\/Update<\/strong>\u201d button to save the change and preview your post to check out the embedded video.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"using-tiktok-gutenberg-block\"><span class=\"ez-toc-section\" id=\"Using-TikTok-Gutenberg-Block\"><\/span>Using TikTok Gutenberg Block<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>The Gutenberg Block Editor comes with different inbuilt blocks to embed the feed of various social media networks. One of them is the TikTok block which allows you to embed TikTok video on WordPress websites.<\/p>\n\n\n\n<p>To embed the TikTok video, create a new post or edit an existing one to go to the editor.<\/p>\n\n\n\n<p>Now click on the (+) sign and search for the TikTok block to add it to the editor.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"500\" src=\"https:\/\/hashthemes.com\/wp-content\/uploads\/2021\/05\/tik-tok-block.png\" alt=\"Embed TikTok Video in WordPress\" class=\"wp-image-34502\"\/><\/figure>\n\n\n\n<p>Then go to the official TikTok website to copy the link of the video that you want to add on your WordPress website.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"400\" src=\"https:\/\/hashthemes.com\/wp-content\/uploads\/2021\/05\/add-link-on-tik-tok-block.png\" alt=\"Embed TikTok Video in WordPress\" class=\"wp-image-34496\"\/><\/figure>\n\n\n\n<p>Now paste the link inside the block and click on Embed button to embed TikTok video in WordPress blog\/page.<\/p>\n\n\n\n<p>Now, click on the \u201c<strong>Publish\/Update<\/strong>\u201d button to save the change and preview your post to check out the embedded video.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"using-embed-code-to-embed-tiktok-video\"><span class=\"ez-toc-section\" id=\"Using-Embed-Code-to-Embed-TikTok-Video\"><\/span>Using Embed Code to Embed TikTok Video<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>This method can be used to embed TikTok video in WordPress widgets or on the blog post.&nbsp;<\/p>\n\n\n\n<p>To embed TikTok using embed code, go to the TikTok website and click on the video that you want to embed.<\/p>\n\n\n\n<p>Now click on the embed video button available in the share to section and copy the code.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1300\" height=\"600\" src=\"https:\/\/hashthemes.com\/wp-content\/uploads\/2021\/05\/embed-tik-tok-code.png\" alt=\"Embed TikTok Video in WordPress\" class=\"wp-image-34504\"\/><\/figure>\n\n\n\n<p>Then, go to <strong>Appearance &gt; Widgets<\/strong>.&nbsp;<\/p>\n\n\n\n<p>Now drag the text widget and drop it to the widget area where you want to embed the TikTok video.&nbsp;<\/p>\n\n\n\n<p>Then, paste the code that you have copied earlier and click on the <strong>Save<\/strong> button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"600\" src=\"https:\/\/hashthemes.com\/wp-content\/uploads\/2021\/05\/add-embed-tik-tok-code.png\" alt=\"Embed TikTok Video in WordPress\" class=\"wp-image-34495\"\/><\/figure>\n\n\n\n<p>Now, view the page where the widget is located to check whether your TikTok is embedded or not.<\/p>\n\n\n\n<p>You can also use the embed code to embed TikTok video in WordPress page\/posts as well. <\/p>\n\n\n\n<p>To embed the TikTok video, create a new page\/post or edit the existing one. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"540\" src=\"https:\/\/hashthemes.com\/wp-content\/uploads\/2021\/05\/custom-html-block.png\" alt=\"Embed TikTok Video in WordPress\" class=\"wp-image-34501\"\/><\/figure>\n\n\n\n<p>Then search for the &#8220;<strong>Custom HTML<\/strong>&#8221; block and paste the embed code that you have copied earlier.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"500\" src=\"https:\/\/hashthemes.com\/wp-content\/uploads\/2021\/05\/add-embed-code.png\" alt=\"Embed TikTok Video in WordPress\" class=\"wp-image-34494\"\/><\/figure>\n\n\n\n<p>Now, click on the \u201c<strong>Publish\/Update<\/strong>\u201d button to save the change and preview your post to check out the embedded video.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"method-4-embed-tiktok-feed-using-wordpress-plugin\"><span class=\"ez-toc-section\" id=\"Method-4-Embed-TikTok-Feed-Using-WordPress-Plugin\"><\/span>Method 4: Embed TikTok Feed Using WordPress Plugin<strong><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Previously, we learned about how to add a single TikTok video in WordPress blog and sidebar. Here, we will show you how to embed TikTok feed (multiple TikTok videos) on your WordPress website.<\/p>\n\n\n\n<p>TikTok feed can be easily embedded by using WordPress plugins available in the repository.&nbsp; You can use them to embed the feed anywhere on your WordPress website.<\/p>\n\n\n\n<p>Here, we will be using <a href=\"https:\/\/wordpress.org\/plugins\/wp-tiktok-feed\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">Quadlayers TikTok Feed<\/a> to show you how to embed TikTok feed on WordPress website.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1544\" height=\"500\" src=\"https:\/\/hashthemes.com\/wp-content\/uploads\/2021\/05\/wp-tiktok-feed.jpg\" alt=\"Embed TikTok Video in WordPress\" class=\"wp-image-34505\"\/><\/figure>\n\n\n\n<p>The first thing you need to do is install and activate <a href=\"https:\/\/wordpress.org\/plugins\/wp-tiktok-feed\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">Quadlayers TikTok Feed<\/a> on your WordPress website.&nbsp;<\/p>\n\n\n\n<p>Once the plugin is successfully activated, you can see TikTok Feed on the left menu of your WordPress dashboard.&nbsp;<\/p>\n\n\n\n<p>Click on it to continue.<\/p>\n\n\n\n<p>You will land to the Welcome page of the plugin. Go to the Feeds tab. There, the list of TikTok Feeds that you have created will be displayed.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1130\" height=\"530\" src=\"https:\/\/hashthemes.com\/wp-content\/uploads\/2021\/05\/add-tik-tok-feed.png\" alt=\"Embed TikTok Video in WordPress\" class=\"wp-image-34498\"\/><\/figure>\n\n\n\n<p>Click on <strong>+ Feed<\/strong> button to create a new TikTok Feed.&nbsp;<\/p>\n\n\n\n<p>You can add the TikTok feed from the trending type or from the hashtag from the free version of the plugin. To add the TikTok feed from the username, you need to upgrade the plugin to its <a href=\"https:\/\/1.envato.market\/4eayzo\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">premium version<\/a>.<\/p>\n\n\n\n<p>Now choose the layout that you want to display the feed in i.e. Masonry and Gallery.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"990\" height=\"548\" src=\"https:\/\/hashthemes.com\/wp-content\/uploads\/2021\/05\/tik-tok-feed-setings.png\" alt=\"Embed TikTok Video in WordPress\" class=\"wp-image-34503\"\/><\/figure>\n\n\n\n<p>Also, set the number of videos that you want to display and number of rows in where you want to display the videos.<\/p>\n\n\n\n<p>After you are done click on <strong>Save<\/strong> button to save changes.<\/p>\n\n\n\n<p>Now copy the generated shortcode and paste it to any page, post or widgets where you want to display the TikTok feed.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"300\" src=\"https:\/\/hashthemes.com\/wp-content\/uploads\/2021\/05\/add-shortcode-of-tik-tok.png\" alt=\"Embed TikTok Video in WordPress\" class=\"wp-image-34497\"\/><\/figure>\n\n\n\n<p>Now, click on the \u201c<strong>Publish\/Update<\/strong>\u201d button to save the change and preview your post to check out the embedded video.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"conclusion\">Conclusion:<\/h4>\n\n\n\n<p>This way, you can embed TikTok video in WordPress website. So, which step would you like to prefer? Do mention in the comment box below.<\/p>\n\n\n\n<p>Also, if you are looking for a similar step by step guide, check out our category: <a class=\"rank-math-link\" href=\"https:\/\/hashthemes.com\/tips-and-tutorials\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tips and Tutorial<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>TikTok has become a social phenomenon since its release back in 2016. Almost everyone is involved in TikTok either by creating and uploading videos or by watching the video as an audience. In either way, the trend is very high and does not seem to disappear soon. Therefore, embedding its video on your WordPress website [&hellip;]<\/p>\n","protected":false},"author":772,"featured_media":35458,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"categories":[9],"tags":[],"class_list":["post-34449","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tips-and-tutorials"],"_links":{"self":[{"href":"https:\/\/hashthemes.com\/wp-json\/wp\/v2\/posts\/34449","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hashthemes.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hashthemes.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hashthemes.com\/wp-json\/wp\/v2\/users\/772"}],"replies":[{"embeddable":true,"href":"https:\/\/hashthemes.com\/wp-json\/wp\/v2\/comments?post=34449"}],"version-history":[{"count":0,"href":"https:\/\/hashthemes.com\/wp-json\/wp\/v2\/posts\/34449\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hashthemes.com\/wp-json\/wp\/v2\/media\/35458"}],"wp:attachment":[{"href":"https:\/\/hashthemes.com\/wp-json\/wp\/v2\/media?parent=34449"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hashthemes.com\/wp-json\/wp\/v2\/categories?post=34449"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hashthemes.com\/wp-json\/wp\/v2\/tags?post=34449"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}