How to Embed Instagram Feed on Your Website for Free

Embed Instagram Feed on Website

From 1 million to over 1 billion users in 2020. Amazing!

Instagram came a long way to achieve this milestone. Now, Instagram doesn’t need any introduction, its popularity and number of daily active users tell everything. 

Can you assume a day without Instagram? It feels like a nightmare. Right!

This is the kind of addiction and impact of Instagram that we can’t even imagine a day without it.

Basically, it became a part of our day-to-day activities where we wake up in the morning, and checking Instagram is our first priority of the day. It doesn’t matter how old are you but “from I don’t use Instagram to I can’t live without Instagram”, we have all came a long way.

Not only individuals, but brands also rely on it in their day-to-day marketing plannings and strategies.

Why not? Because Instagram is the most powerful social media network that empowers brands and marketers to reach out to their target audience. Instagram is one such platform that helps to bridge the gap between brands and audiences in a direct way.

Instagram is the only platform that gives brands a great opportunity to increase awareness and generate authentic user-generated content

But how does it look? If you can connect your website visitors to your Instagram profiles or can display your user-generated content to them. 

Sounds great! Right.

So, embedding Instagram feeds on websites is the best option for you to connect your website visitors to Instagram posts. 

Now so many questions are popping up in your mind. How is it possible? What are the benefits? Is this free or affordable? 

Calm down, calm down. We’ll answer your every question through this blog.

Yes, it is possible and has many benefits. Also, it can be done with both free and affordable options.

How to Embed Instagram Feed on Website

  1. Create a free account on Onstipe
  2. Add a hashtag or handle 
  3. Connect your Instagram business account (Connect with Facebook)
  4. Generate your Instagram feed embed code
  5. Copy and paste the Instagram feed embed code on your website.

As simple as it looks, right.

For a more detailed way, read the step-by-step guide below.

Embed Instagram feed on website for free

Before starting to embed Instagram feed on the website. We would like to let you know this process is completely free. Here we are using our platform Onstipe to embed Instagram feeds on website for free. Onstipe comes with a free forever plan that includes 3 major social networks (Instagram, Facebook & Twitter).

Onstipe is social media aggregator tool that lets you collect, curate, and display social media feed on websites or Tv/digital screens. You can collect content from multiple social media channels such as Facebook, Twitter, LinkedIn, Vimeo, Instagram, YouTube, etc. Try it now

Step 1: Create a free account

Onstipe provides users a 14-day free trial to explore and try its service. Create a free account with Onstipe (start with a 14-day free trial). If you are an existing user then log in to your Onstipe account from here.

Step 2: Create a Stipe

After signup, you need to create a Stipe. Stipe is also known as a social wall. In this Stipe, you can manage and design your feeds.

Then select Stipe for Website Embed between two options. Now click Create button.

Step 3: Choose Instagram feed as a Source

After clicking on the Create button, you can see multiple social channels. Select Instagram Business Icon as a source.

Select your preferred Instagram feed type >> Hashtag, Handle, or Tagged

  • Hashtag (#) – To embed Instagram hashtag feed on website. Collect your earned user-generated content or hashtag included posts. Required Instagram business account.
  • My Post (@) – To embed Instagram profile on website using Instagram personal account.
  • Handle (@) – To embed Instagram profile on website using Instagram business account. Collect your profile Instagram posts using your username or handle.
  • Tagged (@) – To embed Instagram tagged feed on website. Collect posts in which you are tagged.
  • Story – To embed your Instagram stories on website.

After choosing your connection type, enable the Moderation option according to you. When you enable it then your all Instagram posts go for moderation and you have to make them public manually.

 If you want to make all the feeds public then leave the Moderation option Untick.

Now click on the Create button.

Step 4: Authorize Instagram account

Connect your account to an Instagram Business Profile to authorize your feed. (For My Post Source, you can use an Instagram personal account.)

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

Click on Continue with Facebook. Your Facebook account must be connected with your Instagram Business Profile and has a business page.

Step 4: Design your feed

You can update the design of your Instagram feeds from the Layout Design section. You can choose pre-set layout designs or can edit your design as per your need.

In the Layout design section, there are various pre-defined themes with different styles. To add any promotional content or any custom content on the Instagram wall, you can use the Manual Post option.

Step 5: Moderate your feed

After feed authorization, your Instagram feed will come in the Moderation section. From here you can remove any post or block posts by words.

Additionally, you can pin and highlight your post on the Instagram wall. Also, there is an advance option to add a Call-to-action button on feeds.

Step 6: Embed Instagram feed on website

Now click on the Display Options tab. And click WebEmbed.

Set Width and Height for your Instagram widget as per your need.

Click on Copy Code to copy the generated embed code. You can see a preview of your Instagram wall anytime by clicking on the Display Stipe button.

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

Alternative options to embed Instagram feeds on Website

Instagram’s Official Embedding Tool – Individual Posts

Instagram gives you an easy and free way to embed Instagram feed on website. You can use this method to embed your Instagram feed with any website building platform such as WordPress, Wix, Weebly, Shopify, Jimdo, Squarespace, and so on.

But there are two major drawbacks you can face if you go with this feature of Instagram. 

First, you can only embed a single Instagram post at a time using this option. You have to add each post manually on the website. So there are no updates available and you can’t get posts automatically from Instagram. 

The second major drawback, you can’t customize and design your Instagram feed according to you.

Follow the below steps to embed Instagram posts on the website using Instagram’s Official Embedding Tool-

1. Open your Instagram Business App in a web browser.

2. Pick a post that you want to embed and open it.

3. Select the three dots menu option from the right top corner of the post.

4. Choose the Embed option and copy the code.

5. Simply, paste the copied embed code on any page of your Website.

Now you can see your Instagram post on the Website.

Instagram Feed Plugins

If you have a WordPress website then plugins can do the job for you. The third-party plugins allow you to embed your Instagram feeds on the website easily. 

There are a lot of plugins available, some are free and some are paid. Choose the best Instagram feed plugin as per your need and budget too. You can visit the plugin section for WordPress plugin from here and get the best one for you. Make the right choice and choose the perfect one between Smash balloon, Instagram feed ed, Social feed gallery, or many more.

Benefits of embedding Instagram feed on your website

There are so many benefits of embedding Instagram feeds on websites. You can improve your brand image, increase more followers, likes, build more trust, and can boost your marketing game anytime.

Not enough? Then there are more

  • Drive your website visitors to Instagram profile;
  • Generate more authentic and real user-generated content;
  • Improve website UI by adding Instagram feed on the website;
  • Turn your leads to sales, boost conversions;
  • Build more trust among users and improve brand reputation;
  • Extend the reach of your Instagram content;
  • Generate more conversations and discussions;
  • Hold visitors for a long time and improve dwell time;
  • Encourage website visitors to use your brand hashtag;
  • Increases product visibility and reach;
  • Add more spark and style to the website;
  • Display real reviews of real users – Social Proofs;
  • Increase audience engagement.

Are you feeling the same? Excited to embed an Instagram feed on your website after knowing lots of benefits

So, what are you waiting for?

Let’s start embedding Instagram feed on websites with Onstipe

Summing up

Here we have shared everything about how to embed Instagram feeds on a website for free. Using Onstipe, you can save your time and money and can show Instagram photos on the website beautifully.

So, what are you waiting for? Start displaying your all-earned user-generated content on your website and connect your website visitors to your Instagram presence.