How to embed an Instagram feed on your website

8 min read

LinkedInTwitterFacebookEmailCopy Link
How to embed an Instagram feed on your website

Anybody who has an online presence is on the Instagram train at this point – and for good reason. Brands and companies on Instagram see an increase of follower growth of 6%-8% month-by-month. And with how long people already spend on Instagram (daily average is 53 minutes), it’s a disservice not to take your piece of the pie. Read on to find out how to embed your Instagram feed on your site and quickly boost both engagement and conversions.

Why should I embed Instagram feeds On my website?

There are a wide array of different reasons why you should embed Instagram feeds on your site. Integrating User Generated Content into branding via a User Generated Content Platform has been proven to build a more trusting relationship between marketer and consumer as social media images of a product become a form of social proof that verifies a brand. Sharing Instagram content created by consumers on a site helps to build rapport with consumers as they can see themselves reflected in the content.

Embedding your Instagram feed onto your website can keep a user engaged on the page longer, reducing the page’s bounce rate, as there is a consistent stream of content for them to be absorbed in.

Embedded Instagram feeds are customizable as well, meaning that brands can moderate the content they choose to share, which in turn can align with a particular strategic aesthetic, campaign, or message. Feeds can also be categorized by hashtags, which becomes a neat way to organize product content and can encourage customers to share their own images featuring your product accompanied by the relevant hashtag.

Embedding Instagram Feeds

There is a multitude of different ways to embed your Instagram feed on your website and one of these ways is actually via Instagram’s own tool. The platform boasts a simple HTML embed code option that lets you add single posts to any area of a web page via WordPress. This option is best for those seeking to embed certain content on their site, but if you’re after a constantly updated feed then looking into an aggregator or a User Generated Content platform will be a better option.

The process of embedding Instagram into your site via Instagram itself is fairly straightforward and consists of copying and pasting an Instagram HTML code. Take a look at the steps required to complete this process below: 

  1. Login to Instagram on desktop 
  2. Locate the Instagram image(s) you’d like to embed on your website (find the URL)
  3. Click on the three dots on the top right corner of the image and then click on ‘embed’
  4. You will then see the relevant HTML code, copy and paste this into your WordPress website wherever you would like the image(s) to be located
  5. Instagram image(s) will then be on your website

But there’s more to this engagement than just what the confines of what Instagram can provide. Embedding your Instagram feed on your website is simple if you follow these steps:

  1. Collect all of your Instagram content through a platform like Flowbox
  2. Manage what content from Instagram you want to appear in your website
  3. Customize the look and feel of your Instagram feed integration with a Widget Editor

And, if you’re an eCommerce brand, you can take it one step further by connecting your product catalogue to your Instagram content to improve your online shopping journey.

When you embed an Instagram feed on your website in this way, you’re taking the kind of content that people spend hours a week looking at and putting it where you want them to be spending time – your website. 

Embedded Instagram Feed of Hashtag Campaign

Your concern might be that an embedded Instagram feed could actually pull people away from your website. So instead of browsing your website’s content, they’re bouncing right back to Instagram. In this case, I have the perfect solution for you: make this embedded content ‘shoppable.’

And if your Instagram feed is sprinkled with reposted images from your users, even better! This kind of User Generated Content (UGC), when integrated on your website is 5X more likely to convert than professional content in an embedded Instagram feed.

In this post, we’ll go further into the process of embedding an Instagram feed on your website, whether it be an eCommerce store or company website. Then, we’ll move onto making these feeds shoppable and increasing your conversions with authentic UGC.

Ready? Let’s get to it.

Why not check out our guide to Instagram best practices for content professionals.

How to embed an Instagram feed on your website

First things first, you want to get your Instagram feed on your website – but you want it to look great and not slow down your site speed.

The easiest way to achieve all of these goals is by using a tool that collects your content and enables you to manage what appears on your site in the process. Then, it integrates the media directly into your online presence in stylish User Generated Content galleries.

