Ctrlk
Contact support
For the complete documentation index, see llms.txt. This page is also available as Markdown.

Instagram

Learn to display your instagram latest posts for testimonials and social media engagement

Install XFlow Back In Stock Automation FREE

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.

How to add an Instagram section

Steps to add Instagram to the home page

  1. In the theme editor (Customize), click Add section

  2. Locate Instagram

  3. 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:

  1. Register application on Facebook for Developers.

  2. Register new app.

  3. Configure Instagram Basic Display.

  4. 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