{"id":8660,"date":"2021-04-30T06:13:50","date_gmt":"2021-04-30T06:13:50","guid":{"rendered":"https:\/\/taggbox.com\/support\/?p=8660"},"modified":"2021-05-15T06:08:20","modified_gmt":"2021-05-15T06:08:20","slug":"how-to-embed-widget-on-shopify-website","status":"publish","type":"post","link":"https:\/\/taggbox.com\/support\/how-to-embed-widget-on-shopify-website\/","title":{"rendered":"How To Embed Widget On Shopify Website"},"content":{"rendered":"\n<p>After <a href=\"https:\/\/taggbox.com\/support\/how-to-add-feeds-to-taggbox-widget\/\">aggregating social feeds<\/a> from your desired social media platform, follow the following steps to embed widget on Shopify website.<\/p>\n\n\n\n<p>Click on the Publish button at the bottom-left of the Taggbox Widget editor.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1300\" height=\"696\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/Pinterest-Publish-4.png\" alt=\"\" class=\"wp-image-8661\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/Pinterest-Publish-4.png 1300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/Pinterest-Publish-4-300x161.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/Pinterest-Publish-4-1024x548.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/Pinterest-Publish-4-768x411.png 768w\" sizes=\"(max-width: 1300px) 100vw, 1300px\" \/><\/figure><\/div>\n\n\n\n<p>A new window will open with following options. Now follow the following steps:<\/p>\n\n\n\n<p><strong>Step 1 <\/strong>&#8211; Choose your website platform as Shopify. Then set the width and height of the widget as per your requirement.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1102\" height=\"646\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/Embed-Shopify-Default.png\" alt=\"\" class=\"wp-image-8662\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/Embed-Shopify-Default.png 1102w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/Embed-Shopify-Default-300x176.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/Embed-Shopify-Default-1024x600.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/Embed-Shopify-Default-768x450.png 768w\" sizes=\"(max-width: 1102px) 100vw, 1102px\" \/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>For Default Page<\/strong><\/h2>\n\n\n\n<p><strong>Step 2<\/strong> &#8211; Now, Copy the embed code displaying on the screen.<\/p>\n\n\n\n<p><strong>Step 3<\/strong> &#8211; Then Login as admin on your Shopify website and go to <strong>Online Store<\/strong> and select <strong>Themes<\/strong> <strong>Menu<\/strong> in left sidebar<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/taggbox.com\/blog\/wp-content\/uploads\/2020\/03\/Screenshot-2020-03-18-at-12.12.58-PM-1024x584.png\" alt=\"how to add Instagram Stories on Shopify\" class=\"wp-image-8378\"\/><\/figure><\/div>\n\n\n\n<p><strong>Step 4<\/strong> &#8211; On the right of the page, select <strong>Customize<\/strong> option.<\/p>\n\n\n\n<p><strong>Step 5<\/strong> &#8211; Select Layout\/Templates\/Section (Eg: For Homepage &#8211; Index.liquid) Where you want to display widget<\/p>\n\n\n\n<p><strong>Step 6<\/strong> &#8211; Paste the copied code and Save\/Update the changes made.<\/p>\n\n\n\n<p>Hence, reload the webpage to see the live Widget on Default Page of your Shopify website.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>For New Page<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1102\" height=\"647\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/Embed-Shopify-New-Page.png\" alt=\"\" class=\"wp-image-8664\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/Embed-Shopify-New-Page.png 1102w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/Embed-Shopify-New-Page-300x176.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/Embed-Shopify-New-Page-1024x601.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/Embed-Shopify-New-Page-768x451.png 768w\" sizes=\"(max-width: 1102px) 100vw, 1102px\" \/><\/figure><\/div>\n\n\n\n<p><strong>Step 2<\/strong> &#8211; Now, Copy the embed code displaying on the screen.<\/p>\n\n\n\n<p><strong>Step 3<\/strong> &#8211; Login as admin to your Shopify store and Navigate to <strong>Online Store&gt;Pages<\/strong> menu in the sidebar<\/p>\n\n\n\n<p><strong>Step 4<\/strong> &#8211; On the top-right of the page, select <strong>Add Page<\/strong>&nbsp;<\/p>\n\n\n\n<p><strong>Step 5<\/strong> &#8211; Then on the text editor, select <strong>Show HTML (&lt;&gt;)<\/strong> option&nbsp;<\/p>\n\n\n\n<p><strong>Step 6<\/strong> &#8211; Paste the Copied embed code and Click on <strong>Save<\/strong><\/p>\n\n\n\n<p>Thus, the widget feeds are live on New Page of your Shopify website.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>For Blog Posts<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1123\" height=\"652\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/Embed-Shopify-Blog-Posts.png\" alt=\"\" class=\"wp-image-8663\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/Embed-Shopify-Blog-Posts.png 1123w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/Embed-Shopify-Blog-Posts-300x174.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/Embed-Shopify-Blog-Posts-1024x595.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/Embed-Shopify-Blog-Posts-768x446.png 768w\" sizes=\"(max-width: 1123px) 100vw, 1123px\" \/><\/figure><\/div>\n\n\n\n<p><strong>Step 2<\/strong> &#8211; Now, Copy the embed code displaying on the screen.<\/p>\n\n\n\n<p><strong>Step 3 <\/strong>&#8211; Login as admin to your Shopify store and Navigate to <strong>Online Store &gt; Blog posts <\/strong>menu in the sidebar<\/p>\n\n\n\n<p><strong>Step 4<\/strong> &#8211; On the top-right of the page, select <strong>Add Blog<\/strong><\/p>\n\n\n\n<p><strong>Step 5<\/strong> &#8211; Then on the text editor, select <strong>Show HTML (&lt;&gt;)<\/strong> option&nbsp;<\/p>\n\n\n\n<p><strong>Step 6<\/strong> &#8211; Paste the Copied embed code and Click on <strong>Save<\/strong><\/p>\n\n\n\n<p>Thus, the widget feeds are live on Blog Posts of your Shopify website.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<blockquote class=\"wp-block-quote is-style-large is-layout-flow wp-block-quote-is-layout-flow\"><p>Try Taggbox Widget to Embed Widget \u2013&nbsp;<a href=\"https:\/\/app.taggbox.com\/widget\/\">Start Your 14 Days For Free<\/a><\/p><\/blockquote>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>If you have any questions or need help, please&nbsp;<a href=\"https:\/\/taggbox.com\/contact-us\/\">Contact us<\/a>&nbsp;or write us at&nbsp;<a href=\"mailto:support@taggbox.com\">support@taggbox.com<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>After aggregating social feeds from your desired social media platform, follow the following steps to embed widget on Shopify website. Click on the Publish button at the bottom-left of the Taggbox Widget editor. A new window will open with following options. Now follow the following steps: Step 1 &#8211; Choose your website platform as Shopify. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[279],"tags":[],"class_list":["post-8660","post","type-post","status-publish","format-standard","hentry","category-integration-widget"],"_links":{"self":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/8660","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/comments?post=8660"}],"version-history":[{"count":0,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/8660\/revisions"}],"wp:attachment":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/media?parent=8660"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/categories?post=8660"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/tags?post=8660"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}