{"id":23182,"date":"2020-02-07T12:19:00","date_gmt":"2020-02-07T12:19:00","guid":{"rendered":"https:\/\/developer.kore.ai\/v10-1\/?p=23182"},"modified":"2023-10-16T10:36:14","modified_gmt":"2023-10-16T09:36:14","slug":"adding-the-widget-sdk-channel","status":"publish","type":"post","link":"https:\/\/developer.kore.ai\/v10-1\/docs\/bots\/channel-enablement\/adding-the-widget-sdk-channel\/","title":{"rendered":"Adding the Widget SDK Channel"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">The Widgets SDK channel allows you to host widgets for presenting information from your assistant and enabling interaction with end-users.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To add the Widget SDK Channel, you must first register, or create an app in the XO Platform. When you create an app, you are provisioning credentials for your application to communicate securely with Kore.ai servers. After you create an app, you can use that app registration in the configuration to add the Widget SDK Channel.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To add the Widget SDK channel<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Open the assistant to which you want to add the Widget SDK channel.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Go to <\/span><strong>Deploy &gt; Channels &gt; Widget SDK<\/strong><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Navigate to the <\/span><strong>Configurations<\/strong><span style=\"font-weight: 400;\"> tab.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">In the <\/span><strong>Select App<\/strong><span style=\"font-weight: 400;\"> drop-down list, select your existing app or click <\/span><strong>Create App<\/strong><span style=\"font-weight: 400;\"> to create a new one.<br \/>\n<a ref=\"magnificPopup\" href=\"https:\/\/kore-wordpress.s3.us-east-2.amazonaws.com\/developer.kore.ai\/v10-1\/wp-content\/uploads\/sites\/35\/20220930192040\/add-app-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-47024\" src=\"https:\/\/kore-wordpress.s3.us-east-2.amazonaws.com\/developer.kore.ai\/v10-1\/wp-content\/uploads\/sites\/35\/20220930192040\/add-app-1.png\" alt=\"\" width=\"519\" height=\"433\" srcset=\"https:\/\/kore-wordpress.s3.us-east-2.amazonaws.com\/developer.kore.ai\/v10-1\/wp-content\/uploads\/sites\/35\/20220930192040\/add-app-1.png 595w, https:\/\/kore-wordpress.s3.us-east-2.amazonaws.com\/developer.kore.ai\/v10-1\/wp-content\/uploads\/sites\/35\/20220930192040\/add-app-1-300x250.png 300w\" sizes=\"auto, (max-width: 519px) 100vw, 519px\" \/><\/a><\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">In the <\/span><strong>Name<\/strong><span style=\"font-weight: 400;\"> field, enter the name for the app registration used in the XO Platform, for example, <\/span><span style=\"font-weight: 400;\">My App Registration<\/span><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Select one of these scopes for the app:<\/span>\n<ol>\n<li style=\"font-weight: 400;\"><strong>Allow anonymous users to chat with the assistant<\/strong><span style=\"font-weight: 400;\">: enables anonymous users to interact with the assistant.<\/span><\/li>\n<li style=\"font-weight: 400;\"><strong>Auto <\/strong><span style=\"font-weight: 400;\">register<\/span><strong> new users on Kore.ai XO Platform<\/strong><span style=\"font-weight: 400;\">: Select to control the auto-user registration in Kore.ai if the user assertion is unknown.<\/span><\/li>\n<\/ol>\n<\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">In the JWT Signing <\/span><strong>Algorithms Used For Client App Authentication<\/strong><span style=\"font-weight: 400;\"> drop-down list, select one of the following security algorithms:<\/span>\n<ol>\n<li style=\"font-weight: 400;\"><strong>RS256<\/strong><b>\/<\/b><b>RS512<\/b><b>: <\/b><span style=\"font-weight: 400;\">Select to enable the <\/span><b>Public Key.<\/b> <i><span style=\"font-weight: 400;\">The Private key, used for encryption, is provided by the user, and the Public key, used for decryption, is provided by the Platform<\/span><\/i><span style=\"font-weight: 400;\">. Both the keys have to be used for generating the token.<\/span><span style=\"font-weight: 400;\"> The Public Key is used by the XO Platform to authenticate the client application.<\/span><\/li>\n<li style=\"font-weight: 400;\"><strong>HS256<b>\/<\/b><b>HS512<\/b><b>:<\/b><span style=\"font-weight: 400;\"> Select to generate a <\/span><b>Secret Key <\/b><span style=\"font-weight: 400;\">and a <\/span><b>Client ID<\/b><span style=\"font-weight: 400;\">. The <\/span><b>Client ID<\/b><span style=\"font-weight: 400;\"> is required for app initialization, and the <\/span><b>Secret Key<\/b><span style=\"font-weight: 400;\"> is used by the XO Platform to authenticate the client application.<\/span><\/strong><\/li>\n<\/ol>\n<\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Optionally, In the <\/span><strong>Push Notifications<\/strong><span style=\"font-weight: 400;\"> section, click <\/span><strong>Enable<\/strong><span style=\"font-weight: 400;\"> and then specify a URL to send the notifications to.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Click <\/span><strong>Create<\/strong><span style=\"font-weight: 400;\">. The app registration details appear.<br \/>\n<a ref=\"magnificPopup\" href=\"https:\/\/kore-wordpress.s3.us-east-2.amazonaws.com\/developer.kore.ai\/v10-1\/wp-content\/uploads\/sites\/35\/20220930192046\/config-channel-9.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-47027\" src=\"https:\/\/kore-wordpress.s3.us-east-2.amazonaws.com\/developer.kore.ai\/v10-1\/wp-content\/uploads\/sites\/35\/20220930192046\/config-channel-9.png\" alt=\"\" width=\"551\" height=\"670\" srcset=\"https:\/\/kore-wordpress.s3.us-east-2.amazonaws.com\/developer.kore.ai\/v10-1\/wp-content\/uploads\/sites\/35\/20220930192046\/config-channel-9.png 695w, https:\/\/kore-wordpress.s3.us-east-2.amazonaws.com\/developer.kore.ai\/v10-1\/wp-content\/uploads\/sites\/35\/20220930192046\/config-channel-9-247x300.png 247w\" sizes=\"auto, (max-width: 551px) 100vw, 551px\" \/><\/a><br \/>\n<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">To copy the app registration details to the clipboard for your application, you can click <\/span><strong>Copy<\/strong><span style=\"font-weight: 400;\"> for <\/span><strong>Bot Name<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>Bot ID<\/strong><span style=\"font-weight: 400;\">, and <\/span><strong>Client ID<\/strong><span style=\"font-weight: 400;\">. For <\/span><strong>Client Secret<\/strong><span style=\"font-weight: 400;\">, click <\/span><strong>View<\/strong><span style=\"font-weight: 400;\">, and then click <\/span><strong>Copy<\/strong><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">In the <\/span><strong>Enable Channel<\/strong><span style=\"font-weight: 400;\"> section, select <\/span><strong>Yes<\/strong><span style=\"font-weight: 400;\"> to enable the channel immediately after saving.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Click <\/span><strong>Save<\/strong><span style=\"font-weight: 400;\"> to save the settings and close the <\/span><strong>Widget SDK Channel<\/strong><span style=\"font-weight: 400;\"> page.<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">The <\/span><em><span style=\"font-weight: 400;\">Channel Information updated successfully<\/span><\/em><span style=\"font-weight: 400;\"> message is displayed on the top-right corner of the page.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Once enabled <\/span><a href=\"https:\/\/developer.kore.ai\/v10-1\/docs\/bots\/sdks\/kore-ai-widget-sdk-tutorial\/\"><span style=\"font-weight: 400;\">see here<\/span><\/a><span style=\"font-weight: 400;\"> for steps to integrate your VA and your web application.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">After the channel is enabled and all configurations are verified, you can optionally publish the assistant to make it available for end-users, with the new channel. Learn more about<\/span><a href=\"https:\/\/developer.kore.ai\/v10-1\/docs\/bots\/publish\/publishing-bot\/\"><span style=\"font-weight: 400;\"> Publishing your Virtual Assistant<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To learn more about working with Channels within the Kore.ai XO Platform, please see<\/span><a href=\"https:\/\/developer.kore.ai\/v10-1\/docs\/bots\/channel-enablement\/adding-channels-to-your-bot\/\"><span style=\"font-weight: 400;\"> Channel Enablement.<\/span><\/a><\/p>\n<div class=\"w-separator size_small with_line width_default thick_1 style_solid color_border align_center\"><div class=\"w-separator-h\"><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>The Widgets SDK channel allows you to host widgets for presenting information from your assistant and enabling interaction with end-users. To add the Widget SDK Channel, you must first register, or create an app in the XO Platform. When you create an app, you are provisioning credentials for your application to communicate securely with Kore.ai&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[25],"tags":[],"class_list":["post-23182","post","type-post","status-publish","format-standard","hentry","category-channel-enablement"],"_links":{"self":[{"href":"https:\/\/developer.kore.ai\/v10-1\/wp-json\/wp\/v2\/posts\/23182","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/developer.kore.ai\/v10-1\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/developer.kore.ai\/v10-1\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/developer.kore.ai\/v10-1\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/developer.kore.ai\/v10-1\/wp-json\/wp\/v2\/comments?post=23182"}],"version-history":[{"count":5,"href":"https:\/\/developer.kore.ai\/v10-1\/wp-json\/wp\/v2\/posts\/23182\/revisions"}],"predecessor-version":[{"id":59868,"href":"https:\/\/developer.kore.ai\/v10-1\/wp-json\/wp\/v2\/posts\/23182\/revisions\/59868"}],"wp:attachment":[{"href":"https:\/\/developer.kore.ai\/v10-1\/wp-json\/wp\/v2\/media?parent=23182"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/developer.kore.ai\/v10-1\/wp-json\/wp\/v2\/categories?post=23182"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/developer.kore.ai\/v10-1\/wp-json\/wp\/v2\/tags?post=23182"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}