How to Integrate Instagram Feed Into Website
Have you worked very hard to create a beautiful Instagram feed, and now you want to show the world your masterpiece? We got you. Embed an Instagram feed on your website to attract customers and gain their trust, in just a few simple steps.
How to embed an Instagram feed on your website in 3 simple steps
- Create your free Walls.io instagram widget
- Choose your Instagram account as a "Source"
- Copy and paste your wall's code snippet into your page
Done! As easy as that you add your Instagram content to your website!
If you are looking for a more in-depth and graphic explanation on how to embed an Instagram feed on a website, keep on reading or watch our video.
But first, let's talk about all the benefits of adding Instagram content to your website.
Why should you embed an Instagram feed on your website?
There are multiple advantages to embedding your Instagram feed on your website, and we have a whole page dedicated to them. For now, we will focus on the most powerful ones.
Did you know that 50% of consumers say that seeing an Instagram feed on a brand's website helps them discover a new product during their visit? An embedded Instagram feed is not only a great way of showing people actively using and enjoying your products or your services but an opportunity to promote your product range.
Besides, you can increase your revenue with user-generated content. Collect and display Instagram posts from real customers and embed them on your website. An Instagram feed with user-generated posts will create trust in your products and help people decide to buy. Nothing is more inspiring and reassuring about the quality of a product than seeing other people use it.
Now that you are convinced, follow these steps to embed an Instagram feed on your website.
1. Create your free Walls.io account
First of all, set up your free Walls.io account. Then go to Settings and choose the basic features of your wall, such as title and URL.
Then head over to Sources, and follow step 2.
2. Choose your Instagram account as a "Source"
In Sources, add the URL or name of your Instagram account. Note that only business accounts can be linked to a wall. If you don't have a business account yet, read how to turn your personal account into a business account. Or, watch the video explanation on how to do it.
After turning your Instagram account into a Business acount, click on connect. This will redirect you to Facebook, where you will select the account and page connected to your Instagram account, and give permission to Walls.io to collect content.
After connecting Facebook, write your account's handle or link and choose if you want to pull content from your profile or a hashtag. Additionally, you can add filters to further narrow down your content.
Finally, click Add. That's it, you connected your Instagram to your wall!
Bonus step: Design the Instagram feed embed of your dreams
After choosing a source for your wall, you'll want to personalise the design. Go to the Design tab and begin adjusting your Instagram wall to your liking.
First, choose a layout. You have 5 options: Fluid, Grid, Kiosk, Bricks, Map or Billboard. For an Instagram feed, we recommend Fluid, Grid, Bricks and Kiosk, as they will keep the square format of Instagram posts intact.
Then, customise the colour scheme of your wall and tiles.
At the bottom of the design settings, you will find Advanced Customizations. Here you can choose how many columns to show, how to sort posts, language and animation. You can even enter custom CSS code to style your wall.
3. Copy and paste your wall's code snippet into your page
Lastly, on the main menu, go to Embed and Display. There you will find your wall's code snippet, which you can copy and paste into your website.
Your Instagram feed — a goldmine of content
If you have a beautifully curated Instagram feed or a branded hashtag with lots of user-generated content, you are pretty much sitting on a goldmine of content. Show off your grid on your website as many brands do.
For instance, Ferrari uses an Instagram feed on its website to present and promote the content they put so much work into. By embedding their Instagram feed, they create an interactive brand experience on their website.
IKEA also uses an Instagram feed to inspire online shoppers. They embed an Instagram feed to display user-generated content posted by customers using the store's official hashtags. They have different feeds for different website sections and tailor the Instagram content to fit each of them. This way, users only see posts about products they are interested in based on the page they are viewing.
Additionally, you can add a CTA button to products featured in your Instagram feed embed. Beyerdynamic uses these buttons in combination with user-generated Instagram posts to call attention to their products.
You decide what to display
With an Instagram feed embed, you always have control over what content to display. Walls.io allows you to personalise your content and hide posts that don't match or are not relevant for your website.
Embed an Instagram feed on your website now!
Source: https://blog.walls.io/social-media-success-stories/embed-instagram-feed-on-your-website/