{"id":2953,"date":"2022-03-10T09:12:21","date_gmt":"2022-03-10T09:12:21","guid":{"rendered":"https:\/\/multisite.korebots.com\/agentassist\/?p=1330"},"modified":"2022-03-10T09:12:21","modified_gmt":"2022-03-10T09:12:21","slug":"external-widgets","status":"publish","type":"post","link":"https:\/\/multisite.korebots.com\/agentassist\/external-widgets\/","title":{"rendered":"External Widgets"},"content":{"rendered":"<p>An <strong>External Widget<\/strong> on <strong>SmartAssist<\/strong> allows the user to integrate utility or other external applications (calendar, search, etc.) relating to specific functionality on the agent console. Admins can specify the URL of the application or the link to a specific functionality to be embedded in a widget.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Add_an_External_Widget\"><\/span>Add an External Widget<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>To add an external widget, follow these steps:<\/p>\n<ol>\n<li>Navigate to <b>System Setup <\/b>&gt;<strong> Widgets<\/strong> and click the <strong>External Widget<\/strong> tile.<\/li>\n<\/ol>\n<p><a ref=\"magnificPopup\" href=\"https:\/\/multisite.korebots.com\/agentassist\/wp-content\/uploads\/sites\/26\/2022\/03\/external_widget.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2824\" src=\"https:\/\/multisite.korebots.com\/agentassist\/wp-content\/uploads\/sites\/26\/2022\/03\/external_widget.png\" alt=\"\" width=\"700\" height=\"510\" \/><\/a><\/p>\n<p>2. In the <strong>External Widgets<\/strong> window, click <strong>+ New External Widget<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-4400\" src=\"https:\/\/docs.kore.ai\/smartassist\/wp-content\/uploads\/sites\/3\/2022\/03\/ExtWidget.png\" alt=\"\" width=\"586\" height=\"259\" \/><\/p>\n<p>3. The following <strong>Add Widget<\/strong> window is displayed.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4280\" src=\"https:\/\/docs.kore.ai\/smartassist\/wp-content\/uploads\/sites\/3\/2022\/03\/AddWidget.png\" alt=\"\" width=\"342\" height=\"510\" \/><\/p>\n<p>4. In this window, add values for the following fields:<\/p>\n<ul>\n<li><strong>Widget Name<\/strong> &#8211; Enter the new widget name.<\/li>\n<li><strong>Widget Label<\/strong> &#8211; Click <strong>Edit Widget<\/strong> to select and upload a label image from your local system.<\/li>\n<li><strong>URL<\/strong> &#8211; Enter the webpage or system URL of the widget you want to integrate.<\/li>\n<li><strong>Add Visit Info Parameter<\/strong> \u2013 Used to map the visit info parameter representing conversation ID, Agent ID, Agent First Name, or Agent Last Name etc. to a parameter name in your HTML file.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4283\" src=\"https:\/\/docs.kore.ai\/smartassist\/wp-content\/uploads\/sites\/3\/2022\/03\/saveParam.png\" alt=\"\" width=\"369\" height=\"558\" \/><\/li>\n<\/ul>\n<p>To set this parameter, follow these steps:<\/p>\n<ul>\n<li>Type the parameter name in the textbox.<\/li>\n<li>Select the parameter from the list.<\/li>\n<li>Click <strong>Save Parameter<\/strong>.<\/li>\n<li>The number of info parameters added is updated in the <strong>Add Widget<\/strong> page for<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1337\" src=\"https:\/\/multisite.korebots.com\/agentassist\/wp-content\/uploads\/sites\/26\/2022\/03\/param-added.png\" alt=\"\" width=\"345\" height=\"166\" srcset=\"https:\/\/multisite.korebots.com\/agentassist\/wp-content\/uploads\/sites\/26\/2022\/03\/param-added.png 316w, https:\/\/multisite.korebots.com\/agentassist\/wp-content\/uploads\/sites\/26\/2022\/03\/param-added-300x144.png 300w\" sizes=\"(max-width: 345px) 100vw, 345px\" \/><\/li>\n<li><strong>In case the widget didn\u2019t load, show this URL after<\/strong> &#8211; If the widget fails to load, the agent will be redirected to this error page link.<\/li>\n<\/ul>\n<p>5. Click <strong>Add<\/strong>. Upon adding, a success message is displayed.<\/p>\n<div class=\"w-separator size_medium\"><\/div><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><h2><span class=\"ez-toc-section\" id=\"Edit_an_External_Widget\"><\/span>Edit an External Widget<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>To edit an external widget, follow these steps:<\/p>\n<ol>\n<li>In the <strong>External Widgets<\/strong> window, click the external widget you want to update.<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4286\" src=\"https:\/\/docs.kore.ai\/smartassist\/wp-content\/uploads\/sites\/3\/2022\/03\/EditW.png\" alt=\"\" width=\"578\" height=\"234\" \/><br \/>\n2. In the <strong>Add Widget<\/strong> window, make the required edits to the following fields:<\/p>\n<ul>\n<li>Widget Name<\/li>\n<li>Widget Label (Click the <strong>Edit Widget<\/strong> icon).<\/li>\n<li>URL<\/li>\n<li>In case widget didn&#8217;t load, show this URL after (for redirection to a status page or any other alternative page).<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4292\" src=\"https:\/\/docs.kore.ai\/smartassist\/wp-content\/uploads\/sites\/3\/2022\/03\/EditW1-1.png\" alt=\"\" width=\"345\" height=\"485\" \/><\/p>\n<p>3. Click <strong>Save<\/strong>. A success confirmation message is displayed after the external widget is updated.<\/p>\n<\/div><\/div><div class=\"w-separator size_medium\"><\/div><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><\/div><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Delete_an_External_Widget\"><\/span>Delete an External Widget<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>To delete an external widget, follow these steps:<\/p>\n<p>1. In the <strong>External Widgets<\/strong> window, click the external widget you want to delete.<\/p>\n<p>2. In the <strong>Add Widget<\/strong> window, click <strong>Delete Widget<\/strong> button. Go to <a href=\"https:\/\/docs.kore.ai\/smartassist\/skills\/external-widgets\/external-widgets\/#Edit_an_External_Widget\">Edit an External Widget<\/a> to see the image.<\/p>\n<p>3. Click <strong>Delete<\/strong> on the confirmation window.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4276\" src=\"https:\/\/docs.kore.ai\/smartassist\/wp-content\/uploads\/sites\/3\/2022\/03\/DelWidget.png\" alt=\"\" width=\"449\" height=\"201\" \/><\/p>\n<p>5. The external widget, its information, and parameters are removed from the list.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>An External Widget on SmartAssist allows the user to integrate utility or other external applications (calendar, search, etc.) relating to specific functionality on the agent console. Admins can specify the URL of the application or the link to a specific functionality to be embedded in a widget. Add an External Widget To add an external&#8230;<\/p>\n","protected":false},"author":23,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[34],"tags":[],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/multisite.korebots.com\/agentassist\/wp-json\/wp\/v2\/posts\/2953"}],"collection":[{"href":"https:\/\/multisite.korebots.com\/agentassist\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/multisite.korebots.com\/agentassist\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/multisite.korebots.com\/agentassist\/wp-json\/wp\/v2\/users\/23"}],"replies":[{"embeddable":true,"href":"https:\/\/multisite.korebots.com\/agentassist\/wp-json\/wp\/v2\/comments?post=2953"}],"version-history":[{"count":0,"href":"https:\/\/multisite.korebots.com\/agentassist\/wp-json\/wp\/v2\/posts\/2953\/revisions"}],"wp:attachment":[{"href":"https:\/\/multisite.korebots.com\/agentassist\/wp-json\/wp\/v2\/media?parent=2953"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/multisite.korebots.com\/agentassist\/wp-json\/wp\/v2\/categories?post=2953"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/multisite.korebots.com\/agentassist\/wp-json\/wp\/v2\/tags?post=2953"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}