Learn to display your instagram latest posts for testimonials and social media engagement
Instagram is one of the most influential social platforms that can attract potential customers. Using it in your store can be a tactic move.
How to add an Instagram section
Steps to add Instagram to the home page
In the theme editor (Customize), click Add section
Locate Instagram
Save
Make sure to update your Instagram token in Theme settings > Integration.
Generate your Instagram token
To get an Instagram Access Token, you will need:
A Facebook account
An Instagram account
Follow our video to get an Instagram Access Token for your Shopify store:
Steps:
Register application on Facebook for Developers.
Register new app.
Configure Instagram Basic Display.
Get Access Token.
By default, access tokens are valid for 60 days. Therefore, kindly refresh your Instagram token regularly.
The section works with tokens created using Personal accounts.
Section settings
Section header and General
Use the provided fields to add a Heading/Subheading/Description for the section. Leave any of the fields blank if you do not want to display them. Adjust the Heading size (Medium/Large) and Text alignment (Left/Center) based on your requirements.
Select the Container type, Color scheme, and Header color scheme (Only work with Metro layout) for your Instagram section.
Layout settings
Select your preferred layout (Grid/Metro 1/Metro 2). Use the slider to adjust the number of shown images, the images per row, and the gap between images on desktop and mobile separately.
For example:
Follow button
Build a connection between your site and your Instagram page. Add your Instagram link and add a call-to-action button label.
The button only shows when you choose the Metro layout in the Settings part.
Mobile settings
Change the mobile layout to the horizontal scrollbar by enabling the Use horizontal scrollbar checkbox. Uncheck to display as grid on mobile.
Last updated
