{"id":9057,"date":"2022-01-12T09:38:58","date_gmt":"2022-01-12T09:38:58","guid":{"rendered":"https:\/\/dev.quantumcloud.com\/wpbot-pro\/?page_id=9057"},"modified":"2022-01-12T09:42:12","modified_gmt":"2022-01-12T09:42:12","slug":"facebook-app-setup-for-messenger-chatbot-addon-2","status":"publish","type":"page","link":"https:\/\/dev.quantumcloud.com\/wpbot-pro\/facebook-app-setup-for-messenger-chatbot-addon-2\/","title":{"rendered":"Facebook App Setup for Messenger Chatbot Addon"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Facebook App Setup for Messenger Chatbot Addon<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Get the #1 ChatBot for WordPress \u2013 WPBot<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tPricing Plan<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t<\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\tTry Live Demo<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

First of all, In order to setup Messanger Chatbot Addon you have to create a facebook App from Facebook developer account. So please go to https:\/\/developers.facebook.com\/<\/a> and login.<\/p>

Then please click on the My App<\/strong> menu.<\/p>

\"\"<\/p>

Then click on Create App.<\/p>

\"\"<\/p>

After that please follow the steps to create a Facebook App and after created you would be redirect to the App dashboard page. Then you need to go to Settings > Basic page and add the following information.<\/p>

  1. App Demain.<\/li>
  2. Privacy Policy<\/li>
  3. Terms of Service<\/li>
  4. Then save changes<\/li><\/ol>

    See the screenshot below:<\/p>

    \"\"<\/p>

    Now Copy the App ID & App Secret and add it to the WP Dashboard > Bot Messenger page.<\/p>

    \"\"<\/p>

    After that you are done with App setup.<\/p>

    Now you have to add couple products into this App. So please go to Add Product page.<\/p>

    1. Facebook Login<\/h4>

    Click on the setup for Facebook login. Then select Web.<\/p>

    \"\"<\/p>

    Then please enter the site URL and save the changes.<\/p>

    \"\"<\/p>

    Now you have to navigate to Facebook Login > Settings page add Valid OAuth Redirect URIs. You need to copy the redirect URL from WP Dashboard > Bot Messenger page. Please see the below screenshots:<\/p>

    \"\"<\/p>

    \"\"<\/p>

    That’s all Facebook login setup.<\/p>

    2. Messenger<\/h4>

    Now you need to add Messenger product from Add product page. Just click on the set up for Messenger.<\/p>

    After that you have to setup the webhook for messenger. So navigate to Messenger > Settings > Webhook section and click on Add Callback URL<\/p>

    \"\"<\/p>

    After clicking on the Add Callback URL a popup will open where you have to put Callback URL & Verify Token. For Callback URL, you have to go WP Dashboard > Bot – Messenger page.<\/p>

    Copy the callback URL & add some random text in “Facebook Verify Token” field and save changes.<\/p>

    \"\"<\/p>

    Now you have to add the callback URL and Verify token in the Callback URL popup form from Messenger > Settings page.<\/p>

    \"\"<\/p>

    3. Webhooks<\/h4>

    Go back to Add product page and click on the set up for Webhooks product. Then click on the subscribe to this object.<\/p>

    \"\"<\/p>

    Subscribe to this object using same callback URL & verify token that you have used in previous product setup.<\/p>

    After that you have to subscribe to Feed.<\/p>

    \"\"<\/p>

    4. Connect FB Pages<\/h4>

    In order to connect FB pages you have to go to Bot – Messenger > Manage FB Pages<\/strong> page and click on the “Login with Facebook” button. After that you need to proceed with the instructions showing on the Popup and connect FB pages.<\/p>

    \"\"<\/p>

    FB App Permissions<\/h2>

    Permissions provide a way for your app to access data from Facebook.<\/p>

    The following permission is needed for the Facebook App to work with Chatbot.<\/p>