{% hint style="danger" %} **Deprecated:** Due to the discontinuation of [Meta’s Instagram Basic Display API](https://developers.facebook.com/blog/post/2024/09/04/update-on-instagram-basic-display-api/) on December 4, 2024, we will be deprecating the Instagram section. We recommend switching to an [Instagram integration app](https://apps.shopify.com/search?q=instagram+feed\&st_source=autocomplete) to maintain this functionality. {% endhint %} {% embed url="" %} 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 {% hint style="success" %} Steps to add **Instagram** to the home page 1. In the theme editor (**Customize**), click **Add section** 2. Locate **Instagram** 3. **Save** {% endhint %} {% hint style="warning" %} Make sure to update your Instagram token in **Theme settings** > **Integration.** {% endhint %} ## 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: {% embed url="" %} {% hint style="success" %} **Steps:** 1. Register application on [Facebook for Developers](https://developers.facebook.com/). 2. Register new app. 3. Configure Instagram Basic Display. 4. Get Access Token. {% endhint %} {% hint style="info" %} 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. {% endhint %} ## 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: {% tabs %} {% tab title="Grid" %} {% endtab %} {% tab title="Metro 1" %} {% endtab %} {% tab title="Metro 2" %} {% endtab %} {% endtabs %} ### **Follow button** Build a connection between your site and your Instagram page. Add your Instagram link and add a call-to-action button label. {% hint style="info" %} The button only shows when you choose the **Metro layout** in the Settings part. {% endhint %} ### **Mobile settings** Change the mobile layout to the horizontal scrollbar by enabling the **Use horizontal scrollbar** checkbox. Uncheck to display as grid on mobile. "
data-images-count="6">
