{"id":8660,"date":"2021-04-30T06:13:50","date_gmt":"2021-04-30T06:13:50","guid":{"rendered":"https:\/\/taggbox.com\/support\/?p=8660"},"modified":"2026-06-23T12:51:18","modified_gmt":"2026-06-23T12:51:18","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 Use Taggbox Shopify App to Add Social Media Feeds &amp; Reviews to Your Store"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The Taggbox Shopify App helps Shopify merchants display engaging social media feeds, customer reviews, and user-generated content on their online stores without manually adding complex code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">With the Taggbox Shopify App, you can collect content from multiple sources, customize your widget design, and display it on important store pages to create engaging shopping experiences.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this guide, we will explain how to install the Taggbox Shopify App, connect your account, create a widget, and display it on your Shopify store.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Before you start, you need<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Make sure you have:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A Shopify store<\/li>\n\n\n\n<li>A Taggbox account<\/li>\n\n\n\n<li>A social media feed or review source you want to display<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Step 1: Install the Taggbox Shopify App<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">1: Log in to your Shopify admin account.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"536\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-2-1024x536.png\" alt=\"login to dashboard\" class=\"wp-image-47351\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-2-1024x536.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-2-300x157.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-2-768x402.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-2-1536x804.png 1536w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-2.png 1999w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">2: Go to: Apps \u2192 Shopify App Store<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"544\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-5-1024x544.png\" alt=\"search taggbox app\" class=\"wp-image-47354\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-5-1024x544.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-5-300x159.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-5-768x408.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-5-1536x815.png 1536w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-5.png 1999w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">3: Search for: Taggbox<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"519\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-4-1024x519.png\" alt=\"install the app\" class=\"wp-image-47353\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-4-1024x519.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-4-300x152.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-4-768x389.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-4-1536x778.png 1536w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-4.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">4: Click on Install, and your app will be installed on your store.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Step 2: Create Your Widget<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">After installation:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>Apps \u2192 Taggbox<\/strong><strong><br><\/strong><\/li>\n\n\n\n<li>You will be redirected to the Taggbox dashboard. Here you will see the Content Gallery.&nbsp; Open it and click on &#8221; Create feed\u201d&nbsp;<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"540\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-1-1024x540.png\" alt=\"login to taggbox app\" class=\"wp-image-47350\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-1-1024x540.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-1-300x158.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-1-768x405.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-1-1536x810.png 1536w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-1.png 1999w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>Select your content source. <strong>Instagram, Facebook, LinkedIn, YouTube, Google Reviews, <\/strong>etc, Connect your desired source and create a feed<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"537\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-1024x537.png\" alt=\"select source\" class=\"wp-image-47349\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-1024x537.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-300x157.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-768x403.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-1536x806.png 1536w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image.png 1999w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Now you feed will be aggregated here.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Step 3: Customize Your Widget Design<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Your content will be collected automatically. You can moderate your feed accordingly.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"537\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-3-1024x537.png\" alt=\"moderate feed\" class=\"wp-image-47352\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-3-1024x537.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-3-300x157.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-3-768x403.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-3-1536x806.png 1536w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-3.png 1999w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>After moderation, you can customize the layout and Design of your feed.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"535\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-7-1024x535.png\" alt=\"customize the feed\" class=\"wp-image-47357\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-7-1024x535.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-7-300x157.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-7-768x401.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-7-1536x803.png 1536w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-7.png 1999w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Step 4: Add Taggbox Widget to Shopify Store<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>After customizing your widget, click <strong>Generate Code<\/strong><\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"536\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-6-1024x536.png\" alt=\"generate code\" class=\"wp-image-47355\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-6-1024x536.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-6-300x157.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-6-768x402.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-6-1536x804.png 1536w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/04\/image-6.png 1999w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>Copy generated code, choose where you want to display your widget &amp; paste the code.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">You can add widgets to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Homepage<\/li>\n\n\n\n<li>Product pages<\/li>\n\n\n\n<li>Collection pages<\/li>\n\n\n\n<li>Custom pages<\/li>\n\n\n\n<li>Blog pages<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">3. Enjoy your feed on the website.&nbsp;<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-style-large is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Get Started with Taggbox. \u2013\u00a0<a href=\"https:\/\/app.taggbox.com\/accounts\/register\" type=\"link\" id=\"https:\/\/app.taggbox.com\/accounts\/register\">Start For Free<\/a><\/p>\n<\/blockquote>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">If you have any questions or need help, please\u00a0<a href=\"https:\/\/taggbox.com\/contact-us\/\">Contact us<\/a>\u00a0or write us at\u00a0<a href=\"mailto:support@taggbox.com\">support@taggbox.com<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Taggbox Shopify App helps Shopify merchants display engaging social media feeds, customer reviews, and user-generated content on their online stores without manually adding complex code. With the Taggbox Shopify App, you can collect content from multiple sources, customize your widget design, and display it on important store pages to create engaging shopping experiences. In [&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":3,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/8660\/revisions"}],"predecessor-version":[{"id":47363,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/8660\/revisions\/47363"}],"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}]}}