How to Embed Instagram Feed on Website: Step-by-Step Guide

Website

Instagram is the most powerful social network for marketers to reach out to their target audience. Instagram is one such platform that helps to fill the gap between brands and audiences in a direct and personal way.

Approx 1 billion people use Instagram every month and it is predicted that Instagram users will spend an average of 27 minutes per day on the platform in 2020.

Hence proved, why Instagram is the only platform that gives a terrific opportunity to increase your brand awareness. Somewhere, many customers don’t know your brand’s online social presence or reputation. But here is the only alternative way to solve this issue is, ‘embedding Instagram feed on website’.

In this blog post, we will guide you on how to use Aggreto to create an Instagram wall and embed Instagram feed on website.

Definitely, you will save your time and money to show your Instagram photos on website using Aggreto.

Table of Contents

  1. What is an Instagram Wall
  2. Create an Instagram Wall using Aggreto
  3. Generate Instagram Embed Code for Website
  4. How to Embed Instagram Feed on Website
  5. Embed Instagram Feed on HTML Website
  6. Embed Instagram Feed on WordPress Website
  7. Embed Instagram Feed on Wix Website
  8. Embed Instagram Feed on Weebly Website
  9. Embed Instagram Feed on Squarespace Website
  10. Embed Instagram Feed on Jimdo Website
  11. Embed Instagram Feed on Shopify Website

What is an Instagram Wall?

What is an Instagram Wall

Instagram Wall is a platform that helps users to collect and curate Instagram feeds or posts using a specific hashtag or handle and allows displaying these feeds on website or digital display. Instagram wall is the most powerful way to increase engagement and generate buzz during events, conferences, exhibitions or on Websites.

If you are a brand and seeking a solution that can help you to boost your brand’s social reach and build trust among people, then you should employ an Instagram wall for your marketing strategy.

By embedding Instagram feed on website using an Instagram wall, you can display your earned user-generated content in an attractive and effective way to your visitors and audience.

In this article, we’ll guide you on how you can embed live Instagram feed on website and utilize your user-generated content using Aggreto.

What is Aggreto?

Aggreto is an Instagram aggregator tool that allows you to create an Instagram wall for your website. Apart from Instagram, you can also use Aggreto to aggregate social media content from multiple social media platforms such as Facebook, Twitter, Vimeo, etc.

Create an Instagram Wall

Before embedding live Instagram feed on website, you need to create an Instagram wall using Aggreto. Follow the below steps to create an Instagram wall:

Step 1

If you are an existing user then log in to your Aggreto account or haven’t signed up yet, click here to create an account (start with a 14-day free trial).

Step 2

Now click on “+ Create Wall” to create an Instagram wall.

Create Instagram Wall

Step 3

Enter a suitable name for your social wall in Wall Name.

Create Instagram Wall on Aggreto

Step 4

Choose the best option where you can display your Instagram wall, on the website or on the display screen. For now, select Website Embed (you can change it anytime).

Step 5

Click on the Next button.

Step 6

After clicking on Next, you can see multiple social networks.

Choose Social Network

Step 7

Select Instagram Business Icon as your social network.

Select Instagram Business Icon

Step 8

