How to embed an Instagram feed on your website

Adding an Instagram feed to your website helps customers to see how your company’s products and services are being used by others.

Instead of selling your product or service with words, or slick images, you are showing what’s happening in the real-world. Displaying this compelling social content on your product pages can improve conversion rates, increase sales, and enhance the customer’s perception of your product while on your website.

But how is it done? Here’s a simple step-by-step guide on how to embed an Instagram feed on your website:

  1. Create an Instagram feed
  2. Copy & paste an embed code on any website
  3. Moderate

1. Create an Instagram feed

Here's how you can create an Instagram feed on Flockler:

  • Click 'Automated Feeds' after login
  • Select a channel: Instagram
  • Connect your Instagram account. Note that you'll need to connect a personal Facebook account with access to organisation's Facebook Page and Instagram Business account. Learn more
  • Add all the hashtags you’d like to display on your website or display content from your Instagram account
  • Save the feed and move on to step 2.

2. Copy & paste an embed code on any website

To find your Instagram embed code, just click ‘Display’ after login. Then, you just need to copy and paste the embed code.

Our embed code will automatically create a responsive layout for your Instagram feed (e.g, wall, grid, or carousel layout), but you can overwrite its styles with a few lines of CSS.

This code will work on any website and platform, such as Wordpress, Squarespace, Shopify, Wix and beyond.

Here’s an example how a social media feed looks on a website:

3. Moderate

If you’d like to hide unwanted or inappropriate content – or just curate some of the best content from your automatic Instagram feed - you can easily do this. Just click the ‘Hide’ icon on the right-hand side to hide a particular update:

You can also choose to easily block content mentioning specific keywords or posted by a specific Instagram user. You can set up your blocked Instagram keywords and users by navigating to the ‘Automated Feeds’ section after logging in.

Take a look at our Help Center for more tutorials and guides, on Instagram and other topics. Or just use the live chat in the bottom right to get in touch with a member of our team.

3 beautiful examples of an Instagram feed on a website

Would you like to see a few examples of an Instagram feed embedded on a website?

I bet you do!

One of my favorite examples is GoPro’s Instagram wall. The wall gathers the latest images and videos from GoPro’s account with the hashtag #GoProAwards. GoPro’s marketing team curates and highlights the best images and videos from their customers and display the stunning Instagram feed to inspire others to learn more about their products.

An Instagram feed embedded on the GoPro website

Another great example is a grid of Instagram images embedded on the website of Hapag-Lloyd Cruises. Instagram images and social proof highlighted on the homepage increase time spent on site and drive conversion rates.

A grid of Instagram images embedded on the Hapag-Lloyd website

A third example is a carousel of Instagram images on Duncan Hamilton ROFGO homepage. A carousel works well on homepages where space might sometimes be limited.

A carousel of Instagram images embedded on the Duncan Hamilton ROFGO website

With Flockler, you can gather and display social media feeds from your favourite channels. See the full list of supported content types and sources

Flockler helps marketers like you to create social media feeds and display user-generated content on any digital service increasing dwell time and drive conversions.

Book a demo Start your 30-Day Free Trial
Start your 30-Day Free Trial