{"id":252818,"date":"2020-06-04T13:40:34","date_gmt":"2020-06-04T13:40:34","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=252818"},"modified":"2020-12-16T09:28:11","modified_gmt":"2020-12-16T09:28:11","slug":"magento2-tiktok-feed-widget","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/magento2-tiktok-feed-widget\/","title":{"rendered":"TikTok Feed Widget for Magento 2"},"content":{"rendered":"\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Introduction<\/h3><\/div>\n\n\n\n<p><strong>Magento 2 TikTok Feeds<\/strong> extension allows the store owner to show the feeds from the TikTok channel. Customers can view the videos from the TikTok without leaving the store. The store owner can add any number of TikTok feeds in a widget. This feature will make your e-commerce store more attractive and eye-catching. Thus helps to increase customer engagement to your online store.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Watch the video to understand the plugin workflow:-<\/h3>\n\n\n\n<div class=\"wp-block-wk-block-youtube-video wk-block--yt-video\"><div class=\"wk-block--yt-video-frame\"><div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"aLXPkqTXiW0\"><\/div><\/div><\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Features<\/h3><\/div>\n\n\n\n<ul class=\"wp-block-list\"><li>The admin can create a widget to display Tiktok videos.<\/li><li>Set the number of TikTok feeds as a slider to display in the widget.<\/li><li>Select the store view for TikTok <a href=\"https:\/\/webkul.com\/blog\/youtube-channel-feed-for-magento-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">Video Feeds<\/a>.<\/li><li>The admin can specify on which page will widget be rendered at.<\/li><li>The admin can embed the TikTok widget based on product type and categories.<\/li><li>A customer can view the TikTok feeds on the store itself.<\/li><\/ul>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Installation &#8211; Magento 2 TikTok Feeds<\/h3><\/div>\n\n\n\n<p>To install this extension, please follow each and every step carefully as follows:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1:<\/h3>\n\n\n\n<p>After extracting the downloaded zip file and you will get the <strong>src<\/strong> folder. Inside <strong>src<\/strong> folder, you will find the <strong>app<\/strong> folder, copy the <strong>app<\/strong> folder to the Magento2 root directory. Please view the below screenshot.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"487\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Installation-of-TikTok-Feed-1200x487.png\" alt=\"Installation-of-TikTok-Feed\" class=\"wp-image-252934\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Installation-of-TikTok-Feed-1200x487.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Installation-of-TikTok-Feed-300x122.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Installation-of-TikTok-Feed-250x101.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Installation-of-TikTok-Feed-768x312.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Installation-of-TikTok-Feed.png 1296w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2:<\/h3>\n\n\n\n<p>After the successful installation, you have to run these commands in the&nbsp;Magento2 root directory.<\/p>\n\n\n\n<p><strong>First command- php bin\/magento setup:upgrade<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"578\" height=\"109\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/cmd1-1.png\" alt=\"cmd1-1\" class=\"wp-image-253151\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/cmd1-1.png 578w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/cmd1-1-300x57.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/cmd1-1-250x47.png 250w\" sizes=\"(max-width: 578px) 100vw, 578px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Second Command &#8211; php bin\/magento setup:di:compile<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"635\" height=\"128\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/cmd2-1.png\" alt=\"cmd2-1\" class=\"wp-image-253153\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/cmd2-1.png 635w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/cmd2-1-300x60.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/cmd2-1-250x50.png 250w\" sizes=\"(max-width: 635px) 100vw, 635px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Third Command &#8211; php bin\/magento setup:static-content:deploy<\/strong><br><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/command3-deploy-1.png\"><\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"620\" height=\"122\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/cmd3-1.png\" alt=\"cmd3-1\" class=\"wp-image-253154\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/cmd3-1.png 620w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/cmd3-1-300x59.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/cmd3-1-250x49.png 250w\" sizes=\"(max-width: 620px) 100vw, 620px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After running the commands, you need to flush the cache and reindex all from the Magento2 admin panel. Navigate through <strong>System&gt;Cache Management<\/strong>. Click <strong>Flush Magento Cache<\/strong> button as shown below:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-28_12-09-25.png\" alt=\"YouTube Channel Feed- Magento2 Cache Management\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Multi-Lingual Configuration<\/h3><\/div>\n\n\n\n<p>For Multilingual support, please navigate to&nbsp;<strong>Store&gt;Configuration&gt;General &gt;Locale Options<\/strong>. And select your desired language from the&nbsp;<strong>Locale&nbsp;<\/strong>option.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"572\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Multi-Lingual_Configuration-1200x572.png\" alt=\"Pickup In Store - Multi-Lingual_Configuration\" class=\"wp-image-253500\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Multi-Lingual_Configuration-1200x572.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Multi-Lingual_Configuration-300x143.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Multi-Lingual_Configuration-250x119.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Multi-Lingual_Configuration-768x366.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Multi-Lingual_Configuration.png 1334w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Language Translation<\/h3><\/div>\n\n\n\n<p>If you need to do the module translation, please navigate to the following path in your system&nbsp;<strong>app\/code\/Webkul\/<strong>TiktokFeeds<\/strong>\/i18n<\/strong>. Open the file named&nbsp;<strong>en_US.CSV&nbsp;<\/strong>for editing as shown in the below screenshot.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"380\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/save-1-1200x380.png\" alt=\"Pickup In Store - open_edit_csv\" class=\"wp-image-253495\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/save-1-1200x380.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/save-1-300x95.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/save-1-250x79.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/save-1-768x243.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/save-1.png 1263w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Once you have opened the file for editing. Replace the words after the<strong>\u2020comma(,)<\/strong>\u2020on the right with your translated words.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1116\" height=\"426\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/translation.png\" alt=\"translation\" class=\"wp-image-256102\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/translation.png 1116w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/translation-300x115.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/translation-250x95.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/translation-768x293.png 768w\" sizes=\"(max-width: 1116px) 100vw, 1116px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Post-editing and translating the CSV file, you need to save the translated file name according to your region language and country code such as \u2013<strong>&nbsp;de_DE.CSV<\/strong>. Then upload the translated file to the same folder from where you have obtained it. Now your module translation is complete.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"381\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/copy-1200x381.png\" alt=\"Pickup In Store - copy_edited_csv\" class=\"wp-image-253497\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/copy-1200x381.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/copy-300x95.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/copy-250x79.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/copy-768x244.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/copy.png 1258w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">TikTok URL Configuration<\/h3><\/div>\n\n\n\n<p>After the module installation, the admin needs to navigate <strong>Tiktok URL&#8217;s &gt; Tiktok <strong>URL&#8217;s<\/strong>.  <\/strong>The following TikTok feed page options will be available:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"597\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Create-TikTok-feeds-1200x597.png\" alt=\"Create-TikTok-feeds\" class=\"wp-image-256558\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Create-TikTok-feeds-1200x597.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Create-TikTok-feeds-300x149.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Create-TikTok-feeds-250x124.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Create-TikTok-feeds-768x382.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Create-TikTok-feeds.png 1287w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Enter URL<\/strong>: The admin needs to enter the TikTok URLs in this section which they want to display in a widget. Here, the admin can enter the multiple TikTok URLs then click on the save button to save the new Tiktok feed.<\/p>\n\n\n\n<p>Once the TikTok URL&#8217;s added this will display at the bottom of the configuration page in a list. The admin can delete any specific URL by using the checkbox.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"602\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Delete-TikTok-Feed-1200x602.png\" alt=\"Delete-TikTok-Feed\" class=\"wp-image-256559\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Delete-TikTok-Feed-1200x602.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Delete-TikTok-Feed-300x151.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Delete-TikTok-Feed-250x125.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Delete-TikTok-Feed-768x386.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Delete-TikTok-Feed.png 1277w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Widget Configuration<\/h3><\/div>\n\n\n\n<p>Now, the admin can navigate to <strong>Content&gt;Widgets<\/strong>&nbsp;and click to add widget button to add a new widget.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"612\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Add-new-widget-1-1200x612.png\" alt=\"Add-new-widget-1\" class=\"wp-image-252947\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Add-new-widget-1-1200x612.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Add-new-widget-1-300x153.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Add-new-widget-1-250x128.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Add-new-widget-1-768x392.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Add-new-widget-1.png 1280w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now, a widget setting page will appear. Select <strong>widget type<\/strong> as<strong> TikTok Feed Widget<\/strong> then Select design theme and click on the continue button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"377\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/widget-type-1-1200x377.png\" alt=\"widget-type-1\" class=\"wp-image-252948\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/widget-type-1-1200x377.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/widget-type-1-300x94.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/widget-type-1-250x78.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/widget-type-1-768x241.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/widget-type-1.png 1217w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">StoreFront Properties<\/h3>\n\n\n\n<p>Tapping on the continue button will bring you to storefront properties settings. Here the admin needs to fill below-required details for the TikTok feed:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"781\" height=\"938\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Store_front_properties.png\" alt=\"Store_front_properties\" class=\"wp-image-256533\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Store_front_properties.png 781w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Store_front_properties-250x300.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Store_front_properties-207x249.png 207w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Store_front_properties-768x922.png 768w\" sizes=\"(max-width: 781px) 100vw, 781px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Type and Design Theme<\/strong>: Both widget type and design theme option will show as inactive because these settings have been already configured in the previous step. <\/p>\n\n\n\n<p><strong>Widget Title<\/strong>: The admin needs to enter the widget title here.<\/p>\n\n\n\n<p><strong>Assign to store views<\/strong>: The admin needs to select store view from the list for this widget configuration.<\/p>\n\n\n\n<p><strong>Sort Order<\/strong>: Enter the sort order number for the widget instance.<\/p>\n\n\n\n<p><strong>Layout Updates<\/strong>: First admin needs to click on add layout button then following options will appear:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Display on<\/strong>: The admin can specify on which product type\/category\/page he wants to render the widgets. <\/li><li><strong>Container<\/strong>: Once the specified page is selected, a container box will display. Here the admin needs to select the container in which location will widget be rendered at.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Widget Options<\/h3>\n\n\n\n<p>On the next tab, the admin will get the Widget Option field. Here the admin will see all the TikTok URLs configured before.  The admin can select desired video URL&#8217;s from here to be displayed on the storefront. The admin can add multiple TikTok feeds in a widget. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1197\" height=\"577\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/widget-options-1.png\" alt=\"widget-options-1\" class=\"wp-image-256534\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/widget-options-1.png 1197w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/widget-options-1-300x145.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/widget-options-1-250x121.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/widget-options-1-768x370.png 768w\" sizes=\"(max-width: 1197px) 100vw, 1197px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">User Front-End View<\/h3><\/div>\n\n\n\n<p>On the front-end, this is how the TikTok Feed widget will appear. The users will be viewing the Tiktok videos from the store itself and slide more videos by using sliders.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1023\" height=\"668\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/product-page-tiktok-video.png\" alt=\"product-page-tiktok-video\" class=\"wp-image-256545\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/product-page-tiktok-video.png 1023w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/product-page-tiktok-video-300x196.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/product-page-tiktok-video-250x163.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/product-page-tiktok-video-768x501.png 768w\" sizes=\"(max-width: 1023px) 100vw, 1023px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>A video will zoom out, once the customer clicks on any particular video as shown below in the image. Now the customer can click on Play button to watch the video and use the arrow button to view the next or previous video.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1036\" height=\"577\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Zoom-out.png\" alt=\"Zoom-out\" class=\"wp-image-256539\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Zoom-out.png 1036w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Zoom-out-300x167.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Zoom-out-250x139.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Zoom-out-768x428.png 768w\" sizes=\"(max-width: 1036px) 100vw, 1036px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now, there is no need to visit the TikTok website anymore, because your customers can directly watch the TikTok videos on your Magento website. <\/p>\n\n\n\n<p>TikTok video player is now embedded in the widget, will be showing to customers on the store page.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Support<\/h3><\/div>\n\n\n\n<p>Thank you for viewing this blog. If you have any query or need more information, please visit <a rel=\"noreferrer noopener\" href=\"https:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket\/\" target=\"_blank\"><strong>HelpDesk System<\/strong><\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Magento 2 TikTok Feeds extension allows the store owner to show the feeds from the TikTok channel. Customers can view the videos from the TikTok without leaving the store. The store owner can add any number of TikTok feeds in a widget. This feature will make your e-commerce store more attractive and eye-catching. Thus helps <a href=\"https:\/\/webkul.com\/blog\/magento2-tiktok-feed-widget\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":220,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9121],"tags":[384,2460,1753,4829],"class_list":["post-252818","post","type-post","status-publish","format-standard","hentry","category-magento-2","tag-feeds","tag-magento-2","tag-video","tag-widget"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Magento 2 TikTok Feed Widget | TikTok Video feeds<\/title>\n<meta name=\"description\" content=\"Magento 2 Tiktok Feeds extension allows admin to add tiktok widget and show tiktok videos within your Magento 2 store.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/magento2-tiktok-feed-widget\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Magento 2 TikTok Feed Widget | TikTok Video feeds\" \/>\n<meta property=\"og:description\" content=\"Magento 2 Tiktok Feeds extension allows admin to add tiktok widget and show tiktok videos within your Magento 2 store.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/magento2-tiktok-feed-widget\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-06-04T13:40:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-12-16T09:28:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Installation-of-TikTok-Feed-1200x487.png\" \/>\n<meta name=\"author\" content=\"Himani Gupta\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Himani Gupta\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-tiktok-feed-widget\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-tiktok-feed-widget\/\"},\"author\":{\"name\":\"Himani Gupta\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/441edc423a05337496255b054767737d\"},\"headline\":\"TikTok Feed Widget for Magento 2\",\"datePublished\":\"2020-06-04T13:40:34+00:00\",\"dateModified\":\"2020-12-16T09:28:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-tiktok-feed-widget\/\"},\"wordCount\":903,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-tiktok-feed-widget\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Installation-of-TikTok-Feed-1200x487.png\",\"keywords\":[\"feeds\",\"Magento 2\",\"video\",\"widget\"],\"articleSection\":[\"Magento 2\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/magento2-tiktok-feed-widget\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-tiktok-feed-widget\/\",\"url\":\"https:\/\/webkul.com\/blog\/magento2-tiktok-feed-widget\/\",\"name\":\"Magento 2 TikTok Feed Widget | TikTok Video feeds\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-tiktok-feed-widget\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-tiktok-feed-widget\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Installation-of-TikTok-Feed-1200x487.png\",\"datePublished\":\"2020-06-04T13:40:34+00:00\",\"dateModified\":\"2020-12-16T09:28:11+00:00\",\"description\":\"Magento 2 Tiktok Feeds extension allows admin to add tiktok widget and show tiktok videos within your Magento 2 store.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-tiktok-feed-widget\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/magento2-tiktok-feed-widget\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-tiktok-feed-widget\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Installation-of-TikTok-Feed.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Installation-of-TikTok-Feed.png\",\"width\":1296,\"height\":526,\"caption\":\"Installation-of-TikTok-Feed\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-tiktok-feed-widget\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"TikTok Feed Widget for Magento 2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/441edc423a05337496255b054767737d\",\"name\":\"Himani Gupta\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7a497691f984462e1f2b2b4805fecd43cd5ab01cf418c77d2c18edb8bbd86a29?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7a497691f984462e1f2b2b4805fecd43cd5ab01cf418c77d2c18edb8bbd86a29?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"caption\":\"Himani Gupta\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/himanigupta-bd167\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Magento 2 TikTok Feed Widget | TikTok Video feeds","description":"Magento 2 Tiktok Feeds extension allows admin to add tiktok widget and show tiktok videos within your Magento 2 store.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/magento2-tiktok-feed-widget\/","og_locale":"en_US","og_type":"article","og_title":"Magento 2 TikTok Feed Widget | TikTok Video feeds","og_description":"Magento 2 Tiktok Feeds extension allows admin to add tiktok widget and show tiktok videos within your Magento 2 store.","og_url":"https:\/\/webkul.com\/blog\/magento2-tiktok-feed-widget\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2020-06-04T13:40:34+00:00","article_modified_time":"2020-12-16T09:28:11+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Installation-of-TikTok-Feed-1200x487.png","type":"","width":"","height":""}],"author":"Himani Gupta","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Himani Gupta","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/magento2-tiktok-feed-widget\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/magento2-tiktok-feed-widget\/"},"author":{"name":"Himani Gupta","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/441edc423a05337496255b054767737d"},"headline":"TikTok Feed Widget for Magento 2","datePublished":"2020-06-04T13:40:34+00:00","dateModified":"2020-12-16T09:28:11+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/magento2-tiktok-feed-widget\/"},"wordCount":903,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/magento2-tiktok-feed-widget\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Installation-of-TikTok-Feed-1200x487.png","keywords":["feeds","Magento 2","video","widget"],"articleSection":["Magento 2"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/magento2-tiktok-feed-widget\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/magento2-tiktok-feed-widget\/","url":"https:\/\/webkul.com\/blog\/magento2-tiktok-feed-widget\/","name":"Magento 2 TikTok Feed Widget | TikTok Video feeds","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/magento2-tiktok-feed-widget\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/magento2-tiktok-feed-widget\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Installation-of-TikTok-Feed-1200x487.png","datePublished":"2020-06-04T13:40:34+00:00","dateModified":"2020-12-16T09:28:11+00:00","description":"Magento 2 Tiktok Feeds extension allows admin to add tiktok widget and show tiktok videos within your Magento 2 store.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/magento2-tiktok-feed-widget\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/magento2-tiktok-feed-widget\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/magento2-tiktok-feed-widget\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Installation-of-TikTok-Feed.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/Installation-of-TikTok-Feed.png","width":1296,"height":526,"caption":"Installation-of-TikTok-Feed"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/magento2-tiktok-feed-widget\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"TikTok Feed Widget for Magento 2"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/441edc423a05337496255b054767737d","name":"Himani Gupta","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7a497691f984462e1f2b2b4805fecd43cd5ab01cf418c77d2c18edb8bbd86a29?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7a497691f984462e1f2b2b4805fecd43cd5ab01cf418c77d2c18edb8bbd86a29?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","caption":"Himani Gupta"},"url":"https:\/\/webkul.com\/blog\/author\/himanigupta-bd167\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/252818","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/220"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=252818"}],"version-history":[{"count":32,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/252818\/revisions"}],"predecessor-version":[{"id":274751,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/252818\/revisions\/274751"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=252818"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=252818"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=252818"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}