While there are a lot of tools out there that claim to embed Instagram feeds on a website, you have to be careful to choose one that won’t affect how quickly customers can access the rest of your pages. You want it to bring value, not detract it.

With the Flowbox platform, you can achieve all of these goals in one place. First, you can seamlessly connect your Instagram account, as well as the hashtags that you’d like collect from.

Then, from within the platform, you have the opportunity to curate this content before it’s integrated into a gallery or carousel of your choice. All without slowing down the speed of your site.

Our technology was built from the ground up to serve small, as well as very large brands, accommodating millions of visitors a day. So you can be sure that our widgets have been designed to ensure the fastest loading times possible.

Embed Instagram Feed of Denby Pottery Homepage

As for the integration process, this is easy as well. With Magento, Shopify, WooCommerce, PrestaShop or most other website building platforms, a simple plug-in will do the trick. There’s even a simple Javascript option for brands that work with any other platform.

Let’s take a look at what this looks like using different platforms!

Magento

Getting Flowbox integrated on your website using the Magento module is super easy if you follow these simple steps…

  1. Download the latest version of the Flowbox extension that corresponds with your Magento module.
  2. Install it using the Magento Connect Manager, which will guide you through the entire process.
  3. Set-up your tracking pixel in just a few minutes.
  4. Export and store your product feed to set up the automatic product feed export.
  5. Manage your content within the Flowbox platform, including linking your product catalog if you have one, approving content, and assigning products.
  6. Publish your content into widgets which you can easily design to match your brand’s look and feel with our Widget Editor.

Then enjoy sharing your brand through the eyes of your customer like this…

Embed Instagram Feed of Shoe Brand

Shopify

Getting Flowbox integrated on your website using the Shopify module is super easy if you follow these simple steps…

  1. Install Flowbox into your website using the Shopify app store, follow the steps to do so.
  2. Set-up your tracking pixel in just a few minutes, which allows you to track the media that’s performing the best and measure your ROI.
  3. Export and store your product feed to set up the automatic product feed export.
  4. Manage your content within the Flowbox platform, including linking your product catalog if you have one, approving content, and assigning products.
  5. Publish your content into widgets which you can easily design to match your brand’s look and feel with our Widget Editor.

Then enjoy sharing your brand through the eyes of your customer like this…

Embed Instagram Post of brand Inkaddict

WooCommerce

Getting Flowbox integrated on your website using the WooComerce module is super easy if you follow these simple steps…

  1. Download the latest version of the Flowbox extension for WooComerce. Flowbox will automatically appear on WordPress.
  2. Set-up your tracking pixel in just a few minutes, which allows you to track the media that’s performing the best and measure your ROI.
  3. Export and store your product feed to set up the automatic product feed export.
  4. Manage your content within the Flowbox platform, including linking your product catalog if you have one, approving content, and assigning products.
  5. Publish your content into widgets which you can easily design to match your brand’s look and feel with our Widget Editor.

Then enjoy sharing your brand through the eyes of your customer like this…

Embed Instagram Feed of SmarTours

Match the look and feel of your site

While tech support is always there to help you tailor your integration, our platform also comes with a Widget Editor. This allows you to make changes to your feed without any calls to tech.

Embed Instagram Feed Format

So no matter what kind of integration that you have, you’ll be able to make updates to it directly in our platform. It’s super easy to create an integration that will fit perfectly with the rest of your website!

With the help of the Flowbox platform, an embedded Instagram feed is simple to create. Plus, it’s incredibly effective for bridging the gap between your social media accounts and your website.

If you’re an eCommerce brand that wants to make this integration even more functional, you can take it one step further by embedding an Instagram feed with ‘shoppable content.’

(Trick: this function can also be useful for websites who want to use pictures from Instagram as a CTA – any kind of landing page will have higher visibility with CTAs that appear within your embedded Instagram feed!)

Make your Instagram feed ‘shoppable’

