How To Install Syra AI Chatbots On Facebook Messenger

//How To Install Syra AI Chatbots On Facebook Messenger
How To Install Syra AI Chatbots On Facebook Messenger 2021-03-09T13:14:06+00:00
Play Video
It is the era of Artificial Intelligence (AI), and chatbots are most commonly used. Most of the chatbots are using Natural Language Processing (NLP). So, now after building the chatbot, we need to communicate with it and what can be a better platform than social media. But the question is how? You can connect the Syra AI chatbot on social media channels like Facebook Messenger.

Here are the few steps to embed chatbot on Facebook Messenger.

Requirements:
  • Facebook Page: – A Facebook page will be used as the identity of your bot. When people chat with your app, they will see the page name and page profile picture.
  • Facebook Developer Account: – Your developer account is required to create new apps, which are the core of any Facebook integration.
  • Facebook App: – The Facebook App contains the settings for your messenger bot, including access tokens.
  • Webhook URL: – Actions that take place in conversation with your bot, such as new messages are sent to as events to your webhook.
Setup Steps: To create a new app, go to your app dashboard and click on ‘Add a new App’. facebook_1.png Give the App Name as well email id to register your app. Here is the screenshot facebook_2.png
  • Add the messenger platform to your Facebook app.
  • In the sidebar of your app settings under ‘PRODUCTS’, click ‘+ADD Product’.
facebook_3.png
  • Choose Messenger and click the ‘Set Up’ button.
facebook_4.png
  • After logging into Facebook for Developer account go to the Setting from the sidebar menus. Login > Setting > Basic
  • Now, copy App Id, App Secret and change the settings as per the requirement.
facebook_5.png
  • Go to Settings > Advance and set the “Allow API Access to App Settings” slider to yes.
facebook_6.png
  • Publish your App to make your bot public. You can take reference from
  • https://developers.facebook.com/docs/messenger-platform/app-review/
  • to make public your App
  • Next, log in to your Facebook account and create a new page using the account given on Facebook for Developer. You can take reference from https://www.facebook.com/pages/create to create a new page.
  • facebook_7.pngfacebook_8.png
    • Open the Facebook Pages ‘About’ page and then copy and save the Page ID.
    • Next, again go to Facebook to the developer’s account. Go to Messenger option and from there go to Access TokenMessenger > Access Token > Select a Page
    From the drop-down list of Select a Page, choose your page which is created. Automatically the page access token will be generated. facebook_9.png
    • Next to Webhook, select the page from the list and add the page subscription to the webhook.
    facebook_10.png
    • Now to Webhook from the left sidebar, click on Edit Subscription.
    facebook_11.png
    • Add the callback URL as well as the Verify Token and click on Verify and Save. This step will create a messaging end between chatbot application and messenger page.
    • Copy
    • https://natura.syra.ai/facebook/webhook
    • FB_VERIFY_TOKEN and paste it in your Callback URL and verify token option. Click verify and save.
    facebook_12.png
    • Now, let’s go to link http://chatbots.syra.ai and create a new project there.
    • Next, let’s go to the “Customize” section and click on the “Embed” button
    • Now, click on “Embed To Facebook” button
    • From there click on the Embed to the Facebook button. Give your page access token and Page Id here and Save.
     
    • Go back to your Messenger App and test your Bot. Your Bot is answering.
    facebook_15.png  
facebook_7.png facebook_8.png
  • Open the Facebook Pages ‘About’ page and then copy and save the Page ID.
  • Next, again go to Facebook to the developer’s account. Go to Messenger option and from there go to Access TokenMessenger > Access Token > Select a Page
From the drop-down list of Select a Page, choose your page which is created. Automatically the page access token will be generated. facebook_9.png
  • Next to Webhook, select the page from the list and add the page subscription to the webhook.
facebook_10.png
  • Now to Webhook from the left sidebar, click on Edit Subscription.
facebook_11.png
  • Add the callback URL as well as the Verify Token and click on Verify and Save. This step will create a messaging end between chatbot application and messenger page.
  • Copy
  • https://natura.syra.ai/facebook/webhook
  • FB_VERIFY_TOKEN and paste it in your Callback URL and verify token option. Click verify and save.
facebook_12.png
  • Now, let’s go to link http://chatbots.syra.ai and create a new project there.
  • Next, let’s go to the “Customize” section and click on the “Embed” button
  • Now, click on “Embed To Facebook” button
facebook_16.png facebook_13.png
  • From there click on the Embed to the Facebook button. Give your page access token and Page Id here and Save.
facebook_14.png
  • Go back to your Messenger App and test your Bot. Your Bot is answering.
facebook_15.png