How To Add Instagram Feed To Shopify

To go even further with store personalization, see our guide on how to customize your Shopify website.

Why add an Instagram feed to Shopify

Instagram feed can be helpful in several ways, some are as follows

• It helps increase conversions by inspiring customers with lifestyle photos and tagged products.
• Your feed updates automatically whenever you post on Instagram, no manual updates needed, saving you time.
• It boosts engagement with dynamic, fresh content.
• It showcases social proof, building trust and confidence with your customers.

Social proof is a powerful sales driver, but pairing it with features like adding estimated delivery dates or dynamic checkout buttons can help convert those inspired shoppers even faster.

Methods for adding an Instagram feed to Shopify

1. Add an Instagram feed using a Shopify App
2. Add Instagram feed using Shopify Theme Sections
3. Add Instagram feed using Custom Coding

Add an Instagram feed using Shopify Apps

Shopify App store has many apps available to add Instagram feeds to your store. To add an Instagram feed, visit the Shopify app store and install the app related to the Instagram feed, connect your Instagram account, and adjust the settings depending on the app. After completing the setup, your Instagram posts will automatically push to your store whenever you add a new post to your Instagram. Don't need to add manually each time. Follow this step-by-step guide to add an Instagram feed to your Shopify Store.

Step 1: Navigate to Shopify Admin > Apps

Step 2: Click on the Apps and sales channel setting button. 

Step 3: Visit the Shopify App Store.

Step 4: Search for the Instagram feed app, for example, Instafeed 

Step 5: Install the app 

Step 6: Reconfirm the install 

Step 7: After installing the app connect your Instagram account 

Step 8: Adjust the settings of the widget appearance.

Step 9: Navigate to Shopify Admin > Themes > Customize

Step 10: Enable the app embed and click Save.

Step 11: In the Theme editor, click on the Add section button.

Step 12: Navigate to App sections and add the Instafeed App section.

Step 13: Click Save 

Note: If you are using a legacy theme, then follow this guide to add an Instagram feed to your store for the Instafeed App.

Popular apps used for the Instagram feed are as follows

• Instafeed ‑ Instagram Feed
• Square: Instagram Feed Gallery
• Omega InstaFeed‑Instagram Feed
• MP Instagram Feed ‑ Instafeed
• GSC Instagram Feed, Instafeed

Add an Instagram feed using Shopify Theme Sections

You can add an Instagram Feed using Shopify theme sections, but it depends on the theme if it supports native features to add that. Shopify Themes listed on the Shopify theme store don't Natively Support Instagram Feeds, but there are some third-party themes like Qrack, Virgo, BeoShop, etc, listed on some other marketplaces like Themeforest that support features like this. Follow these steps to add an Instagram feed using Shopify theme sections.

Step 1: Navigate to Online Store > Themes > Customize.

Step 2: In the Theme editor, click on the Add section button.

Step 3: Search for an Instagram feed or a social feed, depending on the theme, and add this to your store.

Step 4: Link your Instagram account and adjust relevant settings.

Step 5: Make sure to save the changes after setup.

If your theme doesn’t natively support Instagram feeds, you might also need to customize your theme. Our article on editing raw code in Shopify gives step-by-step instructions for adding more complex features.

Adan d Instagram feed Using Custom Coding.

If you don't want to use an app, then you can embed Instagram posts manually using the Instagram embed option. For this, you have to open your Instagram profile and copy the embed code of each post by clicking on the three dots(...) and paste it manually using custom code. Paste this code into your theme. Liquid file or any other file where you want to show the Instagram Posts. Here is the final result. Check the GIF below to see how it will look before we go through the steps.

Step 1: Navigate to Shopify Admin > Themes > Edit code 

Step 2: Go to the theme.liquid file for the homepage or create a new section to reuse on different pages. Name it something like instagram-feed or social-feed.

Step 3:  Add this code to your section

  
    <div class="instagram-feed grid grid-cols-1 md:grid-cols-3 gap-4">
      {% if section.settings.insta_embed_1 != blank %}
        <div class="insta-post">{{ section.settings.insta_embed_1 }}</div>
      {% endif %}
      {% if section.settings.insta_embed_2 != blank %}
        <div class="insta-post">{{ section.settings.insta_embed_2 }}</div>
      {% endif %}
      {% if section.settings.insta_embed_3 != blank %}
        <div class="insta-post">{{ section.settings.insta_embed_3 }}</div>
      {% endif %}
    </div>
    {% schema %}
        {
        "name": "Instagram Feed",
        "settings": [
            {
            "type": "textarea",
            "id": "insta_embed_1",
            "label": "Instagram Post Embed Code 1"
            },
            {
            "type": "textarea",
            "id": "insta_embed_2",
            "label": "Instagram Post Embed Code 2"
            },
            {
            "type": "textarea",
            "id": "insta_embed_3",
            "label": "Instagram Post Embed Code 3"
            }
        ],
        "presets": [
            {
            "name": "Instagram Feed"
            }
        ]
        }
    {% endschema %}
    <style>
        .instagram-feed iframe {
        width: 100% !important;
        border-radius: 12px;
        }
    </style>

  

Step 4: Click Save

Step 5:  Navigate to Online Store > Themes > Customize.

Step 6: In the Theme editor, click on the Add section button.

Step 7: Search for the Instagram feed section and add it to the page.

Step 8: Go to the Instagram profile and click on the three dots of the post

Step 9: Click on the embed button.

Step 10: Copy the embed code. Optionally, uncheck the enable caption box.

Step 11: Paste this code in the theme customizer in the relevant settings fields

Step 12: Click Save