How To Add Instagram To Shopify

The integration of social media feeds gives your business website on Shopify a fresh look, which means you are active online and connecting with your customers and fans. You can also show what people are saying about your brand on Instagram. And who can better talk about your brand, products or services than your loyal customers?
Try in Free Demo
Share on Facebook
Share on X
Share on LinkedIn
Share on WhatsApp
Copy Link
How To Add Instagram To Shopify

Many e-commerce companies post pictures and encourage community engagement on this social network these days, but surprisingly only a handful of them embeds social content on their Shopify page. Planning and creating stunning Instagram Feed takes a lot of sweat, so it makes sense to unlock the potential of that content on your Shopify website. You can also check our full Instagram integration guide for any CMS.

3 Options For Integration

Shopify has many options for Instagram integration, which allows you to add an Instagram feed to your website, post pictures on your Shopify store, or share products on Instagram Stories.

Method 1: Third-Party Social Plugin

Meta’s internal services do not provide an out-of-the-box plugin that would allow integration of the content from your Instagram profile. So if you want to embed hashtag feeds or your Instagram account content, you need to use third-party plugins. 

These plugins work by allowing you to link your account and then embed a unified gallery and feed of your recent Instagram posts, the content you want to share or specific hashtags. This is an easy and hassle-free option for beginners, and you should check out the easy-to-use integration solutions available today. Elfsight offers any user the ability to create a custom Instagram Feed plugin and embed it in their Shopify website free of charge for testing.

Start with creating the Instagram Feed for your Shopify site!

Why is the Elfsight Instagram Feed plugin one of the best on the market?

  • No programming knowledge or designing skills required – anyone can create a personal Instagram Feed app and embed it on any website builder or e-commerce CMS (including Shopify).
  • Free professional customer service – If customers have problems with the setup, support experts are always available and will install the plugin on your Shopify store for free.
  • Not necessary to register an account – you mustn’t login to the service to access the full functionality. Investigate the power of the plugin in an online demo.
  • All devices supported – Fully responsive and mobile friendly interface that looks good on any screen and device.
  • Adaptable plugin interface – you can disable anything to keep your feed minimalistic or create a developed Instagram section for Shopify with header, CTA button and other elements.
  • Different layouts and templates available – customizable rows and columns and numerous other settings. You can add content by URL, hashtags, and username.
  • Try and embed Instagram Feed for free – if you decide to use Shopify app permanently, the pricing is reasonable, and you really can use the plugin at the cheapest tariff plan.

Method 2: Add Individual Posts Manually

You may want to perform the integration of individual images and form custom feeds on your Shopify website. While this is easy, it can become cumbersome over time as you have to embed certain posts over and over again. This means that every time you create a new Instagram post, you have to go back and edit your embed if you want it to show the most recent posts. For most people who post daily, this would be a big deal for little value.

Embedding a single Instagram post is easy. 

  1. Just navigate to the post and select a 3 dot menu button in the top left corner. 
  2. You will see several options including Embed. Tap  this option. 
  3. Copy the data shown in the pop-up window.
  4. Next, paste this installation code from your Instagram post into a custom HTML block on your Shopify website and it will  automatically become an embed.
  5. Done! The process is that simple. You can add several Instagram posts this way to a website to create your own feed.
Instagram integration for shopify

You can also add additional parameters, e.g., specify the width of the post, hide the captions, and only show the image.

Important: Please note that this method only works if you have a professional Instagram account. In order to embed specific images in an online shop or website, the associated account cannot be made private. To make an Instagram account public, go to that profile and click Settings -> Privacy. On this page, uncheck the “Private Account” option and you’re done.

Method 3: Develop Custom Code

If you are tech savvy and able to code, you also have the option to create web applications yourself. You’ll need to request an authentication token, which will grant you access to the official API (and this is where things get tricky for most programmers).

First, Instagram does the process of changing its API after multiple data leaks. There is an accelerated plan to drop Instagram API in favour of Facebook’s Graph API. The potential result you should expect from this step is removing the ID that allows you to collect photos from other users.

One problem with creating your own Shopify Instagram plugin is that you also have to update it yourself as the platform makes changes. This means that any Instagram change will make your app  unavailable until you can update the code. This re-embedding and re-application can take days or weeks, leading visitors to think your site is incomplete.

Important: This metod is only suitable for profeddional web developers! You can hire someone to create an instagram feed code for your use case. This works well for custom Shopify websites or when you need a highly customised look for your embedded content. By choosing custom software development, you can meet your most important concerns and needs.

How To Embed Instagram Feed To Shopify

Now, when you have got the Instagram Feed code, it’s time to add it to your Shopify website. Embedding a app on the home page is really easy and any internet user with average skills can do it. You will work in an online editor with an intuitive interface to create a plugin that best suits your Shopify use case and website design. Just follow the instructions of the detailed guide below.

  1. Register at the service
  2. Go to the editor to create your own plugin.
  3. Design your Instagram feed.
  4. Get installation code.
  5. Proceed to your Shopify Admin Board

