How do I add my Instagram feed to legacy themes?

This guide explains how to add your Instagram feed to Shopify legacy themes. Follow the steps below:

A. For legacy themes with a Custom Content (Liquid/HTML) block

B. For legacy themes without a Custom Content block

A. For legacy themes with a Custom Content (Liquid/HTML) block

  1. Go to Online Store > Themes > Customize.
  2. Click Add Section.
  3. Select Custom Content (Liquid/HTML) and add it to your homepage.
Custom content section (htlm) on Shopify theme editor.
  1. Add the code below under Custom HTML/liquid:
<div id="insta-feed"></div>

Note: For secondary feeds, add the code below replacing FEED_ID with the ID of the feed that you can find in your Mintt Instafeed app dashboard:

<div id="feed-**FEED\_ID**" class="instafeed-shopify"></div>

Screenshot of Instafeed app, showing red arrows pointing to a secondary feed and its respective feed ID.

Feed ID on Mintt Instafeed app

The code to show this feed is:

<div id="feed-**43017**" class="instafeed-shopify"></div>

B. For legacy themes without a Custom Content block

  • Contact us at [email protected] - we'll gladly create the Mintt Instafeed block for your theme.
  • Once it's ready, you can easily add it to your theme by navigating to Online store > Themes > Customize > Add section > Instafeed App.

Related articles