Home
Forums
NAIJAFANS TV
NAIJAFANS RADIO
New posts
Trending
Search forums
What's new
New posts
New listings
New resources
New profile posts
Latest activity
Classifieds
New listings
Resources
Latest reviews
Search resources
Members
Current visitors
New profile posts
Search profile posts
Log in
Register
What's new
Search
Search
Search titles only
By:
Menu
Log in
Register
Install the app
Install
Home
Tutorials
How to embed a TikTok video on your website
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Reply to thread
Message
<blockquote data-quote="Naijafans" data-source="post: 6290" data-attributes="member: 1"><p><h3>How to embed a TikTok video on your website with the native option?</h3><p>With this option, you will be able to embed TikTok videos one by one, and for each, you will need to copy the code and paste it on your website.</p><p></p><p>Follow the steps below, it takes less than a minute and you don’t need a plugin:</p><p></p><p><strong>Step 1: </strong>Open your TikTok app on your web browser (or go to <a href="https://www.tiktok.com/" target="_blank">https://www.tiktok.com</a>)</p><p></p><p><strong>Step</strong> <strong>2</strong>: Open the video you want to embed (or copy-paste an URL from the video)</p><p></p><p><strong>Step</strong> <strong>3</strong>: Click the ‘<strong>Get embed code</strong>’ option in the share buttons corner of the video display card</p><p></p><p><strong>Step 4:</strong> Select the ‘<strong>Copy code</strong>’ button to copy the HTML code to your clipboard</p><p></p><p><img src="https://embedsocial.com/wp-content/uploads/2020/05/tiktok-embed-directly.jpg" alt="embed TikTok video on website" class="fr-fic fr-dii fr-draggable " style="" /></p><p><strong>Step 5:</strong> On your website, open the page where you want to embed the video</p><p></p><p><strong>Note:</strong> For WordPress websites, use the HTML Gutenberg block or use the Code editor to paste the embed code.</p><p></p><p>Here is a demo of an embedded TikTok video in this blog post:</p><p></p><p></p><p>Once embedded on your web page, the video will be displayed along with attributions such as video creator, video description, and the background original sound. </p><p></p><p>It will also link back to the same video on the TikTok app.</p><p></p><p><strong>Please note: </strong>If a video is removed from the TikTok app, the video embedded on a website will no longer be available. And if you discover the UGC videos on your mobile phone, make sure your TikTok app is downloaded/updated from your respective app stores. For Android users, that would be <a href="https://play.google.com/store/apps/details?id=com.ss.android.ugc.trill&hl=en_IN" target="_blank">PlayStore</a> and <a href="https://itunes.apple.com/us/app/tiktok-real-short-videos/id835599320?mt=8" target="_blank">iTunes</a> for iPhone iOS users.</p><p></p><p>For more detailed information, check out the official<a href="https://developers.tiktok.com/doc/Embed" target="_blank"> TikTok video guide for developers</a>.</p><p></p><h2>Embed TikTok Videos with a UGC Platform</h2><p>You dont have to go through all that trouble and embed TikTok videos one by one with a default design. With the social media aggregator EmbedFeed, you can automatically generate and embed entire TikTok video feeds on your website. This custom TikTok video widget will transfer your website into a live TikTok channel.</p><p></p><p>The platform provides 2 options:</p><p></p><ol> <li data-xf-list-type="ol">Option 1: Manually insert links from TikTok videos and create widgets for TikTok feeds.</li> <li data-xf-list-type="ol">Option 2: Connect a TikTok account and automatically pull all videos from that account.</li> </ol><h3>Option 1: Embed TikTok videos manually</h3><p>EmbedSocial provides you with a great option to embed any TikTok video in stunning web widgets. This means you don’t need account access, but you must manually add the video links.</p><p></p><p>Here are the steps:</p><p></p><h4>Step 1: Select TikTok videos</h4><p>Once you select TikTok as a source, in the second step, instead of the TikTok account, choose<strong> ‘TikTok video’.</strong> Next enter TikTok video URLs.</p><p></p><p>In this step, submit all the TikTok video links you want to add to the widget.</p><p></p><p><img src="https://embedsocial.com/wp-content/uploads/2020/05/choose-tiktok-manual-video-add.jpg" alt="add tiktok videos manually" class="fr-fic fr-dii fr-draggable " style="" /></p><p>The rest of the steps to create and embed the TikTok widget are the same as described above.</p><p></p><p><strong>Note</strong>: You can add custom CTA buttons that may lead to your TikTok video URL, eCommerce site, or wherever you want to land your visitors.</p><p></p><h3>Option 2: Embed TikTok videos automatically</h3><p>Follow these steps to create a TikTok video widget and embed it on your website.</p><p></p><p>First, you need to <a href="https://embedsocial.com/admin/continue_plugin_purchase/socialfeed29/trial" target="_blank">create an EmbedFeed account</a>, where you will need to set up your TikTok source.</p><p></p><h4>Step 1: Go to<strong> ‘Sources</strong> ‘and choose <strong>TikTok</strong></h4><p><img src="https://embedsocial.com/wp-content/uploads/2020/05/choose-tiktok-source-to-embed-widget.jpg" alt="Choose TikTok as a source" class="fr-fic fr-dii fr-draggable " style="" /></p><h4>Step 2: Choose to connect TikTok account</h4><p>From the 2 provided options, choose a TikTok account so you can connect and automatically pull your account’s videos. Click ‘Connect with TikTok.’</p><p></p><p>Step 3: Provide permissions to the EmbedFeed TikTok app</p><p>Once you select TikTok, a popup will appear where you will need to click ‘<strong>Authorize</strong>‘ to allow the app to sync with your TikTok account. </p><p></p><p>Step 4: Choose the TikTok account</p><p>Click the dropdown and select your account to generate TikTok videos. Once you are done, click <strong>Next</strong>.</p><p></p><p>(if you have more than one, you can repeat the steps and add them also as sources.)</p><p></p><h4>Step 5: Choose TikTok widget template</h4><p>Choose from the different layouts and templates (grid, wall, popup, carousel). Click <strong>‘Create feed’.</strong></p><p></p><p><img src="https://embedsocial.com/wp-content/uploads/2021/11/choose-social-media-feed-layout.jpg" alt="TikTok feed layout" class="fr-fic fr-dii fr-draggable " style="" /></p><h4><strong>Step 5: Customize or moderate the TikTok widget </strong></h4><p>Once you select the template, your widget will be created, and you will be redirected to the main Editor. Here you can customize the settings or the entire look with custom CSS so your TikTok video feed matches your website and branding.</p><p></p><p>You can also use the Moderation tab and handpick which videos appear publicly in your widget. </p><p></p><h4><strong>Step 6: Copy/paste the provided code </strong></h4><p>And finally, copy the top-left code and paste it into the area of your website where you want the TikTok widget to appear. </p><p></p><p><img src="https://embedsocial.com/wp-content/uploads/2020/05/embed-code-tiktok-widget.jpg" alt="TikTok widget code" class="fr-fic fr-dii fr-draggable " style="" /></p><h3>How to add TikTok feed to WordPress website</h3><p>Note: If you use WordPress, you don’t need to install any WordPress plugins. Just go to your page or post and insert an <strong>HTML block</strong> to paste the provided code. </p><p></p><p><strong>Step 1: </strong>Go to the post editor, click the plus icon, and then click the<strong> Custom HTML </strong>block:</p><p></p><p><img src="https://embedsocial.com/wp-content/uploads/2021/06/html-block-wordpress.png" alt="insert HTML block in WordPress post" class="fr-fic fr-dii fr-draggable " style="" /></p><p><strong>Step 2: </strong>Paste the code you got from EmbedFeed and click on ‘<strong>Preview</strong>’ to see if the TikTok feed is correctly displayed</p><p></p><p><img src="https://embedsocial.com/wp-content/uploads/2020/05/cms-embed-tiktok.jpg" alt="tiktok in wordpress tutorial" class="fr-fic fr-dii fr-draggable " style="" /></p><p><strong>Step 3:</strong> Click ‘<strong>Update</strong>’ or ‘<strong>Publish</strong>’ (if it’s a new post)</p><p></p><p>That’s it. Your TikTok video feed will appear on your website immediately.</p></blockquote><p></p>
[QUOTE="Naijafans, post: 6290, member: 1"] [HEADING=2]How to embed a TikTok video on your website with the native option?[/HEADING] With this option, you will be able to embed TikTok videos one by one, and for each, you will need to copy the code and paste it on your website. Follow the steps below, it takes less than a minute and you don’t need a plugin: [B]Step 1: [/B]Open your TikTok app on your web browser (or go to [URL='https://www.tiktok.com/']https://www.tiktok.com[/URL]) [B]Step[/B] [B]2[/B]: Open the video you want to embed (or copy-paste an URL from the video) [B]Step[/B] [B]3[/B]: Click the ‘[B]Get embed code[/B]’ option in the share buttons corner of the video display card [B]Step 4:[/B] Select the ‘[B]Copy code[/B]’ button to copy the HTML code to your clipboard [IMG alt="embed TikTok video on website"]https://embedsocial.com/wp-content/uploads/2020/05/tiktok-embed-directly.jpg[/IMG] [B]Step 5:[/B] On your website, open the page where you want to embed the video [B]Note:[/B] For WordPress websites, use the HTML Gutenberg block or use the Code editor to paste the embed code. Here is a demo of an embedded TikTok video in this blog post: Once embedded on your web page, the video will be displayed along with attributions such as video creator, video description, and the background original sound. It will also link back to the same video on the TikTok app. [B]Please note: [/B]If a video is removed from the TikTok app, the video embedded on a website will no longer be available. And if you discover the UGC videos on your mobile phone, make sure your TikTok app is downloaded/updated from your respective app stores. For Android users, that would be [URL='https://play.google.com/store/apps/details?id=com.ss.android.ugc.trill&hl=en_IN']PlayStore[/URL] and [URL='https://itunes.apple.com/us/app/tiktok-real-short-videos/id835599320?mt=8']iTunes[/URL] for iPhone iOS users. For more detailed information, check out the official[URL='https://developers.tiktok.com/doc/Embed'] TikTok video guide for developers[/URL]. [HEADING=1]Embed TikTok Videos with a UGC Platform[/HEADING] You dont have to go through all that trouble and embed TikTok videos one by one with a default design. With the social media aggregator EmbedFeed, you can automatically generate and embed entire TikTok video feeds on your website. This custom TikTok video widget will transfer your website into a live TikTok channel. The platform provides 2 options: [LIST=1] [*]Option 1: Manually insert links from TikTok videos and create widgets for TikTok feeds. [*]Option 2: Connect a TikTok account and automatically pull all videos from that account. [/LIST] [HEADING=2]Option 1: Embed TikTok videos manually[/HEADING] EmbedSocial provides you with a great option to embed any TikTok video in stunning web widgets. This means you don’t need account access, but you must manually add the video links. Here are the steps: [HEADING=3]Step 1: Select TikTok videos[/HEADING] Once you select TikTok as a source, in the second step, instead of the TikTok account, choose[B] ‘TikTok video’.[/B] Next enter TikTok video URLs. In this step, submit all the TikTok video links you want to add to the widget. [IMG alt="add tiktok videos manually"]https://embedsocial.com/wp-content/uploads/2020/05/choose-tiktok-manual-video-add.jpg[/IMG] The rest of the steps to create and embed the TikTok widget are the same as described above. [B]Note[/B]: You can add custom CTA buttons that may lead to your TikTok video URL, eCommerce site, or wherever you want to land your visitors. [HEADING=2]Option 2: Embed TikTok videos automatically[/HEADING] Follow these steps to create a TikTok video widget and embed it on your website. First, you need to [URL='https://embedsocial.com/admin/continue_plugin_purchase/socialfeed29/trial']create an EmbedFeed account[/URL], where you will need to set up your TikTok source. [HEADING=3]Step 1: Go to[B] ‘Sources[/B] ‘and choose [B]TikTok[/B][/HEADING] [IMG alt="Choose TikTok as a source"]https://embedsocial.com/wp-content/uploads/2020/05/choose-tiktok-source-to-embed-widget.jpg[/IMG] [HEADING=3]Step 2: Choose to connect TikTok account[/HEADING] From the 2 provided options, choose a TikTok account so you can connect and automatically pull your account’s videos. Click ‘Connect with TikTok.’ Step 3: Provide permissions to the EmbedFeed TikTok app Once you select TikTok, a popup will appear where you will need to click ‘[B]Authorize[/B]‘ to allow the app to sync with your TikTok account. Step 4: Choose the TikTok account Click the dropdown and select your account to generate TikTok videos. Once you are done, click [B]Next[/B]. (if you have more than one, you can repeat the steps and add them also as sources.) [HEADING=3]Step 5: Choose TikTok widget template[/HEADING] Choose from the different layouts and templates (grid, wall, popup, carousel). Click [B]‘Create feed’.[/B] [IMG alt="TikTok feed layout"]https://embedsocial.com/wp-content/uploads/2021/11/choose-social-media-feed-layout.jpg[/IMG] [HEADING=3][B]Step 5: Customize or moderate the TikTok widget [/B][/HEADING] Once you select the template, your widget will be created, and you will be redirected to the main Editor. Here you can customize the settings or the entire look with custom CSS so your TikTok video feed matches your website and branding. You can also use the Moderation tab and handpick which videos appear publicly in your widget. [HEADING=3][B]Step 6: Copy/paste the provided code [/B][/HEADING] And finally, copy the top-left code and paste it into the area of your website where you want the TikTok widget to appear. [IMG alt="TikTok widget code"]https://embedsocial.com/wp-content/uploads/2020/05/embed-code-tiktok-widget.jpg[/IMG] [HEADING=2]How to add TikTok feed to WordPress website[/HEADING] Note: If you use WordPress, you don’t need to install any WordPress plugins. Just go to your page or post and insert an [B]HTML block[/B] to paste the provided code. [B]Step 1: [/B]Go to the post editor, click the plus icon, and then click the[B] Custom HTML [/B]block: [IMG alt="insert HTML block in WordPress post"]https://embedsocial.com/wp-content/uploads/2021/06/html-block-wordpress.png[/IMG] [B]Step 2: [/B]Paste the code you got from EmbedFeed and click on ‘[B]Preview[/B]’ to see if the TikTok feed is correctly displayed [IMG alt="tiktok in wordpress tutorial"]https://embedsocial.com/wp-content/uploads/2020/05/cms-embed-tiktok.jpg[/IMG] [B]Step 3:[/B] Click ‘[B]Update[/B]’ or ‘[B]Publish[/B]’ (if it’s a new post) That’s it. Your TikTok video feed will appear on your website immediately. [/QUOTE]
Insert quotes…
Verification
Post reply
Richest Naijafans User
Most NaijaCash
Naijafans
11,207 NaijaCash
Streetot
5,551 NaijaCash
N
NL SOFT
2,595 NaijaCash
maventechie
589 NaijaCash
SACHSTOSHI
578 NaijaCash
Naijablog
397 NaijaCash
Klaus
390 NaijaCash
Naijababe
272 NaijaCash
bestosteopathy1
205 NaijaCash
I
Irinaabada
130 NaijaCash
Home
Tutorials
How to embed a TikTok video on your website
This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
By continuing to use this site, you are consenting to our use of cookies.
Accept
Learn more…