# Instagram

{% hint style="warning" %}
Before setting up Disable Demo Content.
{% 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 into your Facebook Developer account using the official [Meta 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 the **Add People** button.
3. Assign the **Instagram Tester** role.
4. Enter your Instagram username and click **Add**.

Note: The role will remain in **pending** status until it is confirmed inside Instagram

{% hint style="warning" %}
Note: The role will remain in **pending** status until it is confirmed inside Instagram
{% 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 into 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**, locate 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" %}
Note: Before continuing, 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. Locate the **Generate Access Token** section. Expand it if needed.
4. Click **Generate Token**.
5. Log into Instagram. If you are asked to convert your account to a professional account, complete 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 generated **Access Token** and store it securely.
10. Click **Done**.

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

Since the app requires the token to be entered in smaller parts, follow these steps:

1. Copy your generated access token.
2. Open the Token Splitter tool provided.
3. Paste your token into the input field.
4. Set the block size to **64 characters**.
5. Click **Split**.
6. Copy each section and paste them into the corresponding **Token 1** through **Token 4** fields inside the BigCommerce Theme Editor.

{% hint style="warning" %}
Note: When assigning a Token, it is important to keep it within 64 characters in each textfield. Exceeding this limit may result in errors when saving changes.
{% endhint %}
