> For the complete documentation index, see [llms.txt](https://help.gordonbyte.com/themes/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.gordonbyte.com/themes/manifest/overview/instagram.md).

# Instagram

Follow the steps below to connect the Instagram section.

{% hint style="warning" %}
Before you start, turn off demo content. [*(How to disable demo content?)*](/themes/manifest/general/demo-content.md)
{% endhint %}

### Step 1: Create a Facebook App <a href="#step-1-create-a-facebook-app" id="step-1-create-a-facebook-app"></a>

1. Log in to your account on the [Meta for Developers portal](https://developers.facebook.com/).
2. Click **My Apps** and create a new app.
3. Enter your **App Name** and **App Contact** email, then click **Next**.
4. Under **Use Case**, select **Other**, then click **Next**.
5. Under **App Type**, choose **Business**, then click **Next**.
6. Click **Create App** to finish.

### Step 2: Assign User Role <a href="#step-2-assign-user-role" id="step-2-assign-user-role"></a>

1. From your app dashboard, open the left sidebar and select **App Roles**.
2. Click **Add People**.
3. Assign the **Instagram Tester** role.
4. Enter your Instagram username and click **Add**.

{% hint style="info" %}
The role shows as **Pending** until you accept it on Instagram in Step 3.
{% endhint %}

### Step 3: Confirm User Role on Instagram <a href="#step-3-confirm-user-role-on-instagram" id="step-3-confirm-user-role-on-instagram"></a>

1. Log in to your [Instagram](https://www.instagram.com/) account.
2. Go to your profile and tap the **Settings** icon.
3. Select **Apps and Websites**.
4. Under **Tester Invites**, find the invitation from Meta and click **Accept**.

### Step 4: Configure Instagram Inside Meta <a href="#step-4-configure-instagram-inside-meta" id="step-4-configure-instagram-inside-meta"></a>

{% hint style="warning" %}
Before you continue, make sure your Instagram account is set to a Business account.
{% endhint %}

1. Go to your Meta Developer Dashboard.
2. In the **Add Products to Your App** section, select **Instagram** and click **Set Up**.
3. Find the **Generate Access Token** section. Expand it if needed.
4. Click **Generate Token**.
5. Log in to Instagram. If you are asked to switch to a professional account, do that first, then generate the token again.
6. Set the following permissions:
   * **OFF** - Allow access to messages. **(Very important!)**
   * **OFF** - Access and manage comments.
   * **OFF** - Access and manage messages.
   * **ON** - Access and publish content.
   * **OFF** - Access and manage insights.
7. Click **Allow**.
8. On the token confirmation screen, check the **I Understand** box.
9. Copy your **Access Token** and keep it somewhere safe.
10. Click **Done**.

### Step 5: Enter Your Token <a href="#step-5-split-and-enter-your-token" id="step-5-split-and-enter-your-token"></a>

Each token field in the theme holds up to 64 characters, so a longer token is split across the fields.

1. Open **Page Builder** [*(how to launch Page Builder?)*](/themes/manifest/manifest-theme.md#page-builder) and go to the **Instagram** tab.
2. Under **Access token**, paste the first 64 characters of your token into **Token 1**.
3. If your token is longer, paste the next 64 characters into **Token 2**, then continue in **Token 3** and **Token 4** as needed.
4. Click **Save**.

{% hint style="warning" %}
Keep the token in its original order and do not add spaces between fields. Each field holds up to 64 characters; longer entries may cause errors when you save.
{% endhint %}