{"id":4524,"date":"2020-09-01T05:05:04","date_gmt":"2020-09-01T05:05:04","guid":{"rendered":"https:\/\/taggbox.com\/support\/?p=4524"},"modified":"2023-02-09T06:59:41","modified_gmt":"2023-02-09T06:59:41","slug":"embed-instagram-feed-on-elementor-website","status":"publish","type":"post","link":"https:\/\/taggbox.com\/support\/embed-instagram-feed-on-elementor-website\/","title":{"rendered":"How To Embed Instagram Feed On Elementor Website"},"content":{"rendered":"\n

Steps To Embed Instagram Feed On Elementor:<\/strong><\/h2>\n\n\n\n

To create and embed Instagram feed<\/a> on Elementor website, you need to follow the following steps:<\/p>\n\n\n\n

\n
Add Instagram Feeds To Elementor With Ease <\/svg><\/strong><\/a><\/div>\n<\/div>\n\n\n\n
\n

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

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

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

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

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

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

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

<\/div>\n\n\n
\n
\"elementor<\/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

3.<\/strong> On the new Dialog Box “Pick a source” <\/strong>select Instagram Business<\/strong> as your source of aggregating feeds.<\/p>\n\n\n\n

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

4.<\/strong> A Pop-Up \u201cCreate Instagram Business Feed\u201d<\/strong> will appear; You’ll find 6 options to fetch Instagram Feeds to your Instagram Widget<\/a> for elementor website.<\/p>\n\n\n\n

1.<\/strong> 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.<\/strong> 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’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> – 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> – 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. Videos (IGTV)<\/strong> – To aggregate videos through Instagram.<\/p>\n\n\n\n

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

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

Finally, Click the “Create Feed” <\/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

Tips: You will find a “Design”<\/strong> option to customize your feed’s display, with many options to choose from according to your need. <\/p>\n<\/blockquote>\n\n\n\n

Now, Let’s move towards embedding on a Elementor website.<\/p>\n\n\n\n

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

Below are the precise steps to follow for generating Instagram feeds embedding code for your elementor website<\/p>\n\n\n\n

1.<\/strong> 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

2.<\/strong> In the new dialog box of “Choose Your Platform”,<\/strong> select “OTHER”<\/strong> to generate code for the Elementor website.<\/p>\n\n\n\n

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

3.<\/strong> A new Dialog Box “OTHER” <\/strong>will appear; <\/p>\n\n\n\n

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

4.<\/strong> Set the width and height of the widget and click GET CODE <\/strong>and COPY<\/strong> the generated code.<\/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 Elementor Website<\/strong><\/h2>\n\n\n\n

1.<\/strong> Login to your WordPress Admin account and select the pages on which you want to add the Instagram feed.<\/p>\n\n\n\n

2.<\/strong> Click on “Edit with Elementor”<\/strong> drag and drop the HTML element<\/strong> to your website page’s desired section where you want to embed your Instagram feed and paste the code <\/strong>and click UPDATE.<\/strong><\/p>\n\n\n\n

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

Try Taggbox To Embed Instagram 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 us at support@taggbox.com<\/p>\n","protected":false},"excerpt":{"rendered":"

Steps To Embed Instagram Feed On Elementor: To create and embed Instagram feed on Elementor website, you need to follow the following steps: Try Taggbox \u2013 Start Your 14 Days For Free 1. First, create your Taggbox Widget Account or Log in to your existing account. You’ll be redirected to Taggbox Widget Dashboard: 2. Click on […]<\/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":[223],"class_list":["post-4524","post","type-post","status-publish","format-standard","hentry","category-integration-widget","tag-embed-instagram-feed"],"_links":{"self":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/4524","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=4524"}],"version-history":[{"count":2,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/4524\/revisions"}],"predecessor-version":[{"id":12180,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/4524\/revisions\/12180"}],"wp:attachment":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/media?parent=4524"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/categories?post=4524"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/tags?post=4524"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}