Sign up for an account with Elfsight to gain access to your admin panel. There you can copy the code of the Instagram plugin for installation. First you need to connect your Instagram profile to the Feed app interface or enter a hashtag to add the content. Then choose one of two types of filters – exclude by source and show only specific sources.

Next, play around with numerous customization and functionality options. You can create walls, grids, carousels, and slideshows that display the images. Change the number of posts shown, hide items, change the colour theme, and more. Click the ‘Add to Website’ button and copy the code that appears in the pop-up window. After you’ve copied the code of your created Instagram Feed, go to your Shopify account to embed it there in a custom section.

Add Instagram to a specific Shopify Page

You can embed your Instagram feed on a Shopify homepage or create several individual feeds for separate product or section pages of an online shop.

  1. Open your website’s visual editor, go to the Online Store and press Customize.
  2. Add the Custom Content section to the target page (When you go to the visual editor, the home page is opened by default, but you can select the right page of your Shopify website from the dropdown menu.)
  3. Go to “Sections” in the left-side menu and click on “Add new section”. 
  4. Give it a name and an editor will open. 
  5. Add the Instagram Feed installation code there and save the changes.
Add Instagram to Shopify Template
  1. Login to your Shopify account and select a store where you want to see the plugin. Select Actions → Edit Code option.
  2. Open the theme template – find the theme.liquid file in the Layout section and click on it.
  3. Paste the Instagram Feed app installation code before the closing </ body> tag.
  4. Save the changes and go to your Shopify website to see the embedded app in action.
Add Instagram to All Shopify product pages
  1. Go to the Shopify admin. Log in to the backend of your Shopify website, go to the online store and select the Actions  → Edit code option.
  2. Open the design template. Then go to Sections → Product Template File (If you are using Shopify Store 2.0, you should select the main-product.liquid file instead.)
  3. Find the place where you want to display the app, paste the app installation code there, and save the changes.
  4. Great! You have embedded your Instagram Feed app on every product page of your Shopify website!
Add Instagram to specific Shopify product pages

You can also embed an Instagram feed on each individual Shopify page. 

  1. Log in to your Shopify website’s backend, go to Online Store and select Actions, the Edit code option
  2. Next, open the main-product.liquid file in the Sections folder of your Shopify 2.0 Store. Note: In case you use older versions of Shopify, you may need to choose the product.liquid file instead.
  3. Paste the code block below to the desired area in order to create a block container for the app. Save the changes.
  4. After saving the changes, go to the Online Store and select Customize. In the top dropdown menu select your Shopify product pages.
  5. Add the block for the Elfsight Instagram Feed app you’ve created earlier. Depending on the theme of your Shopify shop, you can see Product information or Product Pages folder. Open the folder, click on Add block at the bottom of the folder and add an Elfsight app block.
  6. Open the Elfsight app block, select the desired Shopify product and add the installation code of the Instagram Feed to the section below.
  7. Save the changes by clicking on Save in the top right corner of your shop.

If you encounter some problems, the tech support professionals can handle the integration of your Instagram Feed app on your Shopify website according to your needs without any additional charges, which is another nice thing about this company.

Instagram Feed Templates for Shopify

Instagram Feed Templates help to embed an engaging feed on your website so that users will want to explore more about what you have to offer on your Shopify site. And even if they don’t buy anything from you today, there is always the chance that they will want to come back and make a purchase in the future.

Instagram Hashtag Feed

The feed that combines all the hashtags that are related to your post or account on Instagram and you can embed them to use as needed for your Shopify marketing campaign or just for getting new followers who might be interested in your product or service

Elfsight Instagram hashtag app for shopify

Instagram Profile App

There are many ways in which you can use embedded Instagram feeds to promote your brand and grow your audience. One of them is through the integration of the Instagram profile on your e-commerce site on Shopify. This way, you can link the products on your site to the corresponding posts on Instagram Feed.

Elfsight Instagram Profile app for shopify

Instagram Grig

This Grid template of Instagram app presents the feed pictures in a minimalistic manner. This is done to accentuate the images of your products and make them look like a unified gallery or portfolio embedded on your Shopify website.

Elfsight Instagram slider grid for shopify

Small Instagram App

This small embedded app can fit into a sidebar area  or footer of your Shopify website. It would help you to use your page space wisely, showcase your social media feed, presence and activity, and gain more Instagram followers

Elfsight Instagram sidebar plugin for shopify

Template Catalog

Explore 70+ Instagram Feed Templates

