{"id":13966,"date":"2020-10-10T15:00:12","date_gmt":"2020-10-10T13:00:12","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=13966"},"modified":"2020-10-08T16:08:59","modified_gmt":"2020-10-08T14:08:59","slug":"embed-tiktok-video-in-wordpress","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/embed-tiktok-video-in-wordpress\/","title":{"rendered":"How to Embed TikTok Videos in WordPress"},"content":{"rendered":"

[vc_row][vc_column][vc_column_text]TikTok is the newest social media app used for creating and sharing short-form videos that has quickly taken the online world by storm<\/strong>. Though it has mostly gained appeal among millennials and those classified as the generation Z, more and more brands are recognizing the tremendous marketing potential of this rapidly-growing platform. They\u2019re starting to run their own channels, upload brand-related videos and make campaigns on the platform through branded hashtag challenges. And as of recently, the platform allows good old advertising as well.[\/vc_column_text][vc_empty_space height=”50px”]

\n
\n \"TikTok <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]If you\u2019re among those using the power of TikTok for your social media marketing purposes, you might also want to consider adding its videos to your WordPress website. Just like embedding a YouTube video in WordPress<\/a>, you can easily embed TikTok videos on this popular CMS platform as well<\/strong>. If you want, you can even display the latest TikTok video feed automatically<\/strong>. The latter will require the assistance of a plugin, while the former can be done without it.[\/vc_column_text][vc_empty_space height=”68px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

Embedding TikTok Videos in WordPress Without a Plugin<\/h2>\n

[\/vc_column_text][vc_column_text]The easiest way to embed a TikTok video to your WordPress site is to copy the video URL from your browser<\/strong>. Simply visit the TikTok video in question and copy the URL.[\/vc_column_text][vc_empty_space height=”50px”]

\n
\n \"TikTok <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Then, head to the edit screen of your WordPress page or post and paste the video URL wherever you want within the editor<\/strong>.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"TikTok <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Once you do this, WordPress will automatically show you a preview of the video in the editor itself. [\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"TikTok <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Hit the Publish\/Update<\/em> button or save your page\/post as a draft. Then, head to the page\/post in question to see the way your TikTok video looks like live.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"TikTok <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Another way to embed a TikTok video on your page or post is to use a TikTok block<\/strong>. To do this, click on the (+) icon in the editing screen<\/strong> to access the block list and then type in TikTok in the search field<\/strong>.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"TikTok <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Then, you need to insert the TikTok block in your post editor, paste the video URL, and hit the Embed<\/em> button. Once again, WordPress will display the video preview in your editor automatically.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"TikTok <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]If you want, you can also insert TikTok videos into your WordPress sidebar. Head to Appearance >> Widgets<\/em> and find a Text<\/em> widget<\/strong>.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Text <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Next, add it to your sidebar area by either dragging it or by selecting the desired widget area and clicking the Add Widget<\/em> button.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Add <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]From then on, you should paste the URL of the video into the text area. The video preview will automatically be displayed in the widget text area as well.
\n[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Add <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Finally, hit the Save<\/em> button, and you\u2019re all set.[\/vc_column_text][vc_empty_space height=”80px”][vc_widget_sidebar sidebar_id=”new-top-picks-banner”][vc_empty_space height=”81px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

Embedding Your Latest TikTok Video Feed With a Plugin<\/h2>\n

[\/vc_column_text][vc_column_text]While WordPress does let you embed TikTok videos with ease, you still need to use a plugin to display the latest TikTok video feed on your website. We\u2019ll show you how to do it using a user-friendly TikTok plugin called QuadLayers TikTok Feed<\/a>.[\/vc_column_text][vc_empty_space height=”50px”]

\n
\n \"QuadLayers <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]After installing a plugin<\/a> and activating it, you should head to TikTok Feed >> Feeds<\/em> tab<\/strong>. Then, select the +Feed<\/em> button.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"TikTok <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]A popup will appear, allowing you to make a TikTok video feed. You can choose to display videos either through a hashtag or your TikTok username<\/strong>. Another thing you can pick is whether you wish to display videos in Masonry or Gallery style<\/strong>. Masonry will allow you to display videos in portrait mode, while Gallery will display them as square thumbnails.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"TikTok <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Additionally, you can set the number of videos you want to display, as well as the number of videos you\u2019d like to have displayed in one row<\/strong>.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"TikTok <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]The Video tab allows you to enable or disable displaying of video controls, prevent video autoplay upon clicking, add more space between the videos, and so on.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"TikTok <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]In the Popup<\/em> tab, you will find the option to enable or disable a popup gallery when a video is clicked (we recommend enabling it as it displays a video on the same page instead of opening a link outside your website). Also, you will get to choose whether you want to display user profile or tag info, video popup text, likes, and comments.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"TikTok <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Last but not least, in the Button<\/em> tab, you will be able to choose whether you want to display the button that leads you to view the TikTok videos on the TikTok site itself. In addition, you can set the TikTok button text (the default button text says \u201cView on TikTok\u201d), as well as button and hover background.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"TikTok <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]After you\u2019re done with configuring all the settings, make sure to hit the Save<\/em> button.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]A new feed with a shortcode will appear. You can go ahead and copy it.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"TikTok <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Choose a page or post you wish to add the shortcode to and paste it within the editor by clicking the (+) icon and finding the shortcode widget.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Block <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Once you choose the widget, you can paste your shortcode there and publish or save the page\/post in question.
\n[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Block <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]You can go ahead and preview your page\/post to see what your TikTok feed will look like.
\n[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"TikTok <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Finally, you can also embed the same shortcode into your sidebar area. Go to Appearance >> Widgets<\/em>, find the Text<\/em> widget, and add it to your sidebar.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]Then, paste the TikTok feed shortcode into the widget. Hit the Save<\/em> button, and that\u2019s it \u2013 your TikTok feed widget is ready to go.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Text <\/div>\n<\/div>[vc_empty_space height=”68px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

Conclusion<\/h2>\n

[\/vc_column_text][vc_column_text]TikTok has quickly become one of the most influential video-sharing social networking services today. Its popularity keeps spreading like wildfire, attracting content creators and brands alike. If you want to get in on all the craze and start using TikTok’s marketing potential yourself, we highly recommend adding TikTok videos relevant to your business, brand or niche to your WordPress website<\/strong>. Once you get to doing it, you will quickly learn that embedding TikTok videos into your pages, posts, and widget areas is as simple as it gets \u2013 especially if you end up using this step-by-step guide.[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"

Want to learn how to embed TikTok videos in WordPress? Follow our guide and start using the tremendous marketing potential of this rapidly growing platform.<\/p>\n","protected":false},"author":2,"featured_media":14010,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[27,15,26,4,13],"class_list":["post-13966","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-content","tag-plugins","tag-social","tag-tips","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/13966","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=13966"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/13966\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/14010"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=13966"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=13966"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=13966"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}