# Instagram

<Hint type="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.

</Hint>

<Embed url="https://youtu.be/fC6Gr-Uoxs4" />

Instagram is one of the most influential social platforms that can attract potential customers. Using it in your store can be a tactic move.

![](https://docs-assets.foxecom.app/minimog-theme/image_uQNwDty3.png)

## How to add an Instagram section

<Hint type="success">

Steps to add **Instagram** to the home page

1. In the theme editor (**Customize**), click **Add section**
2. Locate **Instagram**
3. **Save**

</Hint>

<Hint type="warning">

Make sure to update your Instagram token in **Theme settings** > **Integration.**

</Hint>

## 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="https://youtu.be/nHnsqFAjjJM" />

<Hint type="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.

</Hint>

<Hint type="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.

</Hint>

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

![image](https://docs-assets.foxecom.app/minimog-theme/image_I2JwIO3O.png)

Select the **Container type, Color scheme,** and **Header color scheme** (Only work with Metro layout) for your Instagram section.

![image](https://docs-assets.foxecom.app/minimog-theme/image_R37bF62o.png)

### **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.

![image](https://docs-assets.foxecom.app/minimog-theme/image_XVeUlP0w.png)

For example:

<Tabs>
<Tab title="Grid">

![image](https://docs-assets.foxecom.app/minimog-theme/image_2u6V7NTG.png)

</Tab>

<Tab title="Metro 1">

![image](https://docs-assets.foxecom.app/minimog-theme/image_ZYzjddkn.png)

</Tab>

<Tab title="Metro 2">

![image](https://docs-assets.foxecom.app/minimog-theme/image_81D5hadQ.png)

</Tab>
</Tabs>

### **Follow button**

Build a connection between your site and your Instagram page. Add your Instagram link and add a call-to-action button label.&#x20;

<Hint type="info">

The button only shows when you choose the **Metro layout** in the Settings part.

</Hint>

![image](https://docs-assets.foxecom.app/minimog-theme/image_6Ij1dk6W.png)

### **Mobile settings**

Change the mobile layout to the horizontal scrollbar by enabling the **Use horizontal scrollbar** checkbox. Uncheck to display as grid on mobile.

![image](https://docs-assets.foxecom.app/minimog-theme/image_JdaYNGMj.png)