{"id":25654,"date":"2020-12-11T11:42:27","date_gmt":"2020-12-11T11:42:27","guid":{"rendered":"https:\/\/multisite.korebots.com\/v9-0\/?p=25654"},"modified":"2021-08-17T09:22:01","modified_gmt":"2021-08-17T08:22:01","slug":"kore-unblu-integration","status":"publish","type":"post","link":"https:\/\/multisite.korebots.com\/v9-0\/docs\/bots\/how-tos\/kore-unblu-integration\/","title":{"rendered":"Kore-Unblu Integration"},"content":{"rendered":"<div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><h2><span class=\"ez-toc-section\" id=\"Overview\"><\/span>Overview<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Unblu is a conversational platform that allows agents and advisors in your organization to collaborate with your customers and website visitors. It enables collaboration through online channels like live chat, secure text messaging, and video chat to achieve a better customer experience.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Transferring a chat to a human agent from the bot is necessary if your bot is in the space of customer service. Chatbots are not meant to completely replace humans. At times, the chatbot fails to answer satisfactorily or the user wants to chat with a human being. If this happens, the chatbot should transfer the chats to a human agent or a customer care representative. To help users accomplish this task, Kore can be integrated with the Unblu application.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Here, the bot is the core of the entire solution. Apart from performing all its functionalities, the bot also acts as a proxy between users and agents.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><b>Bot<\/b><span style=\"font-weight: 400;\">: Chat Bot that the user interacts with.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Users<\/b><span style=\"font-weight: 400;\">: Users are the customers who are using this bot.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Agent<\/b><span style=\"font-weight: 400;\">: Agents are humans who chat with users. The agent will also need a chat window. For this, you can use <\/span><i><span style=\"font-weight: 400;\">Unblu <\/span><\/i><span style=\"font-weight: 400;\">software.<\/span><\/li>\n<\/ul>\n<\/div><\/div><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><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><h2><span class=\"ez-toc-section\" id=\"Prerequisites\"><\/span>Prerequisites<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">The prerequisites are listed below:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">A fully functional bot.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">An Unblu account.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Download BotKit SDK from Kore\u2019s <\/span><a href=\"https:\/\/github.com\/Koredotcom\/BotKit\"><span style=\"font-weight: 400;\">GitHub<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Download and install the &lt;<\/span><i><span style=\"font-weight: 400;\">Node.js<\/span><\/i><span style=\"font-weight: 400;\">&gt;<\/span> <span style=\"font-weight: 400;\">file. The BotKit SDK requires &lt;<\/span><i><span style=\"font-weight: 400;\">node.js<\/span><\/i><span style=\"font-weight: 400;\">&gt; files to run on the same server where the SDK is installed. The &lt;<\/span><i><span style=\"font-weight: 400;\">node.js<\/span><\/i><span style=\"font-weight: 400;\">&gt; version must be v12.0 and above.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Ngrok to simulate the callback server application.<\/span><\/li>\n<\/ul>\n<\/div><\/div><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><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><h2><span class=\"ez-toc-section\" id=\"Configuration\"><\/span>Configuration<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">To perform the Kore-Unblu integration, follow the below steps:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Log in to the Kore bots platform with valid credentials.<\/span><\/li>\n<li style=\"font-weight: 400;\">Select the <strong>Deploy<\/strong> tab from the top menu<\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">From\u00a0<strong>Integrations<\/strong> select the <b>Agent Transfer<\/b><\/span><span style=\"font-weight: 400;\"> option<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">On the Agent Transfer page, next to <\/span><b>App Name<\/b><span style=\"font-weight: 400;\">, click <\/span><b>Add<\/b><span style=\"font-weight: 400;\"> (you can select an existing app from the drop-down if you have already created one)<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">On the Create Client App window, enter the app name in the <\/span><b>Name <\/b><span style=\"font-weight: 400;\">field.<\/span><\/li>\n<li>You can choose to enforce JTI or JWE encryption or both. For this use case we will ignore them.<\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Click <\/span><b>Next <\/b><span style=\"font-weight: 400;\">&gt; <\/span><b>Done<\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">In the<\/span><b> Callback URL<\/b><span style=\"font-weight: 400;\"> field, enter <\/span><span style=\"font-weight: 400;\">the BotKit URL endpoint. For example, https:\/\/&lt;domainname&gt;\/unblu.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Click <\/span><b>Save<\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Now, log in to the Unblu account with valid credentials.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Click your profile on the top-right; under the <\/span><b>Administration <\/b><span style=\"font-weight: 400;\">section, select <\/span><b>Manage Account<\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">On the Account Configuration page, by default, <\/span><b>Account Overview<\/b><span style=\"font-weight: 400;\"> is displayed.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">On the left pane, under the <\/span><b>Site Integration<\/b><span style=\"font-weight: 400;\"> section, select <\/span><b>Domains<\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">On the Domains page, click <\/span><b>New Domain<\/b><span style=\"font-weight: 400;\"> on the top-right.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">On the New Domain window, enter the URL in the <\/span><b>Domain URL<\/b><span style=\"font-weight: 400;\"> field.\u00a0<\/span><br \/>\n<b>Note<\/b><span style=\"font-weight: 400;\">: This is the Callback URL. Refer to step 7. <\/span><span style=\"font-weight: 400;\">If this is not a constant public IP or Ngrok IP, you must update the IP whenever it changes.<\/span><\/li>\n<li><span style=\"font-weight: 400;\">In the <\/span><b>Protocol<\/b><span style=\"font-weight: 400;\"> field, select <\/span><b>Both<\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Click <\/span><b>Save<\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">After completing the above configurations, make the required changes in the &lt;<\/span><i><span style=\"font-weight: 400;\">config.json<\/span><\/i><span style=\"font-weight: 400;\">&gt; file. Refer to &lt;<\/span><i><span style=\"font-weight: 400;\">sample_config_file.txt<\/span><\/i><span style=\"font-weight: 400;\">&gt; for sample values.<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Go to &lt;<\/span><i><span style=\"font-weight: 400;\">config.json<\/span><\/i><span style=\"font-weight: 400;\">&gt; file and make the below-mentioned changes.<\/span><\/li>\n<li style=\"font-weight: 400;\">Under the <b>app <\/b>section, paste the<b> URL<\/b> (Ngrok or publicly accessible URL). Refer to the below image.<br \/>\n<a ref=\"magnificPopup\" href=\"https:\/\/multisite.korebots.com\/v9-0\/wp-content\/uploads\/sites\/22\/unblu-1-e1607682928632.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-25657\" src=\"https:\/\/multisite.korebots.com\/v9-0\/wp-content\/uploads\/sites\/22\/unblu-1-e1607682928632.png\" alt=\"\" width=\"393\" height=\"134\" srcset=\"https:\/\/multisite.korebots.com\/v9-0\/wp-content\/uploads\/sites\/22\/unblu-1-e1607682928632.png 393w, https:\/\/multisite.korebots.com\/v9-0\/wp-content\/uploads\/sites\/22\/unblu-1-e1607682928632-300x102.png 300w\" sizes=\"(max-width: 393px) 100vw, 393px\" \/><\/a><\/li>\n<li><span style=\"font-weight: 400;\">Under the <\/span><b>credentials <\/b><span style=\"font-weight: 400;\">section,<\/span> <span style=\"font-weight: 400;\">paste the Kore bot details: API Key (client secret), App ID (client id), and Bot Name. Refer to the below image.<\/span><br \/>\n<a ref=\"magnificPopup\" href=\"https:\/\/multisite.korebots.com\/v9-0\/wp-content\/uploads\/sites\/22\/unblu-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-25659\" src=\"https:\/\/multisite.korebots.com\/v9-0\/wp-content\/uploads\/sites\/22\/unblu-2.png\" alt=\"\" width=\"541\" height=\"103\" srcset=\"https:\/\/multisite.korebots.com\/v9-0\/wp-content\/uploads\/sites\/22\/unblu-2.png 541w, https:\/\/multisite.korebots.com\/v9-0\/wp-content\/uploads\/sites\/22\/unblu-2-300x57.png 300w\" sizes=\"(max-width: 541px) 100vw, 541px\" \/><\/a><br \/>\nTo find these details,<\/p>\n<ol>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Log in to the Kore bots platform with valid credentials.<\/span><\/li>\n<li style=\"font-weight: 400;\">Select the <strong>Deploy<\/strong> tab from the top menu<\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">From\u00a0<strong>Integrations<\/strong> select the <b>BotKit <\/b><\/span><span style=\"font-weight: 400;\">option<\/span><\/li>\n<li style=\"font-weight: 400;\">You can find the details as needed.<\/li>\n<\/ol>\n<\/li>\n<li>Under the Unblu section, make the below changes:\n<ol>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Paste Unblu credentials under the <\/span><b>Unblu credentials <\/b><span style=\"font-weight: 400;\">section.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Under the <\/span><b>external_messenger <\/b><span style=\"font-weight: 400;\">section, enter the name, description, etc., you want to display in the chat.<\/span><br \/>\nTo access the external messenger details,<\/p>\n<ol>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Log in to the Unblu desktop application.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">On the left pane, under the <\/span><b>External Integration<\/b><span style=\"font-weight: 400;\"> section,<\/span> <span style=\"font-weight: 400;\">select <\/span><b>External Messengers<\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">On the External Messengers page, select the respective messenger and you can find the messenger details.<\/span><\/li>\n<\/ol>\n<\/li>\n<li><span style=\"font-weight: 400;\">Under<\/span> <span style=\"font-weight: 400;\">the <\/span><b>agent <\/b><span style=\"font-weight: 400;\">section, enter the agent details you want to create.<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Under the <\/span><b>named_area<\/b><span style=\"font-weight: 400;\">\u00a0 section, enter a <\/span><b>Name <\/b><span style=\"font-weight: 400;\">and <\/span><b>Meta Tag ID<\/b><span style=\"font-weight: 400;\">.<\/span><br \/>\nTo create a named area,<\/p>\n<ol>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Log in to the Unblu application.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">On the left pane, under the <\/span><b>Site Integration<\/b><span style=\"font-weight: 400;\"> section,<\/span> <span style=\"font-weight: 400;\">select <\/span><b>Named Areas<\/b><span style=\"font-weight: 400;\">.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">On the Named Areas page, click<\/span><b> New Named Area <\/b><span style=\"font-weight: 400;\">on the top-right.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">On the New Named Area window, select a registered domain from the <\/span><b>Domain Name<\/b><span style=\"font-weight: 400;\"> drop-down list and enter a name in the<\/span><b> Name <\/b><span style=\"font-weight: 400;\">field. You can also register a domain by clicking <\/span><b>Register a New Domain<\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Click <\/span><b>Save<\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<\/ol>\n<\/li>\n<li><span style=\"font-weight: 400;\">Under the <\/span><b>admin <\/b><span style=\"font-weight: 400;\">section, enter the Unblu username.<\/span><br \/>\n<a ref=\"magnificPopup\" href=\"https:\/\/multisite.korebots.com\/v9-0\/wp-content\/uploads\/sites\/22\/unblu-4.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-25664\" src=\"https:\/\/multisite.korebots.com\/v9-0\/wp-content\/uploads\/sites\/22\/unblu-4.png\" alt=\"\" width=\"590\" height=\"550\" srcset=\"https:\/\/multisite.korebots.com\/v9-0\/wp-content\/uploads\/sites\/22\/unblu-4.png 590w, https:\/\/multisite.korebots.com\/v9-0\/wp-content\/uploads\/sites\/22\/unblu-4-300x280.png 300w\" sizes=\"(max-width: 590px) 100vw, 590px\" \/><\/a><\/li>\n<\/ol>\n<\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">After you have updated the &lt;<\/span><i><span style=\"font-weight: 400;\">config.json<\/span><\/i><span style=\"font-weight: 400;\">&gt; file, install the dependencies by executing the command <\/span><i><span style=\"font-weight: 400;\">npm i<\/span><\/i><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Run the integration setup by executing the command <\/span><i><span style=\"font-weight: 400;\">npm start<\/span><\/i><span style=\"font-weight: 400;\">.\u00a0\u00a0\u00a0<\/span><br \/>\n<b>Note<\/b><span style=\"font-weight: 400;\">: The webhook URL must be the same in API Extensions, &lt;<\/span><i><span style=\"font-weight: 400;\">config.json<\/span><\/i><span style=\"font-weight: 400;\">&gt; file, and the external messenger section (Endpoint URL of the respective messenger) of your Unblu account as mentioned above (The Botkit URL in API Extensions, app.url, and unblu.custom.external_messenger).<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The agent transfer is configured at the dialog level. You can open the dialog task, and open the agent transfer node to see that the configuration is saved.<\/span><\/li>\n<\/ol>\n<\/div><\/div><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><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"Overview Unblu is a conversational platform that allows agents and advisors in your organization to collaborate with your customers and website visitors. It enables collaboration through online channels like live chat, secure text messaging, and video chat to achieve a better customer experience. Transferring a chat to a human agent from the bot is necessary...","protected":false},"author":12,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[74],"tags":[],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/multisite.korebots.com\/v9-0\/wp-json\/wp\/v2\/posts\/25654"}],"collection":[{"href":"https:\/\/multisite.korebots.com\/v9-0\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/multisite.korebots.com\/v9-0\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/multisite.korebots.com\/v9-0\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/multisite.korebots.com\/v9-0\/wp-json\/wp\/v2\/comments?post=25654"}],"version-history":[{"count":15,"href":"https:\/\/multisite.korebots.com\/v9-0\/wp-json\/wp\/v2\/posts\/25654\/revisions"}],"predecessor-version":[{"id":30213,"href":"https:\/\/multisite.korebots.com\/v9-0\/wp-json\/wp\/v2\/posts\/25654\/revisions\/30213"}],"wp:attachment":[{"href":"https:\/\/multisite.korebots.com\/v9-0\/wp-json\/wp\/v2\/media?parent=25654"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/multisite.korebots.com\/v9-0\/wp-json\/wp\/v2\/categories?post=25654"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/multisite.korebots.com\/v9-0\/wp-json\/wp\/v2\/tags?post=25654"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}