{"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-22T10:19:32","modified_gmt":"2021-03-22T10:19:32","slug":"adding-the-facebook-channel","status":"publish","type":"post","link":"https:\/\/developer.kore.ai\/v9-0\/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 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 of 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. 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 must 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<h2><span class=\"ez-toc-section\" id=\"Add_Email_Channel\">Add Email Channel<\/span><\/h2>\n<ol>\n<li>Under the <b>Bots<\/b> section of the Bot Builder, click the bot for which you want to add the Facebook Messenger channel.<\/li>\n<li>On the <b>Channels<\/b> tab, click the <b>Facebook Messenger <\/b>icon. The Facebook Messenger page is displayed.<\/li>\n<li>In a new browser, log in to the <a href=\"https:\/\/developers.facebook.com\/\">Facebook developer portal<\/a> and select the <b>Add a New App<\/b> option from the <b>My Apps<\/b> section. Enter all the relevant details for your app and click <b>Create App ID<\/b>.<br \/>\n<a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/21\/1-final.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-14224\" src=\"\/wp-content\/uploads\/sites\/21\/1-final.png\" alt=\"\" width=\"500\" height=\"224\" \/><\/a><\/li>\n<li>Your App is created and you are redirected to the <b>App setup page.<\/b> Select <b>Messenger<\/b> and click <b>Set Up<\/b> to continue. You are redirected to the <strong>Settings<\/strong> page.<br \/>\n<a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/21\/2-final.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-14225\" src=\"\/wp-content\/uploads\/sites\/21\/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 a Facebook page <a href=\"https:\/\/www.facebook.com\/pages\/create\">here<\/a>.<\/li>\n<li>Copy the <b>Page Access Token<\/b> and enter it in the <b>Configurations<\/b> tab of the Facebook Messenger channel page.<\/li>\n<li>Locate the <b>App ID<\/b> of this page present on top of the page and enter it in the <strong>Configurations<\/strong> tab.<br \/>\n<a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/21\/3-final.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-14227\" src=\"\/wp-content\/uploads\/sites\/21\/3-final.png\" alt=\"\" width=\"500\" height=\"220\" \/><\/a><\/li>\n<li>Go to the main settings menu and select <b>Basic<\/b> settings; capture the <b>App Secret<\/b> and enter it in the <strong>Configurations<\/strong> tab of the channel page.<br \/>\n<a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/21\/5-final-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-14228\" src=\"\/wp-content\/uploads\/sites\/21\/5-final-1.png\" alt=\"\" width=\"500\" height=\"253\" \/><\/a><\/li>\n<li>From your Facebook account, go to the Facebook page you have selected above. From the <b>About<\/b> menu, copy <b>Page ID<\/b> and enter it in the <b>Configurations<\/b> tab of the Facebook Messenger channel page.<br \/>\n<a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/21\/6-final.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-14229\" src=\"\/wp-content\/uploads\/sites\/21\/6-final.png\" alt=\"\" width=\"500\" height=\"208\" \/><\/a><\/li>\n<li>Go to the <b>Webhooks<\/b> section under Settings and click <b>Setup Webhooks<\/b> to configure the Webhook between your app and the bots platform.<\/li>\n<li>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.<\/li>\n<li>Select <b>messages<\/b>, <b>messaging_postbacks<\/b>, <b>messaging_optins<\/b>, <b>message_deliveries<\/b>, <b>message_reads<\/b> under <strong>Subscription<\/strong> fields.<\/li>\n<li>Click <b>Verify and Save.<br \/>\n<a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/21\/8-final.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-14230\" src=\"\/wp-content\/uploads\/sites\/21\/8-final.png\" alt=\"\" width=\"500\" height=\"235\" \/><\/a><\/b><b><br \/>\n<\/b><\/li>\n<li>Under the <b>Webhooks section<\/b>, select the page you have used to generate the page token and click <b>Subscribe.<br \/>\n<a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/21\/10-final.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-14231\" src=\"\/wp-content\/uploads\/sites\/21\/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, click <a href=\"https:\/\/developers.facebook.com\/docs\/messenger-platform\/app-review#submission\">here<\/a>.<\/li>\n<\/ol>\n<h2><span class=\"ez-toc-section\" id=\"Edit_the_Facebook_Messenger_Channel\">Edit the Facebook Messenger Channel<\/span><\/h2>\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\/21\/11-final.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-14232\" src=\"\/wp-content\/uploads\/sites\/21\/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 the use of the Facebook Messenger channel for your Bot. To enable the 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 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 of your bot to interact with your bot using their Facebook accounts. To add Facebook Messenger as a channel, you...","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\/v9-0\/wp-json\/wp\/v2\/posts\/17877","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/developer.kore.ai\/v9-0\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/developer.kore.ai\/v9-0\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/developer.kore.ai\/v9-0\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/developer.kore.ai\/v9-0\/wp-json\/wp\/v2\/comments?post=17877"}],"version-history":[{"count":2,"href":"https:\/\/developer.kore.ai\/v9-0\/wp-json\/wp\/v2\/posts\/17877\/revisions"}],"predecessor-version":[{"id":27131,"href":"https:\/\/developer.kore.ai\/v9-0\/wp-json\/wp\/v2\/posts\/17877\/revisions\/27131"}],"wp:attachment":[{"href":"https:\/\/developer.kore.ai\/v9-0\/wp-json\/wp\/v2\/media?parent=17877"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/developer.kore.ai\/v9-0\/wp-json\/wp\/v2\/categories?post=17877"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/developer.kore.ai\/v9-0\/wp-json\/wp\/v2\/tags?post=17877"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}