From Bright Pattern Documentation
Revision as of 19:41, 21 September 2023 by Matt.lashley (talk | contribs) (Created page with "=Configure Facebook Messenger for Integration with Bright Pattern Contact Center= Integrating Facebook Messenger with {{BPCC}} requires a {{BPCC}} integration account. The c...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search
• 5.19

Configure Facebook Messenger for Integration with Bright Pattern Contact Center

Integrating Facebook Messenger with Bright Pattern Contact Center requires a Bright Pattern Contact Center integration account. The connection parameters page in Bright Pattern Contact Center administrator contains settable parameters for a Facebook Page username, a Facebook Page ID, a Facebook access token, and a webhook verify token.

For more information about the Bright Pattern Contact Center integration connection parameters page, see Integrate Facebook Messenger with Bright Pattern Contact Center.

These instructions describe how to set up Facebook Messenger to get the required values to fill in the Bright Pattern Contact Center integration account connection parameters page.


Info.40x40.png These instructions are current at the time of publication. Check for updated instructions by visiting Meta for Developers.


Dependencies

  • A Meta Developer's account
  • Administrator access to Bright Pattern Contact Center Administrator


Create a Facebook App

  1. Log in to http://developers.facebook.com/.
  2. Click My Apps.
  3. Click Create App.

Selecting an app type in the Create an App page in My Apps on the Meta for Developers site.


  1. Select Business as the app type, then click Next.

The basic information form displayed when creating a Facebook app.


  1. Enter values for Display Name and App contact email, then click Create App.

The product tiles page is displayed when adding the Messenger product to a Facebook App.


  1. On the Add products to your app page, find the Messenger tile, then click Set up to open the Messenger > Settings page.

Create a Facebook Page and Set the Username

  1. Click Create New Page in the Access Tokens section of the Settings page.


The blank Create a Page form is displayed when creating a Facebook Page.


  1. Enter values for Page name and Category, then click Create Page.
  2. Click See all Profiles, then select a Page.
  3. Click the Page's profile picture in the top right.
  4. Click Settings & privacy, then click Settings.
  5. Below General Page settings, click Edit next to Username.
  6. Enter a username.


Info.40x40.png This username will be entered into the Page Username field of the Connection Parameters page in Bright Pattern Contact Center Administrator when configuring a Facebook Integration account.


  1. Click Save changes.
  2. Click the profile photo in the top right.
  3. Click See all Profiles, then select a Page.
  4. Click Save.
  5. Navigate to the page.

Link the Facebook App to the Page

  1. Click Messenger > Settings in the App Dashboard.
  2. Find the Access Tokens section and click Add or remove Pages.

Selecting a page to use with Facebook app.


  1. Select the Pages to use with the app, then click Next.

Generate a Facebook Access Token

The Access Tokens section with buttons to generate and link tokens to a Facebook Page.


  1. Click Messenger > Settings in the App Dashboard.
  2. In the Access Tokens section, find the added Page, then click Generate token.
  3. Copy the generated token.


Info.40x40.png This token will be entered into the Token field of the Connection Parameters page in Bright Pattern Contact Center Administrator when configuring a Facebook Integration account.


Set the Webhook and Callback URL

  1. Click Messenger > Settings in the App Dashboard.
  2. In the Webhooks section, enter values for Callback URL and Verify token.


The format of the Callback URL:

https://tenant_url/clientweb/fb/webhook
tenant_url is the domain of your Bright Pattern Contact Center client web server.


Info.40x40.png The Verify token is generated in Bright Pattern Contact Center Administrator and is found in the Webhook Verify Token field in the connection parameters page of the Facebook Messenger integration account. For more, see configuring a Facebook Integration account.


Setting Facebook’s webhook.



Info.40x40.png As of Bright Pattern Contact Center 5.3, one Facebook App can work with multiple Facebook Pages and multiple Facebook Messenger integrations can be added for a Facebook Page, sharing the same webhook.


  1. In the Webhooks section, click Add Subscription on the Page’s row in the Pages table.

Editing Facebook’s page subscriptions.


  1. Select messages, message_deliveries, and message_reads in the Edit page subscriptions dialog, then click Save.