# Instagram

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

</Hint>

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

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

<Hint type="success">

Steps

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

</Hint>

<Hint type="warning">

To display your Instagram posts, make sure you get your IG Token and add it to **Theme settings** > **Integration.**

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

</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" />

You can watch this video for reference

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

* **Show header divider** or not;

![An Instagram section with header divider enabled](https://docs-assets.foxecom.app/megamog-theme/image_HFhupMSP.png)

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

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

### Posts settings

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

<Tabs>
<Tab title="Grid layout">

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

</Tab>

<Tab title="Metro layout">

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

</Tab>
</Tabs>

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

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

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

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

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