{"id":17877,"date":"2016-08-08T16:58:11","date_gmt":"2016-08-08T16:58:11","guid":{"rendered":"http:\/\/apidocs.kore.com\/?post_type=docs&#038;p=4943"},"modified":"2021-03-30T13:02:54","modified_gmt":"2021-03-30T12:02:54","slug":"adding-the-facebook-channel","status":"publish","type":"post","link":"https:\/\/developer.kore.ai\/v7-1\/docs\/bots\/channel-enablement\/adding-the-facebook-channel\/","title":{"rendered":"Adding the Facebook Messenger Channel"},"content":{"rendered":"<section class=\"l-section wpb_row height_auto\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row type_default valign_top\"><div class=\"vc_col-sm-12 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<p>To add the Facebook Messenger channel to your bot, you will need a developer <em>Facebook<\/em> account to configure the connection between <em>Facebook Messenger<\/em> and Kore.ai. Adding the Facebook Messenger channel to your Kore.ai Bot allows end-users for your bot to interact with your Bot using their <em>Facebook<\/em> accounts. To add Facebook Messenger as a channel, you need to:<\/p>\n<ol>\n<li><b>Create App<\/b>&#8211; Create an App on the Facebook developer portal.<\/li>\n<li><b>Get Page Details-<\/b> Associate your facebook page with the app and generate the Page Access Token<b>. <\/b>You need to create a facebook page if you do not have one already.<\/li>\n<li><b>Setup Webhook-<\/b> To enable Facebook Messenger as a channel for your bot, you will need to set up a webhook integration between your app and the bots platform.<\/li>\n<li><b>Submit for Approval- <\/b>Submit the facebook app for approval to enable the Facebook Messenger channel for your bot.<\/li>\n<\/ol>\n<p><b>To add the Email channel<\/b><\/p>\n<ol>\n<li>In the <b>Bots<\/b> section of the Bot Builder, click the Bot that you want to add the Facebook Messenger channel to.<\/li>\n<li>On the <b>Channels<\/b> tab, click the <b>Facebook Messenger <\/b>icon. The Facebook Messenger page gets displayed.<\/li>\n<li>In a new browser, log in to <a href=\"https:\/\/developers.facebook.com\/\">Facebook developer portal<\/a> and choose <b>Add a New App<\/b> option from <b>My Apps<\/b> section. Enter all the relevant details for your App and click on <b>Create App ID<\/b>.<br \/>\n<a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/12\/1-final.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-14224\" src=\"\/wp-content\/uploads\/sites\/12\/1-final.png\" alt=\"\" width=\"500\" height=\"224\" \/><\/a><\/li>\n<li>Your App will be created and you will be redirected to the <b>App setup page.<\/b> Choose <b>Messenger<\/b> and click <b>Set Up<\/b> to continue. You will be redirected to the Settings page.<br \/>\n<a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/12\/2-final.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-14225\" src=\"\/wp-content\/uploads\/sites\/12\/2-final.png\" alt=\"\" width=\"500\" height=\"253\" \/><\/a><\/li>\n<li>You need to associate a page with the app and generate the <b>Page Access Token <\/b>from the <b>Token Generation<\/b> section. If you do not have a page, you can create facebook page <a href=\"https:\/\/www.facebook.com\/pages\/create\">here<\/a>. Copy the <b>Page Access Token<\/b> and enter it in the <b>Configurations<\/b> tab of the Facebook Messenger channel page.<br \/>\nLocate the <b>App ID<\/b> of this page present on top of the page and enter it in the Configurations tab.<br \/>\n<a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/12\/3-final.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-14227\" src=\"\/wp-content\/uploads\/sites\/12\/3-final.png\" alt=\"\" width=\"500\" height=\"220\" \/><\/a><\/li>\n<li>Navigate to the main settings menu then select <b>Basic<\/b> settings, capture the <b>App Secret<\/b> and enter it in the Configurations tab of the channel page.<br \/>\n<a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/12\/5-final-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-14228\" src=\"\/wp-content\/uploads\/sites\/12\/5-final-1.png\" alt=\"\" width=\"500\" height=\"253\" \/><\/a><\/li>\n<li>From your Facebook account, navigate to the Facebook page you have selected above. From <b>About<\/b> menu, copy <b>Page ID<\/b> and enter it in the <b>Configurations<\/b> tab of Facebook Messenger channel page.<br \/>\n<a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/12\/6-final.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-14229\" src=\"\/wp-content\/uploads\/sites\/12\/6-final.png\" alt=\"\" width=\"500\" height=\"208\" \/><\/a><\/li>\n<li>Navigate to <b>Webhooks<\/b> section under Settings and click on the <b>Setup Webhooks<\/b> to configure the Webhook between your app and the bots platform. Use the <b>Callback URL<\/b> and<b> Verify Token<\/b> provided in the Configurations tab of the channel page and enter them in appropriate fields in your Facebook apps configuration. Select <b>messages<\/b>, <b>messaging_postbacks<\/b>, <b>messaging_optins<\/b>, <b>message_deliveries<\/b>, <b>message_reads<\/b> under Subscription Fields. Click on <b>Verify and Save.<br \/>\n<a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/12\/8-final.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-14230\" src=\"\/wp-content\/uploads\/sites\/12\/8-final.png\" alt=\"\" width=\"500\" height=\"235\" \/><\/a><\/b><b><br \/>\n<\/b><\/li>\n<li>Under <b>Webhooks section<\/b>, select the page you have used to generate the page token and click on <b>Subscribe.<br \/>\n<a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/12\/10-final.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-14231\" src=\"\/wp-content\/uploads\/sites\/12\/10-final.png\" alt=\"\" width=\"500\" height=\"227\" \/><\/a><br \/>\n<\/b><\/li>\n<li>Submit the facebook app for approval. Once approved, you can enable the Facebook Messenger channel for your bot. For more info on how to submit the app visit <a href=\"https:\/\/developers.facebook.com\/docs\/messenger-platform\/app-review#submission\">here<\/a>.<\/li>\n<\/ol>\n<h1><span class=\"ez-toc-section\" id=\"Editing_the_Facebook_Messenger_Channel\">Editing the Facebook Messenger Channel<\/span><\/h1>\n<p>To edit the Facebook Messenger channel, hover your mouse over the channel and click to modify. You can make necessary updates to your channel configurations and save them. You may also disable or delete the channel information by clicking the <b>Settings\u00a0<\/b>icon.<br \/>\n<a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/12\/11-final.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-14232\" src=\"\/wp-content\/uploads\/sites\/12\/11-final.png\" alt=\"\" width=\"450\" height=\"216\" \/><\/a><br \/>\nSelect one of the following commands to modify the channel:<\/p>\n<ul>\n<li><b>Disable\/Enable<\/b> \u2013 Click <b>Disable<\/b> to temporarily disable use of the Facebook Messenger channel for your Bot.To enable use of the Facebook Messenger channel, Click <b>Enable.<\/b><\/li>\n<li><b>Delete<\/b> \u2013 Click <b>Delete<\/b>, and then click <b>OK<\/b> in the <b>Delete Confirmation<\/b> dialog to permanently delete the Bot channel configuration.<\/li>\n<\/ul>\n<div class=\"alert alert-warning\"><b>Warning: <\/b>This action is permanent, and cannot be undone.<\/div>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<div class=\"w-separator size_medium with_line width_default thick_1 style_solid color_border align_center\"><div class=\"w-separator-h\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"To add the Facebook Messenger channel to your bot, you will need a developer Facebook account to configure the connection between Facebook Messenger and Kore.ai. Adding the Facebook Messenger channel to your Kore.ai Bot allows end-users for your bot to interact with your Bot using their Facebook accounts. To add Facebook Messenger as a channel,...","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[25],"tags":[],"class_list":["post-17877","post","type-post","status-publish","format-standard","hentry","category-channel-enablement"],"_links":{"self":[{"href":"https:\/\/developer.kore.ai\/v7-1\/wp-json\/wp\/v2\/posts\/17877","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/developer.kore.ai\/v7-1\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/developer.kore.ai\/v7-1\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/developer.kore.ai\/v7-1\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/developer.kore.ai\/v7-1\/wp-json\/wp\/v2\/comments?post=17877"}],"version-history":[{"count":1,"href":"https:\/\/developer.kore.ai\/v7-1\/wp-json\/wp\/v2\/posts\/17877\/revisions"}],"predecessor-version":[{"id":20791,"href":"https:\/\/developer.kore.ai\/v7-1\/wp-json\/wp\/v2\/posts\/17877\/revisions\/20791"}],"wp:attachment":[{"href":"https:\/\/developer.kore.ai\/v7-1\/wp-json\/wp\/v2\/media?parent=17877"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/developer.kore.ai\/v7-1\/wp-json\/wp\/v2\/categories?post=17877"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/developer.kore.ai\/v7-1\/wp-json\/wp\/v2\/tags?post=17877"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}