Integration with Messenger

Before Start

⚠ IMPORTANT: HeiChat AI requires Meta (Facebook) Business API integration.

Please note: You must have an approved Meta Business API account through the Meta Business platform.

Prerequisites:

  1. A verified Meta Business account
  2. A Facebook Public Page

Step 1: Getting Started with Messenger Integration

  1. Go to Shopify and install HeiChat

Step 2: Setting Up Meta (Facebook) Business Account and App

  1. Create a Meta (Facebook) Business Account:
  • Visit Meta Business Suite.
  • Enter your business name, your name, and work email address. Click Next.
  • Provide your business details and click Submit.

  1. Create a new Meta (Facebook) App at https://developers.facebook.com/.
  • Log in to your Meta (Facebook) Developer Account.
  • Select My Apps.

  • Click Create App.

  • Choose User Case: "Business messaging - Engage with customer on Messenger from Meta" and click Next.

  • Choose a business portfolio you want to connect to this app (i.e., which Facebook page you want to link).

  • Overview app details: App Name, App Contact Email, Business Portfolio, and click Create app.

  • Confirm the app overview, then click Go to dashboard.

Step 3: Setting Up Meta (Facebook) App for Messenger Integration

  1. Add Messenger to your Meta (Facebook) App.
  • In the Developers Dashboard, choose your app.
  • Locate Add products to your app in your app's dashboard tab.
  • Choose Messenger for setup.

  • Select your Meta (Facebook) Business Account (if not selected in step 2).
  1. Configure Basic Settings.

Step 4: Configure Messenger API Webhook settings

  1. Verify Messenger Webhook Callback.
  • In the Meta Developer Dashboard, navigate to Messenger > Messenger API settings.
  • Copy the Callback URL and Verification Token from the HeiChat Messenger Integration page (or HeiChat email) to your Messenger Developer Dashboard.

  • Click Verify and save.
  1. Configure Webhook Subscription Field.
  • Under "Webhook Fields," click Manage.
  • Find the messages field and subscribe to it by checking the box.

Step 5: Generate access tokens and get page ID

  1. Choose a page to link.

  1. Generate access token.

Step 6: Connect your Messenger account with HeiChat

  1. Retrieve Messenger Account Information
  • Copy the page access token generated from Step 5.
  • Copy your page ID.
  • Paste them into the HeiChat backend and save.

If you have any problems, feel free to contact HeiChat at heicarbook@gmail.com.