Check out more of ready-made templates for any use case or build your own one!
Instagram Video
Embed videos from an Instagram feed to captivate your website users' attention.
Instagram Stream
Embed a stream of the live Instagram feed on your website to get users excited about your business.
Instagram Gallery
Embed a custom Instagram gallery of images and videos on your website to complement the brand style.
Instagram Profile
Embed an Instagram feed with profile details to highlight the legitimacy of your brand.
Instagram Grid
Embed a customizable grid of the Instagram feed on your website to enhance your website's visual appeal and raise brand awareness.
Instagram Sidebar
Embed your Instagram posts in a sidebar content area of your website to draw more attention.
Instagram Photostream
Embed an Instagram feed on your website that updates in real-time to attract more views.
No Suitable Template?
You can easily assemble the widget you need using our simple-to-use configurator.

Where To Place Instagram Feed On Shopify Website

While many products from well-known global and local brands are highly compatible with Instagram, there is currently no easy way to link to every post with your Shopify site. The only clickable link available on Instagram is in the profile description. 

Although there are many business tools and web applications for Instagram, the question for web designers remains: How to seamlessly embed Instagram feed and posts in web design using simple code? The number one way to integrate social content into Shopify web design is by embedding a plugin. Integration is more consistent with a theme that blends well with your current products and web design colours.

Method 1: Inspiration Page

While a simple Instagram timeline is also called a feed, a whole page of your website can be connected to your Instagram account without the need to create any additional content. Many brands use this technique as a Style Book Page for their Shopify products.

Method 2: Product Catalog

Another option to use Instagram content is creating a page by embedding there your feed with a strong sales focus. Titled Buy Our Catalog Online, the purpose is clear even before a user lands on the page. If the user clicks on the images, a list  with links to the displayed products appears, which leads them directly to the purchase on Shopify.

Method 3: What Our Customer Say

Our digital lifestyle has made Influencers and word of mouth hyperactive. That means  customer retention is becoming increasingly important for brands everywhere. Create a unified hashtag feed of Instagram posts and comments combined into one section and connected to the Shopify homepage. Stimulate your clients to post their pictures with your hashtag to gain more wonderful content for free. This way users would feel part of something bigger than themselves.

Method 4: Featured Products

The integration of a shoppable Instagram feed on your Shopify website can be an example of a Like2Buy page where your visitors can easily view the beautiful photo content and land on the product webpage with a single click. This makes the conversion to purchase much easier and the user experience for the customer makes the overall experience more enjoyable. 

Tip: In your feed, remove all post elements (likes, comments, Instagram icon) and it will show as “Editorial” not “Social” as there is little to no evidence that this quality content is from your Instagram sources. The seamless integration subtly promotes e-commerce by linking to the product that is displayed when the thumbnail is clicked.

Who Needs the Instagram Feed

Five percent of users on Instagram act after being inspired by a post, whether it’s a purchase, donation, purchase, sharing, or visiting a website. Why not use that conversion rate to your advantage? Using your Shopify homepage to drive traffic to your social media platforms will increase your influence on social networks, especially photos-sharing platforms. 

Local and Niche Brands: The algorithm of Instagram platform can be tricky, especially for small businesses and extremely niche brands, but if you have a working website, you can easily get the profile views and likes you need. Adding your social profile feed to the Shopify website builds trust with your readers and adds credibility and authenticity to your brand.

Startups and Growing Businesses: Your readers will see your consistent and strong social media presence and  feel more connected to you. And the added benefit of potential sponsors and/or partners seeing your curated and unified Instagram feed will only bring additional revenue streams to your brand. 

Beauty and Fashion Industry Brands: The embedded visual content works wonders for the aesthetics of your page, especially  a well-curated section. You can easily draw more benefits from an image and get amazing  web content. Via integration of your Instagram feed and posts, customers also get an up-to-date portfolio page on Shopify. It’s a great way to showcase your services or lifestyle brand. 

Distributors and resellers: Another benefit of integration of the Instagram Feed plugin is  testimonials of your brand in the form of comments. It’s a manageable way to build trust with your customers and keep up a regular stream of unofficial testimonials. This keeps your Shopify start page clear.


Embedding Instagram Feed on a website is extremely beneficial for your business. It’s a great way to build a community and a loyal customer base, boost trust, demonstrate authenticity and increase sales. It doesn’t require a huge investment of time and money and can be automated through Elfsight social aggregation tool for Shopify. Therefore, it is  recommended to embed the unified Instagram posts feed on your website to add vibrancy, creativity and interactivity.

Above we gave you  some effective  ways to easily display Instagram feeds and posts on Shopify website. Now it’s time to consider how you can leverage this networking content for your visitors. This will encourage users to spend more time on your page and start interacting with  responsive content. The integration of Instagram feed is the perfect opportunity for your brand to generate leads, increase conversions, and increase brand awareness.

Also, keep in mind that we’ve got other awesome guides, for example, you can find out how to embed google business reviews on website!