How to Add Instagram Feed to Shopify Store


If you need an Instagram feed
If you need an amazing grid
Make your imagination fly
And InstaShow is all you need for Shopify

For those who are interested in implementing Instagram Feed to Shopify we’ve prepared this informative guide. Today we are going to explain it in detail based on our most flexible and user appreciated Shopify Instagram feed InstaShow.

Ready? Let’s do everything step by step.

Hurah, you clicked “GET” on the InstaShow Shopify webpage and confirmed the payment conditions. There are only 2 easy steps to be done to start using InstaShow in your Shopify Store.

1. Get The Code

The first step is to set up your Instagram Feed and get InstaShow code. Use the power of your imagination and apply all desired parameters to the application.

The code will appear in the last green tab. Please mark and copy it.

This code contains all information about actual settings of your app.

Here is the code

The code is behind you

2. Paste The Code

You’ve got your InstaShow code. Now you have to paste it somewhere on the web page, where you’d like to place your Instagram feed. Let’s consider 2 methods of inserting the code into your Shopify Store.

Variant 1. Insert the code into a theme template

Let’s try to insert the InstaShow code above the footer of the main page.

Go to Online Store -> Themes -> … -> Edit HTML/CSS.

Theme template

Go to Online Store -> Themes -> … -> Edit HTML/CSS

Paste the InstaShow code after existing code and click “Save” button.

Keep in mind that the content of your template depends on the theme which you use and it can differ from the one presented on the screenshot below.

index.liquid managing

Insert the code at the end of index.liquid

If you face any issue by embeding Instagram Feed to your Shopify Store then feel free to ask us for help via [email protected]

Variant 2. Insert the code into a page

Let’s try to insert the InstaShow code into “About Us” page.
Go to Online Store and choose this page in your admin panel. You get the following directory: Online Store -> Pages -> About us.

About Us page

About Us page

After you open this web page you’ll see the Visual Editor. There you should press “<>“ (show HTML).

Visual Editor block

Visual Editor block

After you press “<>” you will be able to manage the chosen web page in HTML. Paste the InstaShow code into the needed area and click “Save” button.

Page with the code

Web page with the code. Don’t forget to save it!

Setup completed

Congratulations! You’ve done all steps and now InstaShow shines bright like a diamond in your Shopify Store.

If you have any kind of questions concerning InstaShow then reach us via email [email protected]. We will help you with pleasure.