{% 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.
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://docs.foxecom.com/minimog-theme/theme-sections/instagram.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.