How to Create Facebook Application for Premium Facebook Messenger Widget


In this tutorial we will discuss How to Create Facebook Application to use in Premium Facebook Messenger Widget for Elementor, this is a pre-tutorial for Facebook Messenger Chat Widget Tutorial.

Create Facebook App

So, to use Elementor Facebook Messenger Chat Widget, you’re going to need to create an App ID from Facebook Developer and generate a unique App ID. So, follow these steps carefully.

  • Go to Facebook Developer page, My Apps —> Create App.
  • Create an App ID
    • Display Name: Set the Name of your New Facebook App ID.
    • Contact Email: Set an Email for communication about the App.
Screenshot Displays an Arrow Points at Create App in Facebook Developer Page, [Right] PopUp Box to Create a New App ID
Facebook Developer Create App, Create a New App ID
  • In your Facebook App page Select a product, in this case select Messenger (Facebook Messenger App), and click Set Up button.
Screenshot of Messenger Facebook Product in Facebook Developer and an Arrow Points at Set Up
Add a Product in Facebook Developer Select (Messenger) to Set Up
  • In Messenger Platform App Settings, Add (Grant) your Facebook Page permissions in order for tokens to be generated, click Add or Remove Pages button.
Arrow Points at "Add or Remove Pages" Button for Granting Permissions to Facebook Messenger Platform
Facebook Developer: Access Tokens, Add or Remove Pages
  • Select What (which) Facebook Pages that you want to use in Facebook Messenger App, click the Next button.
Screenshot of a Popup Box and an Arrow Points at Next Button. Select What Facebook Pages to use Messenger Platform With.
Select Facebook Page to Use with Your Facebook Messenger App
  • [Switcher] Allows Facebook App that you have created to “Manage and access Page conversations in Messenger”, click Done button.
An Arrow Points at Button, in a PopUp from Facebook Messenger Platform, Switch is Enabled
Facebook App Allowed to Manage and Access Page Conversation in Manager
  • Finish your Facebook App Set Up, click OK button.
Screenshot for an Arrow Points at Button within Pop-up in Facebook Messenger Platform
Set Up Facebook App with Facebook Page

Generate Access Token to Use in Elementor Facebook Messenger Widget.

Screenshot for an Arrow Points at Generate Token Button in Facebook Developer Messenger Platform
Generate Access Token to Use in Elementor Facebook Messenger Chat Widget

Token Generated for the Messaging App, Copy the Facebook Token Generated [Keep it Safe, as you will need to create new one if you lost it]. Add Generated Token to Elementor Facebook Messenger Chat Widget in Account Settings —> App ID. Click here to check.

Screenshot Shows Two Arrows, One Arrow Points at Copy Button to Copy Access Token Within the PopUp Box in Messenger Platform
Pop-up Box to Get Generated Access Token. Click Copy Button for Facebook’s App Access Token

Related Docs:

Download Now it's free!

Extend your Elementor Page Builder capabilities now with Premium Addons. 25+ Elementor Widgets Totally Free of charge.

Premium Addons for Elementor plugin logo

Stay Updated

Subscribe to our newsletter to receive the latest updates and features.