{"id":8367,"date":"2021-03-10T12:33:27","date_gmt":"2021-03-10T12:33:27","guid":{"rendered":"https:\/\/taggbox.com\/support\/?p=8367"},"modified":"2026-04-27T06:52:02","modified_gmt":"2026-04-27T06:52:02","slug":"how-to-embed-instagram-stories-on-shopify","status":"publish","type":"post","link":"https:\/\/taggbox.com\/support\/how-to-embed-instagram-stories-on-shopify\/","title":{"rendered":"How to Embed Instagram Stories on Shopify Website Using Taggbox"},"content":{"rendered":"\n<p>Bring your Instagram Stories to life right on your Shopify store and turn casual visitors into engaged shoppers. When you embed Instagram stories on your Shopify website, you can showcase your latest products, promotions, and behind-the-scenes moments, all while keeping your brand\u2019s style front and center.<br><br>This step-by-step guide will show you how to set up an Instagram Stories widget with Taggbox, customize it to match your store, and make it instantly interactive for your customers.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-499968f5 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-font-size\"><a class=\"wp-block-button__link has-white-color has-text-color has-background has-custom-font-size wp-element-button\" href=\"https:\/\/app.taggbox.com\/widget\/accounts\/register\" style=\"border-radius:6px;background-color:#ff4858;font-size:17px\" target=\"_blank\" rel=\"noreferrer noopener\">Add Instagram Stories To Your Shopify Store Now<strong> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"21.847\" viewBox=\"0 0 28.17 21.847\">           <path id=\"Path_7141\" data-name=\"Path 7141\" d=\"M.377,10.791A1.509,1.509,0,0,0,2.6,12.828L9.409,5.393v21.3a1.51,1.51,0,0,0,3.019,0V5.393l6.806,7.435A1.509,1.509,0,0,0,21.46,10.79L12.032.491a1.507,1.507,0,0,0-2.226,0Z\" transform=\"translate(28.17) rotate(90)\" fill=\"#fff\" fill-rule=\"evenodd\"><\/path><\/svg><\/strong><\/a><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Display your Instagram Stories on Shopify Websites with Taggbox<\/strong><\/h2>\n\n\n\n<div style=\"height:17px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Sign Up or Log In to Taggbox<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Begin by creating a new <a href=\"https:\/\/app.taggbox.com\/accounts\/register\/\">Taggbox Widget<\/a> account, or simply log in if you already have one.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2048\" height=\"962\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-9.png\" alt=\"Add Instagram Stories on Shopify Websites with Taggbox\" class=\"wp-image-12160\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-9.png 2048w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-9-300x141.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-9-1024x481.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-9-768x361.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-9-1536x722.png 1536w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Choose<strong> \u201cSocial Feed on Website\u201d <\/strong>to design and display your Instagram Stories feed on Shopify<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1221\" height=\"602\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-8.png\" alt=\"Choose Social Feed on Website\" class=\"wp-image-12159\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-8.png 1221w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-8-300x148.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-8-1024x505.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-8-768x379.png 768w\" sizes=\"(max-width: 1221px) 100vw, 1221px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Select Your Network and start creating your feed<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>&nbsp;Go to the <strong>All Network<\/strong> tab and click on <strong>Instagram<\/strong> to start creating your feed.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1547\" height=\"615\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-11.png\" alt=\"Select Instagram to add Instagram stories on shopify\" class=\"wp-image-12162\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-11.png 1547w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-11-300x119.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-11-1024x407.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-11-768x305.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-11-1536x611.png 1536w\" sizes=\"(max-width: 1547px) 100vw, 1547px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select <strong>Stories<\/strong> from the available options.<\/li>\n\n\n\n<li>Connect your Instagram to <a href=\"https:\/\/taggbox.com\/blog\/embed-instagram-stories\/\" target=\"_blank\" rel=\"noreferrer noopener\">embed Instagram stories<\/a> on your Shopify website.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1048\" height=\"388\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-10.png\" alt=\"Embed instagram stories on shopify\" class=\"wp-image-12161\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-10.png 1048w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-10-300x111.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-10-1024x379.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-10-768x284.png 768w\" sizes=\"(max-width: 1048px) 100vw, 1048px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Now, click on <strong>\u201cCreate Feed.\u201d<\/strong>&nbsp;<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Customize and Publish Your Instagram Stories Feed<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select the Stories you want to feature on your Shopify website and set their visibility as <strong>Public<\/strong> or <strong>Private<\/strong>.<\/li>\n\n\n\n<li>You can also enable <strong>Autopilot<\/strong> to manage your feed automatically, then click <strong>Publish<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"754\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-12.png\" alt=\"Moderate your instagram story feed\" class=\"wp-image-12163\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-12.png 1600w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-12-300x141.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-12-1024x483.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-12-768x362.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-12-1536x724.png 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Choose your theme and style, customize the design to match your brand, and your <a href=\"https:\/\/taggbox.com\/instagram-widget\/\" target=\"_blank\" rel=\"noreferrer noopener\">free Instagram widget<\/a> for your Shopify website is ready to launch.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"709\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-13.png\" alt=\"Customize your instagram stories feed\" class=\"wp-image-12164\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-13.png 1600w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-13-300x133.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-13-1024x454.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-13-768x340.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-13-1536x681.png 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on <strong>Generate Code.<\/strong><\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><strong>Tip:<\/strong> Taggbox provides a <strong>\u201cDesign\u201d<\/strong> option to customize the display of your feed widget. Newly launched theme named <strong>Story<\/strong>, gonna bring the same view as Instagram right into your website and many more options to choose between according to your need.&nbsp;<\/p>\n<\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4: Get the Embed Code for Shopify<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click \u201cShopify\u201d to get the embed code to integrate Instagram Stories into your Shopify website.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1565\" height=\"754\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-14.png\" alt=\"Embed code for shopify\" class=\"wp-image-12165\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-14.png 1565w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-14-300x145.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-14-1024x493.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-14-768x370.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2021\/03\/image-14-1536x740.png 1536w\" sizes=\"(max-width: 1565px) 100vw, 1565px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Copy the given embed code.&nbsp;<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Steps to connect the Instagram Stories to the Shopify website with the embed code<\/strong><\/h2>\n\n\n\n<p><strong>1.<\/strong> Log in to your Shopify website admin<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/taggbox.com\/blog\/wp-content\/uploads\/2020\/03\/Screenshot-2020-03-18-at-12.22.04-PM-1024x586.png\" alt=\"Hown to Instagram Stories on Shopify\" class=\"wp-image-8377\"\/><\/figure>\n<\/div>\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>2. Navigate to <strong>Online Store \u2192 Themes \u2192 Customize<\/strong> or <strong>Edit Code<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<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=\"Steps to add Instagram Stories on Shopify\" class=\"wp-image-8378\"\/><\/figure>\n<\/div>\n\n\n<p><strong>3.<\/strong> Select the section where you want your Instagram Stories to appear.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/taggbox.com\/blog\/wp-content\/uploads\/2020\/03\/Screenshot-2020-03-18-at-12.16.51-PM-1024x585.png\" alt=\"Embed instagram stories on shopify website\" class=\"wp-image-8380\"\/><\/figure>\n<\/div>\n\n\n<p><strong>5.<\/strong> Then click on <strong>Custom HTML <\/strong>&amp;<b> paste<\/b> the copied code<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/taggbox.com\/blog\/wp-content\/uploads\/2020\/03\/Screenshot-2020-03-18-at-12.40.11-PM-1024x588.png\" alt=\"Instagram Stories on Shopify\" class=\"wp-image-8381\"\/><\/figure>\n<\/div>\n\n\n<p>6. Save your changes and preview your store to see the feed live.<\/p>\n\n\n\n<p>Great! You have successfully embedded Instagram Stories on your Shopify website.<\/p>\n\n\n\n<p>If you have any questions or need help, please <a href=\"https:\/\/taggbox.com\/contact-us\/\">Contact us<\/a> or write us at <a href=\"mailto:support@taggbox.com\">support@taggbox.com<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bring your Instagram Stories to life right on your Shopify store and turn casual visitors into engaged shoppers. When you embed Instagram stories on your Shopify website, you can showcase your latest products, promotions, and behind-the-scenes moments, all while keeping your brand\u2019s style front and center. This step-by-step guide will show you how to set [&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":[255,256,257,258],"class_list":["post-8367","post","type-post","status-publish","format-standard","hentry","category-integration-widget","tag-embed-instagram-stories-on-shopify-website","tag-embed-instagram-stories","tag-embed-instagram-stories-on-website","tag-embed-instagram-stories-on-shopify"],"_links":{"self":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/8367","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=8367"}],"version-history":[{"count":6,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/8367\/revisions"}],"predecessor-version":[{"id":12259,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/8367\/revisions\/12259"}],"wp:attachment":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/media?parent=8367"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/categories?post=8367"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/tags?post=8367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}