Facebook Messenger Integration is a social media online messaging app. Facebook Messenger has set features that offers users all they need to create exciting moments and good conversation in Messenger.

This new feature came around 2019 and is far from other social media platforms like Instagram has already been integrated into Facebook Messenger.

Facebook Messenger Integration - Integration Components on Facebook | How to Set Up Facebook Messenger Integration

Also, you can integrate Facebook Messenger into your Website for easy interactions with your clients. Facebook Messenger Integration will enable you to see people’s conversations on your website even though they had long left your site. The chat plugin will load your chat instantly on the recent chat history between you and the person.

Check Out: Messenger Call – Messenger Call Facebook

Facebook Messenger Integration

The Facebook Messenger Integration is made possible by APIs, full WebView, and web plug-ins. All these components allow users to understand the platform better.

Integration Components on Facebook

These components are to enhance Facebook Messenger for better interactions with users and the website there are being used. The components are as follows:


APIs are the basic tools that enhance your work on the Messenger platform. On Messenger, the platform offers REST APIs. This offers you the necessary tools that will enhance your Messenger experience.

It allows you to create and send rich Messages. To find your current clients on Messenger. Also, you can customize your bot personally.

Types of APIs

Let’s look at the types of APIs down here.

Send API

This API is the main Integration cardinal point on the Messenger Platform. It allows you to send simple text and to build template messages and assets such as images, files, videos, and audio.

Also, this API supports additional Message types and features that allow you to build flexibility in your messenger including sender actions and replies.

Messenger Profile APIs

This type of API is used to update, set, and delete any number of settings in your Messenger bot. This includes domains that their settings are on the allow list, the welcome screen, the persistent menu, and others.

Handover Protocol API

Handover Protocol enables you to control messaging on multiple Facebook apps and the page’s inbox. This enhances your ability to use your components to build your Messenger. You can build multiple specialized bots to handle different aspects of each conversation, rather than using a single monolithic app that may get complicated and hard to manage.

When you do this, it’s easier to reuse apps to support conversations on multiple pages. In addition, you can control the Page inbox by switching conversations to live chat at any time.

ID Matching API

When you have plenty of Facebook Pages and apps, you will always have people online on your pages. This can really be a problem because they have different IDs for all the pages and apps they relate to and interact with.

Therefore, to create a unified platform, the ID Matching API allows you to retrieve any person’s page-scoped and app-scoped IDs from all your pages and apps by using a single PSID or ASID for each person.

Attachment Upload API

The Attachment Upload API allows you to upload your assets to the Messenger platform. You can upload any type of asset from a URL or your local file system even your files, images, audio, and videos.

When you use attachment upload API you can asset reusable, to remove the overhead of repeatedly uploading an asset every time it is sent. This fastens messages to send, is less bandwidth-intensive, and is more efficient.

When an asset is uploaded, the attachment upload API will return attachments that can be used for requests in the future.

Messaging Insights API

The API allows you to retrieve the same information that is on the Page Insights tab of your Facebook page. This information includes metrics that relate to conversations, such as the number of conversations, block rate, responsiveness, and more. With Facebook Analytics other data and tooling including custom events are also available.

Page-scoped ID (PSID)

Each time a conversation begins on your messenger bot, the Messenger platform will give each of them a Page-scoped ID (PSID). This ID is peculiar to your Facebook Page, and can not be used with any other Facebook page.

Simply put, each person has a different PSID for each Messenger bot they interact with. This allows for receiving of messages by bot they have chosen to interact with.

Each time you send messages to any person, you will have to include their PSID in the recipient property of the request, this will show who will receive such messages.

Also, each time a person taps the send a message button, PSID should be included in the sender ID property of the webhook event, so has to identify who took the action.

Web Plug-ins

The messenger platform allows some set of plug-ins that makes it simple for anyone to begin a conversation with your messenger bot from the web. Web plug-ins work by integrating standardized elements into your website.

These are buttons that instantly open a conversation with your bot in the Messenger app or Messenger.com. Your messenger bot will receive a Webhook event each time a new conversation commences from a plug-in.

Messenger WebView

This is a standard WebView that opens inside the Messenger app on mobile and web clients. It enhances your experiences and features that demand a more complex user interface that may be difficult to create in conversation.

These in-conservations include picking seats to book or browsing available dates. It also creates rich experiences that enhance your messenger bot with your favorite web development tools, libraries, and frameworks.

How to Set Up Facebook Messenger Integration

To set up a Facebook Messenger Integration you will need to create a new app with Facebook developers. Use these instructions:

  • Get to https://developers.facebook.com.
  • Create a new app. Check the option “Create App under the My Apps Menu.
  • Create a name for your new app, key in your Email Address, and choose the right category (such as Apps for Pages or Apps for Messenger).
  • On the product section, at the left menu, choose Messenger. If it’s not available then add it.
  • At the Messenger panel, Navigate and look for Token Generation. Chose the page you desire to link to the bot. This will generate a Page Access Token that you will use in Bridge registration for an extension.

This is how you can set up Facebook Messenger integration.

Find Integration in Bridge

Here you integrate with your messenger with these steps:

  • On the Bridge page.
  • Move to the ‘Integrations’ page.
  • Tap on the ‘Messenger image’ and start the setup.
  • Next, a window will pop up, tap on the “Continue” button.
  • In the ‘Settings tab, type in the “Page Access Token’ from Facebook into the ‘Messenger Access Token’ space.
  • Select Save.

With the above step, you will create the WebHook URL that can be used on Facebook when the access token is verified successfully.

Verification of Settings on Facebook

On Facebook, below the Token Generation, look for Webhooks.

  • Choose Setup Webhooks.
  • Copy the WebHook URL that you generated from Bridge to the New Page Subscription form.
  • Copy the Messenger Access Token to Verify Token.
  • Below the Subscription fields, chose message and Messaging post-backs. Also, you can select messaging referrals for additional functionality with M.ME Messenger Links.
  • Verify and Dave the settings.

Under Webhooks, you may choose a page to subscribe to these page events. To do that, choose a page from the drop-down menu and click the ‘Subscribe’ button. When you follow these instructions, you can integrate your Facebook Messenger to any other sites you want.


Please enter your comment!
Please enter your name here