{% 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.
.png?alt=media&token=9168d917-bd02-4cd6-a7af-eb9896c7a5ef)