Select your preferred connection type – Hashtag, handle, Tagged

  • Hashtag (#) – This option allows you to collect your earned user-generated content or hashtag included posts.
  • Handle (@) – This option allows you to collect your profile Instagram posts using your username.
  • Tagged (@) – This option allows you to get posts in which you are tagged.
Create instagram business feed

Step 9

After choosing your connection type, click on the CONTINUE button.

Click on Continue to Create Instagram Feed

Step 10

Connect your account to an Instagram business account to authorize your feed. (Don’t hesitate; Aggreto will never post anything on Instagram without your permission.)

Authorize Instagram Feed

For feed authorization, you need to sign in with your Facebook account.

Great! Now you can see your Instagram feeds in Editor.

Additionally –

“If you wish to change theme or customize the design of your Instagram wall, you can use Aggreto’s Custom Design section. You can also moderate your Instagram posts and remove unwanted posts in real-time with Aggreto’s Moderation panel anytime.”

Generate an Embed Code for Website

After creating an Instagram wall, now it’s time to embed Instagram feed on website.

Before embedding Instagram feed on website, you need to generate an Instagram wall embed code for your website. Follow the below steps to generated embed code and embed that code on your website.

Step 1

To generate your Instagram wall embed code, click on the Display button.

Click on Display button Aggreto

Step 2

Click on the “Embed in Website” option.

Embed Instagram feed on website

Step 3

Set width and height for your Instagram wall as per your need.

Generate Embed Code set height

Step 4

Click on Generate Code.

Generate code for Instagram Feed on Website

Step 5

Copy the generated embed code. To see a preview of your Instagram wall tab on the Preview button.

Start Creating Live Instagram Wall For Your Website

Build More Trust Among People By Displaying UGC

How to Embed Instagram Feed on Website?

Embed Instagram Feed on Website

There are a lot of website building platforms available on the Internet with many awesome features and modern technologies.

To create an interactive business website, brands are taking interest in top website building platforms such as WordPress, Wix, Weebly, Squarespace, Jimdo, Shopify and more.

So, here we are going to show how you can embed your Instagram feed on these various website building platforms. Follow the below steps and start embedding your Instagram feed on website.

To embed Instagram feed on website, use the same generated embed code for all website building platforms.

1. Embed Instagram Feed on HTML Website

Simply, paste the generated embedded code on any page of your HTML Website. Place this code into the <body> section of your page.

Now you can see your live Instagram feed on HTML Website.

But,

Before embedding the generated code on the website, we recommend you to don’t do it yourself until you have coding skills. Ask your technical developer to do it for you.

HTML websites are no more in trend nowadays. So, let’s go to explore other alternatives.

2. Embed Instagram Feed on WordPress Website

Embed feed on WordPress

Let’s start embedding Instagram feed on WordPress website. After generating embed code follow the below simple steps:

Step 1

Log in to WordPress dashboard.

Step 2

Click the Pages tab, from the navigation menu. (Or for blog posts click Posts tab).

Click All Pages

Step 3

Find the page where you want to embed an Instagram feed. Or if you want a dedicated page for your Instagram feeds then create a New Page. (Or perform same steps in posts tab for blog posts).

Select a Page

Step 4

Hover your mouse under that page, you will see Edit option.

Step 5

Click this Edit option, and you will be directed to WordPress visual editor.

Step 6

Click the Plus icon on the block area.

Click Plus Icon

Step 7

Choose the Custom HTML icon under the Formatting option.

Choose Custom HTML

Step 8

Paste the generated embedded code in Custom HTML.

Paste Aggreto generated Embed Code

Step 9

Now, save the page and publish your updates.

Start Creating Live Instagram Wall For Your WordPress Website

Embed Instagram Feed And Build More Trust Among People

3. Embed Instagram Feed on Wix Website

Embed feed on Wix

Let’s start embedding Instagram feed on Wix website. After generating embed code follow the below simple steps:

Step 1

Log in to Wix, open up your site editor (bottom left corner).

Step 2

Click the + Add button (left side of the editor).

Click + Add Button

Step 3

Click on More option and then open HTML iframe.

Click HTML Iframe

Step 4

Now click on the gray box and then click on Enter Code.

Enter Code

Step 5

Paste the generated embed code in the HTML setting window.

Inster HTML

Step 6

Click on Apply.

Start Creating Live Instagram Wall For Your Wix Website

Embed Instagram Feed And Build More Trust Among People

4. Embed Instagram Feed on Weebly Website

Embed Feed on Weebly

Let’s start embedding Instagram feed on Weebly website. After generating embed code follow the below simple steps:

Step 1

Select an Embed Code </> element from the menu (find under Basic section of the Build sidebar in the left-hand menu).

Embed code on Weebly

Step 2

Drag and drop this element on your web page where you want to embed Instagram feeds.

Step 3

Click on the Custom HTML element.

Step 4

Now click Edit Custom HTML in the popup.

Edit Custom HTML Weebly

Step 5

Simply, paste the generated Aggreto embedded code into that element.

Step 6

Now publish your changes.

Start Creating Live Instagram Wall For Your Weebly Website

Embed Instagram Feed And Build More Trust Among People

5. Embed Instagram Feed on Squarespace Website

Embed feed on Squarespace

Let’s start embedding Instagram feed on Squarespace website. After generating embed code follow the below simple steps:

Step 1

Log in to your Squarespace website.

Step 2

Open the web page where you want to embed Instagram feeds.

Step 3

Now open the page editor and click Add Block.

Add block

Step 4

Select Code (</>) under More.

Select Code

Step 5

Paste your generated Aggreto code into the box.

Paste Aggreto Embed Code

Step 6

Click Apply and then Save to publish your web page.

Start Creating Live Instagram Wall For Your Squarespace Website

Embed Instagram Feed And Build More Trust Among People

6. Embed Instagram Feed on Jimdo Website

Embed feed on jimdo

Let’s start embedding Instagram feed on Jimdo website. After generating embed code follow the below simple steps:

Step 1

Log in to Jimdo.

Step 2

Open the web page where you want to embed Instagram feeds.

Step 3

Click on Add Element.

Add Element

Step 4

Search Widget/HTML in More Elements.

Widget or HTML

Step 5

Click on Widget/HTML (</>) button

Step 6

Paste the generated Aggreto code into the text area.

Paste the generated Aggreto code

Step 7

Save the element.

Start Creating Live Instagram Wall For Your Jimdo Website

Embed Instagram Feed And Build More Trust Among People

7. Embed Instagram Feed on Shopify Website

embed feed on shopify

Let’s start embedding Instagram feed on Shopify website. After generating embed code follow the below simple steps:

A. Embed Instagram feed on Every Page

To embed Instagram feed on every page on shopify, follow these steps

Step 1

Select Themes in Shopify Dashboard, then click on Actions.

Step 2

Select Edit code from drop down.

Step 3

Find the theme.liquid file

Step 4

Search content_for_layout.

Step 5

Paste the generated Aggreto code outside the main div and click Save.

B. Embed Instagram feed on Homepage

To embed Instagram feed on the homepage on Shopify, follow these steps

Step 1

Select Themes in Shopify Dashboard, then click on Actions.

Step 2

Select Edit code from drop down.

Step 3

Find the index.liquid file

Step 4

Search content_for_index.

Step 5

Paste the generated Aggreto code outside the div and click Save.

C. Embed Instagram feed on a Single page or post

To embed Instagram feed on single page or post on Shopify, follow these steps

Step 1

Select Online Store in Shopify Dashboard, then click on Pages or Blog Posts.

Step 2

Select the page or post where you want to add embedded code.

Step 3

Click on the <> icon to switch to HTML view.

Step 4

Paste the generated Aggreto code anywhere on the page or post.

Step 5

Save the changes.

D. Embed Instagram feed using Custom HTML section

To embed Instagram feed on Shopify website using Custom HTML Section, follow these steps

Step 1

Select Themes in Shopify Dashboard.

Step 2

Click on Customize.

Step 3

Select the Add Section.

Step 4

Find and select Custom Content.

Step 5

Select Add Content.

Step 6

Select Custom HTML.

Step 7

Paste the generated Aggreto code in the HTML box.

Step 8

Now save the settings.

Conclusion

So, here we have shared everything about how you can embed your Instagram feed on various website building platforms using Aggreto. So, what are you waiting for? Showcase your all earned user-generated content on your website and build more trust among people.