Just like in the actual Instagram platform, eCommerce brands with an embedded Instagram feed also have the ability to connect the feed directly with products in your brand catalogue. But rather than filtering people from Instagram to your website, embedded Instagram feeds are designed to keep people on your website until they make a purchase.

That way, when a user is browsing the latest styles from Instagram in a Lookbook or a social media gallery on your site, they won’t have to go far to find the products that are featured in the images.

Embed Instagram Feed

When your images are directly connected with products, you can track which images get the most conversions. Meaning you have some intel on the kind of social content that resonates with your customers. Plus, who doesn’t love to measure an increase of conversions?

But how do we make this content shoppable? It all goes back to picking the perfect tool for bridging social with eCommerce or other online presence.

Remember when we talked about managing your content before displaying it in your embedded Instagram feed? This is also where – with the Flowbox tool – you can directly connect content with products.

After uploading your product catalogue into the platform, you’re now ready to start connecting.

But you don’t have to worry about spending hours on this process. Flowbox Recognize is an image recognition tool that is designed to help you easily make connections by suggesting the product that you wish to connect.

If there’s more than one product in the image, perfect! The more the merrier; simply connect more of your products to each image. Or make your content even easier to navigate with the Hotspots tool, which gives shoppers a better idea of where products appear in each photo.

Embed Instagram Feed

Then, head to the analytics dashboard to gain advanced insights into how well your content is performing. Here, you can learn which specific images or users help you sell the most – which is a great way to get to know your customers.

Now you don’t just have an embedded Instagram feed, but you also know which of your Instagram images are actually resonating with your customers. Let’s take it one step further.

User Generated Content, the kind that many companies are successfully leveraging in their marketing, can improve the performance of your embedded Instagram feeds by serving as authentic social proof.

Increase conversions and engagement by displaying customer content in your feed

On average, we see a 10% conversion rate increase by integrating customer content into embedded Instagram feeds within website. But there’s a huge potential to surpass even that.

International watch brand, CLUSE, saw a 19% increase of conversion when they integrated UGC into their embedded Instagram feeds.

Embed Instagram Feed of Cluse Homepage

The UGC strategy is already considered one of the most powerful in the world of social media marketing today, with high potential for building a brand community with customers and increasing engagement. We can’t overlook the importance of word-of-mouth marketing!

So with this potential at your fingertips, it only makes sense to extend it further by connecting your UGC strategy to your online strategy.

By displaying customer content on your website, you know that you’re already displaying content that resonates with your customers – because they shared it with you! UGC then becomes a sort of visual review or social proof that helps to inspire customers to purchase.

If your main concern is about getting rights to these images, there’s a solution for this too.

Within the Flowbox platform, the Media Rights Tool enables users to easily request media rights from customers without fear.

Plus, the rights are required if you decide to use this content on Facebook or Instagram ads (another task that you can quickly manage through the Flowbox platform).

Embed Instagram feeds everywhere

Now that you know how to embed an Instagram feed on your site that’s full of shoppable UGC, it’s time to see what else you can do with it. Lookbooks and homepage integrations are useful for reaching your audience, but there’s a lot more you can do with an embedded Instagram feed in your website

By displaying a UGC carousel in product pages, customers can see other people wearing only the products that they are considering.

Embed Instagram Feed Ulanka shoes

This helps to give a big push of social proof, which will hopefully be all your customer needs to convince them.

But, if they happen to abandon their shopping cart or leave your website prematurely, you can embed Instagram feeds into your email marketing. This tactic is effective because customers are shown images of products that they almost purchased being used by someone else. Then they’re given another opportunity to click back through to the product and reconsider their purchase.

When it comes to social content, think big

Whatever you imagine for your embedded Instagram feeds, it’s possible. You just need to find a good partner that can help you do it in a way that will keep the high-quality of your site and inspire your customers – not turn them away.

If any of the integrations laid out above sound interesting to you, request a free demo to try it for yourself.

Then, get to selling more with social content.