How to Add Instagram Feed to Shopify Store

Share
For those who ask questions about installation of InstaShow in Shopify, we’ve prepared this informative guide. Today we are going to explain in detail how to add the most flexible and user appreciated Instagram Feed to your 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

Ready? Let’s do everything step by step.

Hurah, you clicked “GET” on the InstaShow Shopify web page 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. For example, let’s try to add Instagram feed to the “About Us” page.

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

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 Elfsight Support Center. We will help you with pleasure.
Instagram Feed InstaShow Preview