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 Shopify web page of InstaShow Instagram feed and confirmed your 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 Widget 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.
The code is behind you
Template Catalog
Explore 70+ Instagram Feed Templates
Check out more of ready-made templates for any use case or build your own one!
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 Instagram feed code into your Shopify website. 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.
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.
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
After you open this web page you’ll see the Visual Editor. There you should press “<>” (show HTML).
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.
Web page with the code. Don’t forget to save it!
If you need a more developed guide, head over to an article on how to embed Instagram to any website.
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.
