# Instagram

{% hint style="danger" %}
The Instagram section being removed 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/)
{% endhint %}

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

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

{% hint style="success" %}
Steps

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

{% hint style="warning" %}
To display your Instagram posts, make sure you get your IG Token and add it to **Theme settings** > **Integration.**

<img src="/files/0RBUxnugQWEtU9aJSXtI" alt="" data-size="original">
{% 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>" %}
You can watch this video for reference
{% endembed %}

{% 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**&#x20;

* **Show header divider** or not;

<figure><img src="/files/HFhupMSP7wy9u1o94uXi" alt=""><figcaption><p>An Instagram section with header divider enabled</p></figcaption></figure>

* Add a **Heading** to your section and select its size;
* Add a **Subheading** and **Description** to the section if needed;
* Select the **Description style** as **Body text**/**Sub text**;
* Select the **Text alignment** for the whole content as **Left**/**Center**.

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

### Posts settings

Select your preferred layout to show your Instagram posts as Grid/Metro.&#x20;

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

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

{% tab title="Metro layout" %}

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

Use the slider to adjust the number of shown images, images per row, and the gap between images on desktop and mobile separately.

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

### **Follow button settings**

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

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

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


---

# 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/megamog-theme/theme-sections/instagram.md?ask=<question>
```

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.