Learn to display your instagram latest posts for testimonials and social media engagement
Last updated
Learn to display your instagram latest posts for testimonials and social media engagement
Last updated
Deprecated: Due to the discontinuation of Meta’s Instagram Basic Display API on December 4, 2024, we will be deprecating the Instagram section. We recommend switching to an Instagram integration app to maintain this functionality.
Instagram is one of the most influential social platforms that can attract potential customers. Using it in your store can be a tactic move.
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.
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.
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.
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:
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.
Change the mobile layout to the horizontal scrollbar by enabling the Use horizontal scrollbar checkbox. Uncheck to display as grid on mobile.