{"id":2697,"date":"2020-05-28T15:18:02","date_gmt":"2020-05-28T15:18:02","guid":{"rendered":"https:\/\/taggbox.com\/support\/?p=2697"},"modified":"2026-02-25T11:49:27","modified_gmt":"2026-02-25T11:49:27","slug":"how-to-embed-instagram-feed-on-website","status":"publish","type":"post","link":"https:\/\/taggbox.com\/support\/how-to-embed-instagram-feed-on-website\/","title":{"rendered":"How to Embed Instagram Feed on Website?"},"content":{"rendered":"\n

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

To create and embed an Instagram feed, 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

Login or Sign-Up to Taggbox Widget<\/a><\/p>\n\n\n\n

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

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

You will be directed to your Taggbox Widget Dashboard<\/strong><\/p>\n\n\n\n

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

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

On the dashboard, click on Add Social Feeds<\/strong> to add Instagram Feeds on your widget.<\/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

In the popup Pick a Source<\/strong>, select the \u201cInstagram Business<\/strong>\u201d logo as a source of aggregating feeds.<\/p>\n\n\n\n

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

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

Choose one of the following to create feed:<\/p>\n\n\n\n

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

1. Hashtag (#)-<\/strong> 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> 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. Stories-<\/strong> to fetch your profile\u2019s 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. Mentions-<\/strong> 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. Tagged-<\/strong> 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\n\n\n
<\/div>\n\n\n\n

Step 6<\/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 processing of embedding Instagram feeds according to your selection.<\/p>\n\n\n\n

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

(Note:<\/strong> 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

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

To embed Instagram feeds on a website<\/a>, follow the following steps –<\/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 \u201cPREVIEW<\/strong>\u201d of how your feeds gonna looks like.<\/p>\n\n\n\n

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

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

Select Your Website Platform (Eg: HTML, WordPress, Wix etc.) or else select OTHER<\/strong> if your website platform is not mentioned.<\/p>\n\n\n\n

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

Embed on HTML Website<\/strong><\/h2>\n\n\n\n

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

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

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

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

Set width and height type as per your requirements. Click on Get Code<\/p>\n\n\n\n

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

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

Copy the generated code and Paste it into your HTML webpage body tag, where you want to embed Instagram feeds.<\/p>\n\n\n\n

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

Embed on WordPress Website<\/strong><\/h2>\n\n\n\n

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

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

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

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

Set width and height as per your requirements and Click on Get Code.<\/p>\n\n\n\n

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

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

Copy the website Generated Code.<\/p>\n\n\n\n

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

A. Embed Instagram Feed On WordPress 5.0 Website<\/strong><\/h3>\n\n\n\n

Learn here how you embed Instagram feed On WordPress 5.0 Website<\/p>\n\n\n\n

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

Open the page\/post in your WordPress backend where you want to embed the Instagram Feed Widget.<\/p>\n\n\n\n

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

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

Select \u201c(+) Add Block\u201d in the top left corner of the WordPress Editor.<\/p>\n\n\n\n

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

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

Here, click on Formatting and then choose Custom HTML and paste the copied embed code in the editor.<\/p>\n\n\n\n

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

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

Click on Publish\/Update post and You\u2019re done.<\/p>\n\n\n\n

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

B. How You Embed Instagram feeds on WordPress Classic Editor<\/strong><\/h3>\n\n\n\n

Learn here how you embed Instagram feeds on WordPress Classic Editor<\/p>\n\n\n\n

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

Open the page\/post in your WordPress backend where you want to embed the Instagram feeds.<\/p>\n\n\n\n

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

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

On the right-hand side, you will find a Visual and a Text option. Choose Text Mode.<\/p>\n\n\n\n

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

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

Paste the generated embed code where you want to show your Widget and click on Update\/Publish to save the changes.<\/p>\n\n\n\n

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

Embed on WIX Website<\/strong><\/h2>\n\n\n\n

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

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

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

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

On choosing Wix<\/strong> as your website platform; you\u2019ll receive below Pop-up \u201cWix\u201d<\/strong>, Follow the instruction on the pop-up and proceed to the below steps:<\/p>\n\n\n

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

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

Open your WIX Editor and Navigate to the Page Where you want to Embed Taggbox.<\/p>\n\n\n\n

Click on \u201c+ Add\u201d Button.<\/p>\n\n\n\n

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

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

Click on More and Select Embed a Site.<\/p>\n\n\n\n

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

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

Check & Copy the \u201cWebsite Address\u201d<\/strong> under Mode.<\/p>\n\n\n\n

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

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

Paste the generated URL into the \u201cWebsite Address<\/strong>\u201d field.<\/p>\n\n\n\n

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

Embed on Squarespace Website<\/strong><\/h2>\n\n\n\n

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

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

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

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

Set width and height as per your requirements. Click on Get Code.<\/p>\n\n\n\n

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

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

Copy the website Embed Code.<\/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

On Squarespace, Navigate to the page where you want to embed Instagram Feed Widget.<\/p>\n\n\n\n

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

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

Click on Edit.<\/p>\n\n\n\n

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

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

Click on +Add\/Edit Block.<\/p>\n\n\n\n

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

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

Select Code.<\/p>\n\n\n\n

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

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

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

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

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

Save<\/strong> the page to apply the Changes.<\/p>\n\n\n\n

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

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

Step 1<\/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
\"Choose<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

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

Set width and height as per your requirements and click on Get Code<\/strong>.<\/p>\n\n\n\n

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

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

Copy the website Embed Code.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Embed<\/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 or New Pages or Blog Posts.<\/p>\n\n\n\n

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

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

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

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

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

Step 2<\/strong><\/h4>\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 3<\/strong><\/h4>\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 4<\/strong><\/h4>\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><\/h3>\n\n\n\n

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

Step 1<\/strong><\/h4>\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 2<\/strong><\/h4>\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 3<\/strong><\/h4>\n\n\n\n

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

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

Step 4<\/strong><\/h4>\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><\/h3>\n\n\n\n

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

Step 1<\/strong><\/h4>\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
\"Instagram<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 2<\/strong><\/h4>\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
\"Show<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

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

Select Show HTML (<>)<\/strong> option of Text Editor.<\/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><\/h4>\n\n\n\n

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

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

Try Taggbox Widget To Embed Feed \u2013 Start Your 14 Days For Free<\/a><\/strong><\/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 to us at support@taggbox.com<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

Add Instagram Feed To create and embed an Instagram feed, you need to follow the given steps- Try Taggbox Widget \u2013 Start Your 14 Days For Free Step 1 Login or Sign-Up to Taggbox Widget Step 2 You will be directed to your Taggbox Widget Dashboard Step 3 On the dashboard, click on Add Social Feeds to add Instagram […]<\/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":[],"class_list":["post-2697","post","type-post","status-publish","format-standard","hentry","category-getting-started-widget"],"_links":{"self":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/2697","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=2697"}],"version-history":[{"count":1,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/2697\/revisions"}],"predecessor-version":[{"id":11956,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/2697\/revisions\/11956"}],"wp:attachment":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/media?parent=2697"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/categories?post=2697"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/tags?post=2697"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}