{"id":29337,"date":"2021-08-02T13:32:01","date_gmt":"2021-08-02T12:32:01","guid":{"rendered":"https:\/\/multisite.korebots.com\/v9-0\/?p=29337"},"modified":"2021-08-04T07:22:45","modified_gmt":"2021-08-04T06:22:45","slug":"dialog-task-legacy-builder","status":"publish","type":"post","link":"https:\/\/multisite.korebots.com\/v9-0\/docs\/bots\/bot-builder-tool\/dialog-task\/dialog-task-legacy-builder\/","title":{"rendered":"Dialog Task &#8211; Legacy Builder"},"content":{"rendered":"<section class=\"l-section wpb_row height_auto\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p>In a bid to improve useability and user experience, the dialog builder was given a makeover. You are given a choice to upgrade to the new builder or continue with the legacy builder, though we encourage you to go for the upgrade.<\/p>\n<div style=\"border: 1px solid black; background-color: #ffdd99;\">This document deals with using the legacy dialog builder to build dialog tasks, for the new improved version, <a href=\"\/docs\/bots\/chatbot-overview\/using-the-dialog-builder-tool\/\" target=\"_blank\" rel=\"noopener noreferrer\">refer here<\/a>.<\/div>\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=\"Legacy_Dialog_Builder_Tool\"><\/span>Legacy Dialog Builder Tool<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>This topic describes the user interface for creating a conversational flow between a user and a Bot in a dialog task using the Dialog Builder tool in Kore.ai Bot Builder.<br \/>\n<a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/22\/DIYDialogTaskUI-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-19410\" src=\"\/wp-content\/uploads\/sites\/22\/DIYDialogTaskUI-1.png\" alt=\"\" width=\"819\" height=\"461\" \/><\/a>In the <strong>Search<\/strong> field, you can search component titles for any letters or words using find-as-you-type. Search matches are highlighted in the component titles.<\/p>\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=\"Adding_Dialog_Task_Components\"><\/span>Adding Dialog Task Components<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>When you create a dialog task, by default the first component created and displayed is the <strong>user intent node<\/strong> or <strong>user intent component<\/strong> of the dialog task. The user intent is how the dialog task is identified by the end-user, for example, <em>Search for a Flight<\/em>, or <em>Create a Ticket<\/em>.<\/p>\n<p><strong>Additional components<\/strong> in the dialog task need to be added to perform the intent requested by the end-user. For example, for the <em>Search for a Flight<\/em> dialog, you should add additional components to query the user for the departure airport, arrival airport, and date.<\/p>\n<p>To add a component, click either of the <strong>Add Component<\/strong> <img loading=\"lazy\" decoding=\"async\" class=\"icon alignnone wp-image-11963 size-full\" src=\"\/wp-content\/uploads\/sites\/22\/DIYDialogTaskAddComponentIcon.png\" alt=\"\" width=\"25\" height=\"25\" \/> icons as shown in the following illustration:<br \/>\n<a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/22\/DIYDialogTaskAddComponent.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-11962\" src=\"\/wp-content\/uploads\/sites\/22\/DIYDialogTaskAddComponent.png\" alt=\"Dialog Task Add Component\" width=\"626\" height=\"205\" \/><\/a><br \/>\nFrom the list displayed, select one of the <strong>component types<\/strong>, and then either select an existing component or create a new component as shown in the following example of creating a <strong>new entity node<\/strong>.<br \/>\n<a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/22\/DIYDialogTaskAddComponentEntity-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16901\" src=\"\/wp-content\/uploads\/sites\/22\/DIYDialogTaskAddComponentEntity-1.png\" alt=\"\" width=\"600\" height=\"331\" \/><\/a><\/p>\n<p>When create new is selected, the component is added to the dialog task with default properties that can be modified from the <strong>Properties Panel<\/strong>.<\/p>\n<p><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/22\/DIYDialogTaskAddComponentEntityDefault-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-16902 aligncenter\" src=\"\/wp-content\/uploads\/sites\/22\/DIYDialogTaskAddComponentEntityDefault-1.png\" alt=\"\" width=\"450\" height=\"674\" \/><\/a><\/p>\n<p>From the Properties Panel you can set:<\/p>\n<ul>\n<li><strong>Component Properties<\/strong> like name, type and component specific properties;<\/li>\n<li><strong>Instance Properties<\/strong> can be customized for the selected node for the current dialog;<\/li>\n<li><strong>Connection Properties<\/strong> can be used for setting the transition conditions;<\/li>\n<li><strong>NLP Properties<\/strong><strong>\u00a0<\/strong>for intent and entity recognition;<\/li>\n<li><strong>IVR Properties<\/strong> for IVR channels (available for certain nodes only after <a href=\"\/docs\/bots\/advanced-topics\/ivr-integration\/ivr-integration\/\">IVR integration<\/a>).<\/li>\n<\/ul>\n<p>Depending on the type of component added, you will need to define various settings in the <strong>Properties<\/strong> panel. For more information, see the corresponding component types of documentation.<\/p>\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=\"Color-Coded_Connections\"><\/span>Color-Coded Connections<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>The conditions or transitions from one component to another are labeled by a colored arrow showing the path to the next node based on the connection condition defined. In the following color chart, the order of connection color assignment is shown.<\/p>\n<h1><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/22\/DIYDialogTaskColors.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-9149\" src=\"\/wp-content\/uploads\/sites\/22\/DIYDialogTaskColors.png\" alt=\"Dialog Task Condition Color Chart\" width=\"599\" height=\"440\" \/><\/a><\/h1>\n<p>When multiple conditions are defined with multiple connection options to other components, the colored arrows help you visualize the flow as shown in the following illustration.<br \/>\n<a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/22\/DIYDialogTaskColorsComponent-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-10348\" src=\"\/wp-content\/uploads\/sites\/22\/DIYDialogTaskColorsComponent-1.png\" alt=\"Dialog Task Component Colors\" width=\"785\" height=\"619\" \/><\/a><\/p>\n<\/div><\/div><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><h2><span class=\"ez-toc-section\" id=\"About_the_Options_Menu\"><\/span>About the Options Menu<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>The <strong>Options<\/strong> menu is your access to Dialog Builder tool settings and commands such as view settings, dialog task settings, and dialog import and export. To access the commands on the <strong>Options<\/strong> menu,\u00a0click the\u00a0<strong>Ellipses\u00a0<\/strong><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/22\/DIYDialogTaskEllipsesIcon.png\"><img loading=\"lazy\" decoding=\"async\" class=\"icon alignnone wp-image-10353\" src=\"\/wp-content\/uploads\/sites\/22\/DIYDialogTaskEllipsesIcon.png\" alt=\"\" width=\"8\" height=\"25\" \/><\/a> icon located on the upper rightmost side of Dialog Builder as shown in the following illustration. If Variable Namespace is enabled for the bot, then you would see an additional Manage Variable Namespaces option too.<br \/>\n<a ref=\"magnificPopup\" href=\"https:\/\/s3-us-east-2.amazonaws.com\/kore-wordpress\/developer.kore.ai\/wp-content\/uploads\/sites\/22\/20201023063643\/DIYDialogTaskOptionsMenu-3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-24780\" src=\"https:\/\/s3-us-east-2.amazonaws.com\/kore-wordpress\/developer.kore.ai\/wp-content\/uploads\/sites\/22\/20201023063643\/DIYDialogTaskOptionsMenu-3.png\" alt=\"\" width=\"257\" height=\"321\" \/><\/a><\/p>\n<h4>Using Display Options<\/h4>\n<p>You can use <strong>Display Options<\/strong> to reduce unnecessary node information and better utilize screen real estate.<br \/>\nYou can show or hide some or all of node type, node details, or connection details displayed in the Dialog Builder. For example, all details are shown in the following illustration for <strong>Show All<\/strong>.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11259\" src=\"\/wp-content\/uploads\/sites\/22\/DIYDialogBuilderAllDetailsShown.png\" alt=\"\" width=\"236\" height=\"116\" \/><br \/>\nClick <strong>Hide Node Type<\/strong> to removed the node name.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11260\" src=\"\/wp-content\/uploads\/sites\/22\/DIYDialogBuilderNodeTypeHidden.png\" alt=\"\" width=\"236\" height=\"113\" \/><br \/>\nClick <strong>Hide Node Details<\/strong> to remove node descriptions.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11261\" src=\"\/wp-content\/uploads\/sites\/22\/DIYDialogBuilderNodeDetailsHidden.png\" alt=\"\" width=\"236\" height=\"90\" \/><br \/>\nClick <strong>Hide Connection Details<\/strong> to remove conditional transition details.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11262\" src=\"\/wp-content\/uploads\/sites\/22\/DIYDialogBuilderConnectionDetailsHidden.png\" alt=\"\" width=\"235\" height=\"115\" \/><br \/>\nClick <strong>Hide All<\/strong> to show only basic node information with color coding.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11263\" src=\"\/wp-content\/uploads\/sites\/22\/DIYDialogBuilderALLDetailsHidden.png\" alt=\"\" width=\"233\" height=\"89\" \/><\/p>\n<h4>Using Zoom Controls<\/h4>\n<p><strong>Zoom Options<\/strong> can be used to:<\/p>\n<ul>\n<li><strong>Fit to page<\/strong> &#8211; Resizes Dialog Builder components and connections to fit within the display screen resolution for a single, non-scrolling page.<\/li>\n<li><strong>Reset Zoom<\/strong> &#8211; Resets zoom settings to actual size.<\/li>\n<\/ul>\n<p>Additional <strong>Zoom Option<\/strong> controls are available in the lower leftmost side of the Dialog Task builder shown in the following\u00a0illustration.<br \/>\n<a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/22\/DIYDialogTaskOptionsMenuZoom.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-11633\" src=\"\/wp-content\/uploads\/sites\/22\/DIYDialogTaskOptionsMenuZoom.png\" alt=\"Zoom Options\" width=\"205\" height=\"105\" \/><\/a><\/p>\n<h4 id=\"dialog-settings\">Dialog Settings<\/h4>\n<p>The <strong>Dialog Task Settings<\/strong> dialog allows you to modify the dialog task basic settings, and if desired, set the visibility of a dialog to create a hidden dialog task that is available for use, but not shown as a bot task.<br \/>\n<a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/22\/DIYDialogTaskOptionsMenuDialogSettings.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-19411\" src=\"\/wp-content\/uploads\/sites\/22\/DIYDialogTaskOptionsMenuDialogSettings.png\" alt=\"\" width=\"646\" height=\"758\" \/><\/a><br \/>\nAdd or modify the following settings for each dialog:<\/p>\n<ul>\n<li><strong>Name<\/strong> &#8211; The <strong>Name<\/strong> of your dialog task, usually the main user intent, for example, <em><span style=\"color: #0000ff;\">Pay Bills<\/span>.<\/em><\/li>\n<li><strong>Description<\/strong> &#8211; An optional description of your dialog task displayed in Bot Builder.<\/li>\n<li><strong>Options<\/strong> &#8211; Specify the behavior of this dialog task to the end-user:\n<ul>\n<li><strong>Sub intent only dialog<\/strong> &#8211; Task can be invoked only as a sub-task when another task is in progress. The task will not be presented as a bot task when the user requests for help.<\/li>\n<li><strong>Hide from help<\/strong> &#8211; Task will not be presented as a bot task when the user requests for help. Users can invoke this task anytime while talking to the bot. Note this option will be selected automatically when the previous option is selected.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Follow-up Task<\/strong> &#8211; Follow-up task array will contain all the intents detected from user utterances from this dialog. You can either:\n<ul>\n<li>handle the follow-up tasks as part of node connections (default setting), or<\/li>\n<li>let the user select the follow-up task.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Task Execution Failure<\/strong> &#8211; Define bot behavior when there is any error in task execution. It can be set as either:\n<ul>\n<li>same as the Bot Level behavior<\/li>\n<li>specific to this task &#8211; initiate a task, run script or show a message<\/li>\n<\/ul>\n<\/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=\"Troubleshooting_Your_Dialog_Task\"><\/span>Troubleshooting Your Dialog Task<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>A real-time set of errors and warnings is available as you define your dialog task located in the upper rightmost corner of Dialog Builder. Click the information icon to display any errors or warnings as shown in the following illustration.<br \/>\n<a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/22\/DIYDialogTaskErrorsWarnings.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-10352\" src=\"\/wp-content\/uploads\/sites\/22\/DIYDialogTaskErrorsWarnings.png\" alt=\"Dialog Task - Errors and Warnings\" width=\"323\" height=\"339\" \/><\/a><br \/>\nIn addition, you can view the flow of your dialog task from the start of the root intent to a selected component by using the <strong>Show Trace<\/strong> <img loading=\"lazy\" decoding=\"async\" class=\"icon alignnone wp-image-9151\" src=\"\/wp-content\/uploads\/sites\/22\/DIYShowTraceIcon.png\" alt=\"diyshowtraceicon\" width=\"15\" height=\"13\" \/>\u00a0icon as shown in the following illustration.<br \/>\n<a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/22\/DIYDialogTaskTrace.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-19412\" src=\"\/wp-content\/uploads\/sites\/22\/DIYDialogTaskTrace.png\" alt=\"\" width=\"819\" height=\"460\" \/><\/a><br \/>\nIn the previous illustration, any components of the dialog task that are not directly in the\u00a0dialog flow for the selected component are grayed out. Using the trace feature you can look for a broken flow or conditional transition issues.\u00a0Click <strong>ShowTrace<\/strong> again to remove the trace.<\/p>\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><\/div><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"In a bid to improve useability and user experience, the dialog builder was given a makeover. You are given a choice to upgrade to the new builder or continue with the legacy builder, though we encourage you to go for the upgrade. This document deals with using the legacy dialog builder to build dialog tasks,...","protected":false},"author":9,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[29],"tags":[],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/multisite.korebots.com\/v9-0\/wp-json\/wp\/v2\/posts\/29337"}],"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\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/multisite.korebots.com\/v9-0\/wp-json\/wp\/v2\/comments?post=29337"}],"version-history":[{"count":7,"href":"https:\/\/multisite.korebots.com\/v9-0\/wp-json\/wp\/v2\/posts\/29337\/revisions"}],"predecessor-version":[{"id":29409,"href":"https:\/\/multisite.korebots.com\/v9-0\/wp-json\/wp\/v2\/posts\/29337\/revisions\/29409"}],"wp:attachment":[{"href":"https:\/\/multisite.korebots.com\/v9-0\/wp-json\/wp\/v2\/media?parent=29337"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/multisite.korebots.com\/v9-0\/wp-json\/wp\/v2\/categories?post=29337"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/multisite.korebots.com\/v9-0\/wp-json\/wp\/v2\/tags?post=29337"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}