How to add an Instagram feed to Shopify

A hashtag campaign embedded on an e-commerce site

Over the past few years, Instagram has quickly become one of the most important marketing channels for e-commerce. Consumer brands are active on Instagram – they share the latest product news and discount coupons, and organise competitions. Also, brands engage their customers in sharing feedback and reviews with branded hashtags in user-generated content campaigns.

At the same time, Shopify has become one of the best options for setting up your online store. Shopify’s self-service concept does most of the heavy-lifting, and e-commerce site owners can concentrate on marketing, selling, and distributing products. With the Shop Pay feature, Instagram and Facebook have integrated shopping into their apps – consumers can purchase items from a Shopify store without leaving the social media channel.

The growing popularity and easy integrations are some of the reasons why Shopify site owners are looking for solutions that can help them to add a live updating Instagram feed to their store. An inspiring Instagram feed on your Shopify store homepage increases time spent on site and drives traffic to your Instagram channel, too

With Flockler, you can embed an Instagram feed with your branded content into Shopify – or you can curate the best content from a hashtag campaign. You don’t need coding skills, and the setup takes a few minutes.

Here’s a three-step guide on how to add an Instagram feed to Shopify:

  1. Gather images and videos from any Instagram Business account or by hashtag.
  2. Choose a layout: Wall, Grid, or Carousel.
  3. Embed an Instagram feed into any Shopify page, product, collection, etc.

1) Gather images and videos from any Instagram Business account or by hashtag

The first step is to sign up for a free account with Flockler. Our free trial allows you to use the full product for 14 days - no commitment or credit card is needed at the start.

After creating your account, you’ll be directed to the Automated Feeds section of Flockler. Our bot will help you create a live-updating feed from Instagram. For example, you can gather all the images published by your Business account or gather images by anyone mentioning a branded hashtag. With Flockler’s moderation tools, you’re in full control of what’s displayed in your Shopify store.

Here’s a one-minute video on how to gather images from an Instagram hashtag campaign:

2) Choose a layout: Wall, Grid, or Carousel

After adding one or multiple live-updating Instagram feeds, the next step is to select your favourite layout. Flockler provides three layouts for you: Wall, Grid, and Carousel.

Choosing the embedded layout on Flockler user interface

After selecting the right option for you, you’ll get an embed code to add to your Shopify store.

3) Embed an Instagram feed into any Shopify page, product, collection, etc.

The last step is to add the Flockler embed code to your Shopify store.

In general, you can add an Instagram feed to all Shopify pages, to the homepage, to all product and collection pages, or any individual page. I’ll go through all the various options next.

1) Add an Instagram feed to all Shopify pages

Sometimes Shopify store owners like to add Flockler to all the pages. For example, Flockler can show up before the footer on the homepage and all other pages.

To add an Instagram feed to all Shopify pages, you’ll need to edit the theme layout. Go to Themes, click ‘Actions’ and select ‘Edit code’.

Edit theme view on the Shopify store admin

Find the 'theme.liquid' from the left, scroll down until you find the footer section, and place Flockler’s embed code above that.

Add Flockler to Shopify via the theme editor

Click ‘Save’, and you are all done! An elegant Instagram feed will be displayed on every page of your Shopify store.

2) Add an Instagram feed to the Shopify homepage

Follow the instructions for adding Flockler to all Pages but instead of adding the embed code to the 'theme.liquid', select 'index.liquid' this time. You can add the embed after the main content or add Flockler between other elements you have on your Shopify homepage – you’re in full control, and it’s easy to change the position of the Instagram feed later.

Edit the homepage view on the Shopify theme editor

3) Add an Instagram feed to all products and collection pages

If you’d like the Flockler embed code to show on all collections and product pages, you can follow the previous two options’ instructions. In this case, the 'collection.liquid' and 'product.liquid' define layouts for all collections and products, and you can add an Instagram feed to either of them.

4) Add an Instagram feed to any individual Shopify Page

Sometimes you’d like to add an Instagram feed to an individual page. For example, you might want to have a unique feed visible on a product page.

One option is to embed Flockler directly to the page content. From the text editor, click the ‘HTML button’.

Shopify’s content editor

Then add Flockler anywhere in the text.

Shopify’s content editor and the Flockler embed code in description field.

Why do brands add Instagram feeds to their Shopify site?

1. Drive sales with social proof

The most effective way to increase sales is to gather product feedback from your customers through an Instagram hashtag campaign and include some of the best posts as social proof on your website.

2. Increase time spent on site

A beautiful Instagram feed on your Shopify store keeps visitors engaged with your content longer and increases time spent on site.

3. Higher reach for your branded content

The more people who view your Instagram content, the more people will visit your branded channel and engage with your content.

4. Grow the number of followers

An engaging Instagram feed will drive traffic back to your profile and increase the number of fans/followers.

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 14-Day Free Trial
Start your 14-Day Free Trial