# Instagram

{% hint style="warning" %}
Before setting up Disable [Demo Content](https://help.gordonbyte.com/themes/halo-one/general/demo-content).
{% endhint %}

### Step 1: Create a Facebook App

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

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

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

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

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

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 %}