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

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

Add an Instagram Feed<\/strong><\/h2>\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
\"Instagram<\/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.<\/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 WordPress 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 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: 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

Generate Instagram Feed Embed Code<\/strong><\/h2>\n\n\n\n

To embed Instagram feed<\/a> on your website you need to follow below 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 PREVIEW of how your feeds gonna look on different devices.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Instagram<\/figure>\n<\/div>\n\n\n
<\/div>\n\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 the \u201cWordPress\u201d<\/strong> logo 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 3<\/strong><\/h3>\n\n\n\n

A new Dialog Box will appear \u201cWordPress\u201d; <\/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><\/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
\"embed<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Embed Instagram feed On WordPress 5.0 Website<\/strong><\/h2>\n\n\n\n

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

Step 2<\/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 3<\/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 4<\/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

Embed Instagram Feeds on WordPress Classic Editor<\/strong><\/h2>\n\n\n\n

Step 1<\/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

Step 2<\/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 3<\/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
\"social<\/figure>\n\n\n\n

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

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

Try Taggbox Widget to Embed Instagram Feed – 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<\/strong><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

To create and embed Instagram feed on WordPress websites, you need to follow the given steps- Add an Instagram Feed 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 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[41],"tags":[],"class_list":["post-2730","post","type-post","status-publish","format-standard","hentry","category-getting-started-widget"],"_links":{"self":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/2730","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=2730"}],"version-history":[{"count":1,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/2730\/revisions"}],"predecessor-version":[{"id":11952,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/2730\/revisions\/11952"}],"wp:attachment":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/media?parent=2730"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/categories?post=2730"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/tags?post=2730"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}