{"id":3381,"date":"2020-05-29T17:35:30","date_gmt":"2020-05-29T17:35:30","guid":{"rendered":"https:\/\/taggbox.com\/support\/?p=3381"},"modified":"2026-02-25T06:45:54","modified_gmt":"2026-02-25T06:45:54","slug":"how-to-embed-instagram-feed-on-shopify-website","status":"publish","type":"post","link":"https:\/\/taggbox.com\/support\/how-to-embed-instagram-feed-on-shopify-website\/","title":{"rendered":"How to Embed Instagram Feed on Shopify Website Using Taggbox?"},"content":{"rendered":"\n

<\/p>\n\n\n\n

Add an Instagram Feed <\/strong><\/h2>\n\n\n\n

To create and embed Instagram feeds on Shopify<\/a>, you need to follow the given steps-<\/p>\n\n\n\n

<\/div>\n\n\n\n
\n

Try Taggbox Widget \u2013 Start Your 14 Days For Free<\/a><\/p>\n<\/blockquote>\n\n\n\n

<\/div>\n\n\n\n

Step 1<\/strong><\/h3>\n\n\n\n

First, create your Taggbox Widget<\/a> account or Log in to your existing account<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Taggbox<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

You\u2019ll be redirected to Taggbox Widget Dashboard:<\/strong><\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Create<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 2<\/strong><\/h3>\n\n\n\n

Click on the \u201cAdd Social Feeds\u201d<\/strong> option to start adding Instagram feeds to your widget. <\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Taggbox<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n
\n

Tip: You can also add multiple feeds from multiple sources like Instagram, Facebook, Twitter, Youtube, etc all in one widget.<\/em><\/p>\n<\/blockquote>\n\n\n\n

<\/div>\n\n\n\n

Step 3<\/strong><\/h3>\n\n\n\n

On the new Dialog Box \u201cPick a source\u201d <\/strong>select Instagram Business<\/strong> as your source of aggregating feeds:<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Embed<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 4<\/strong><\/h3>\n\n\n\n

A pop-up \u201cCreate Instagram Business Feed\u201d<\/strong> will appear; where you\u2019ll find 6 options to create your Instagram feed for the Shopify website.<\/p>\n\n\n\n

<\/div>\n\n\n\n

1.<\/strong> HASHTAG (#)<\/strong> \u2013 To fetch Instagram feeds using hashtags(#).<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Embed<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

2. HANDLE (@)<\/strong> \u2013 To fetch feeds from a profile account.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Embed<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

3.<\/strong> Stories<\/strong> \u2013 to fetch your profile’s Instagram Stories.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Embed<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

4.<\/strong> MENTIONS<\/strong> \u2013 To fetch feeds in which your account is mentioned on Instagram Posts.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Embed<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

5.<\/strong> TAGGED<\/strong> \u2013 To fetch feeds in which your profile is tagged on Instagram Posts.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Embed<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

6. IGTV Videos<\/strong> – To aggregate IGTV videos.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Embed<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 5<\/strong><\/h3>\n\n\n\n

Choose your aggregating method and enter the input accordingly.<\/p>\n\n\n\n

Click the \u201cCreate Feed\u201d <\/strong>button to start the process of embedding Instagram feeds.<\/p>\n\n\n\n

If asked complete the required authentication to fetch the feeds.<\/p>\n\n\n\n

(Note: The Email Id you log in with on Facebook should have an Instagram account too because you know Facebook owns Instagram).<\/p>\n\n\n\n

On successful authentication, in a short matter of seconds, your feeds will be displayed on Taggbox Editor.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\n

Tip: You will find a\u00a0\u201cDesign\u201d<\/strong>\u00a0option to customize your feed\u2019s display, with many options to choose from according to your need.\u00a0<\/p>\n<\/blockquote>\n\n\n\n

<\/div>\n\n\n\n

Embed Instagram Feed on Shopify Website<\/strong><\/h2>\n\n\n\n

To embed Instagram feed on your website<\/a> you need to follow the below steps \u2013<\/p>\n\n\n\n

Step 1<\/strong><\/h3>\n\n\n\n

Click the \u201cPUBLISH\u201d<\/strong> button on the bottom-left of the screen, You can also see the PREVIEW of how your feeds gonna look on different devices.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Embed<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 2<\/strong><\/h3>\n\n\n\n

On the dialog box of \u201cChoose Your Platform,\u201d<\/strong> select \u201cShopify\u201d<\/strong> as your website platform to generate code.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Embed<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 3<\/strong><\/h3>\n\n\n\n

A new Dialog Box will appear \u201cShopify\u201d; <\/strong><\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 4<\/strong><\/h3>\n\n\n\n

Enter the width and height into the input box according to your requirement;<\/p>\n\n\n\n

Click GET CODE <\/strong>and COPY<\/strong> the generated code; you can also share the code on email ID by clicking the SHARE<\/strong> button.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Shopify gives you the option to embed your Instagram feeds either on default Pages, New Pages or Blog Posts. Here are the steps on all three, follow the one based on your requirement:<\/p>\n\n\n\n

<\/div>\n\n\n\n

Default Pages<\/strong><\/h2>\n\n\n\n

Follow these steps for Default Pages:<\/p>\n\n\n\n

Step 1<\/strong><\/h3>\n\n\n\n

Copy the Web Embed Code from Taggbox Code Generator.<\/p>\n\n\n\n

Step 2<\/strong><\/h3>\n\n\n\n

Login to your Shopify store and navigate to Online Store-> Themes Menu in the sidebar.<\/p>\n\n\n\n

Step 3<\/strong><\/h3>\n\n\n\n

Click on the Customize button.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Embed<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 4<\/strong><\/h3>\n\n\n\n

Then Navigate to left side of the page and click on Custom Content<\/strong>.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Embed<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 5<\/strong><\/h3>\n\n\n\n

Then click on Custom HTML<\/strong> and paste the Copied code and Click on Save<\/strong>.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Instagram<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

New Pages<\/strong><\/h2>\n\n\n\n

Follow these steps for new pages:<\/p>\n\n\n\n

Step 1<\/strong><\/h3>\n\n\n\n

Copy the Web Embed Code from Taggbox Code Generator.<\/p>\n\n\n\n

Step<\/strong> 2<\/strong><\/h3>\n\n\n\n

Login to your Shopify store and Navigate to Online Store->Pages<\/strong> menu in the sidebar.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Embed<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 3<\/strong><\/h3>\n\n\n\n

Click on Add Page<\/strong>.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Add<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 4<\/strong><\/h3>\n\n\n\n

Select Show HTML (<>) option of Text Editor.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Embed<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 5<\/strong><\/h3>\n\n\n\n

Paste the Copied code and Click on Save.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Blog Posts<\/strong><\/h2>\n\n\n\n

Follow these steps for Blog Posts:<\/p>\n\n\n\n

Step 1<\/strong><\/h3>\n\n\n\n

Copy the Web Embed Code from Taggbox Code Generator.<\/p>\n\n\n\n

Step 2<\/strong><\/h3>\n\n\n\n

Login to your Shopify store and Navigate to Online Store->Blog posts<\/strong> menu in the sidebar<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Embed<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 3<\/strong><\/h3>\n\n\n\n

Click on Add\/Create Blog<\/strong> Post<\/strong> on the Top right of the page.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Create<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 4<\/strong><\/h3>\n\n\n\n

Select Show HTML (<>)<\/strong> option of Text Editor<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Embed<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 5<\/strong><\/h3>\n\n\n\n

Paste the Copied code and Click on Save<\/strong>.<\/p>\n\n\n\n

Great! You have successfully embedded Instagram feeds on your Shopify Website.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\n

Try Taggbox Widget To Embed Instagram Feed \u2013 Start Your 14 Days For Free<\/a><\/p>\n<\/blockquote>\n\n\n\n

<\/div>\n\n\n\n

If you have any questions or need help, please Contact us<\/a> or write us at support@taggbox.com.<\/p>\n","protected":false},"excerpt":{"rendered":"

Add an Instagram Feed To create and embed Instagram feeds on Shopify, you need to follow the given steps- Try Taggbox Widget \u2013 Start Your 14 Days For Free Step 1 First, create your Taggbox Widget account or Log in to your existing account You\u2019ll be redirected to Taggbox Widget Dashboard: Step 2 Click on the \u201cAdd Social Feeds\u201d option […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[41],"tags":[55,56,57],"class_list":["post-3381","post","type-post","status-publish","format-standard","hentry","category-getting-started-widget","tag-embed-rss-feeds","tag-embed-rss-feed-on-website","tag-rss-embed"],"_links":{"self":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/3381","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=3381"}],"version-history":[{"count":1,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/3381\/revisions"}],"predecessor-version":[{"id":11938,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/3381\/revisions\/11938"}],"wp:attachment":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/media?parent=3381"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/categories?post=3381"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/tags?post=3381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}