> For the complete documentation index, see [llms.txt](https://foxecom.gitbook.io/minimog-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://foxecom.gitbook.io/minimog-theme/theme-sections/instagram.md).

# Instagram

<figure><img src="/files/SX65AqudlKxDPLIUfi25" alt=""><figcaption><p><a href="https://apps.shopify.com/xflow?utm_source=foxecom&#x26;utm_medium=help_center_minimog&#x26;utm_campaign=banner">Install XFlow Back In Stock Automation FREE</a></p></figcaption></figure>

{% 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="<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.

![](/files/uQNwDty3sim57zpXf0SS)

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

{% 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.

<figure><img src="/files/I2JwIO3OpNRDX5I3Iwrm" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/R37bF62oY22SBUpXjT1C" alt=""><figcaption></figcaption></figure>

### **Layout settings**&#x20;

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.

<figure><img src="/files/XVeUlP0wEU74iw3kRQrI" alt=""><figcaption></figcaption></figure>

For example:

{% tabs %}
{% tab title="Grid" %}

<figure><img src="/files/2u6V7NTG73pnoVMCQNxP" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Metro 1" %}

<figure><img src="/files/ZYzjddkneqsqL3oTs1JW" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Metro 2" %}

<figure><img src="/files/81D5hadQyYxYmoYLuWUL" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### **Follow button**&#x20;

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

{% hint style="info" %}
The button only shows when you choose the **Metro layout** in the Settings part.
{% endhint %}

<figure><img src="/files/6Ij1dk6WWgxn8zBOPtCJ" alt=""><figcaption></figcaption></figure>

### **Mobile settings**&#x20;

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

<figure><img src="/files/JdaYNGMjBtpISGSJ2dhp" alt=""><figcaption></figcaption></figure>