{"id":23796,"date":"2020-07-03T16:47:31","date_gmt":"2020-07-03T15:47:31","guid":{"rendered":"https:\/\/developer.kore.ai\/v10-3\/?p=23796"},"modified":"2024-06-07T13:40:46","modified_gmt":"2024-06-07T12:40:46","slug":"working-with-the-form-node","status":"publish","type":"post","link":"https:\/\/developer.kore.ai\/v10-3\/docs\/bots\/bot-builder-tool\/dialog-task\/working-with-the-form-node\/","title":{"rendered":"Form Node"},"content":{"rendered":"
<\/div><\/div><\/section>
<\/div><\/div><\/div>\r\n\t
\r\n\t\t
\r\n\t\t\t

The Form node lets you integrate <\/span>Digital Forms<\/span><\/a> with Dialog Tasks. This facilitates the presentation of forms to capture user inputs for specific use cases.<\/span><\/p>\n

The primary purpose of the Form node is to represent a UI Form in the dialog task and make the form available for end-users on their channel. For example, let us consider a travel assistant that has a form to capture the customer details to make a new booking. During this process, you may want to use the form instead of prompting for each and every entity value.<\/span><\/p>\n

Add the Node<\/span><\/span><\/h1>\n

Before you can begin setting up a Form node, you need to have previously created a Digital Form to use within the node.\u00a0<\/span><\/p>\n

To add a form node to the dialog task, follow the below steps:<\/span><\/p>\n

    \n
  1. Open the dialog task<\/strong> to which you want to add the Form node.<\/span><\/li>\n
  2. Add the Form node <\/strong>in the designated place. To learn how to add nodes, please <\/span>click here<\/span><\/a>. You will be shown a list of existing Digital Forms from which you can choose the one to add to this node.
    \n    \"\"<\/a><\/span><\/span><\/li>\n
  3. Choose the channels\u00a0<\/strong>on which you want to offer the form experience.
    \n    \"\"<\/a><\/li>\n
  4. Choose the Form Experience<\/strong>: <\/span>If you are offering your Virtual Assistant on multiple channels, you can choose whether to enable the Digital Form Experience as the default experience on all these channels, or use a combination of Digital Form Experience and Conversation Experience.<\/span><\/span>\n
      \n
    1. Only UI Form<\/strong>: Users will be presented the Digital Form Experience on all the channels that are enabled for the assistant that you are working with. This will create a Form Node and automatically open the Component Properties panel, where you can continue configuring the node.<\/li>\n
    2. Both Digital Form and Conversational Experience<\/strong>: You can choose the channels on which the Digital Form Experience should be enabled and all other channels will use the Conversational Experience.
      \n      \"\"<\/a><\/li>\n<\/ol>\n<\/li>\n
    3. By following this process, the Platform will automatically add a Form Experience Transition<\/em><\/strong> (Bot Action) node group,<\/strong> which ramifies into the necessary Dialog Task and Form Node, to allow you to further customize the Form Experience and Conversation Experience for your channel selection. This Transition is composed of individual nodes, which you will need to configure separately, according to their respective node types.<\/span>
      \n<\/strong>
      \n      \"\"<\/a> <\/span><\/li>\n<\/ol>\n

      Configure the Node<\/span><\/span><\/h1>\n

      This configuration applies to the Form Node Type – regardless of whether it is standalone by selecting Only UI Form during setup, or whether it is part of a Form & Conversation Experience.<\/span><\/p>\n

      Component Properties<\/span><\/span><\/h2>\n\n\n\n
      Note<\/em><\/strong>: The configurations you set up or modify in this section are reflected in all other dialog tasks that use this node.<\/span><\/em><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

      The Form Component Properties allow you to configure a variety of settings and prompts related to your Form Node, as follows:\u00a0<\/span><\/p>\n

        \n
      1. On the Component Properties<\/strong> tab, under the General Settings<\/strong> section, enter a Name<\/strong> and Display Name<\/strong> for the form node. Node names cannot contain spaces, but the Display Name can.<\/li>\n
      2. In the User Prompts <\/strong>\u00a0text box, enter the prompt message that you want the user to see for this form. It should instruct the user to click on the link to initiate the form. It is not recommended to change the context variable reference (of the form {{context.form_node.formLink}})coded therein. You can enter channel-specific messages for user prompts. For more information, refer to Using the Prompt Editor<\/a>.<\/li>\n
      3. In the Error Prompts<\/strong>\u00a0text box, review the default error message, and if required modify it. For more information, refer to Using the Prompt Editor<\/a>.<\/li>\n
      4. In the Submit Prompts<\/strong> text box, review the default message that is displayed after successful submission of the form, and if required, modify it. This message is applicable only when the UI Form is opened in a browser tab.
        \nSteps to personalize form submission prompt for Mobile\/Web SDK<\/strong>:<\/p>\n
          \n
        1. Under Submit Prompts<\/b>, click Add a prompt<\/b>.
          \n          \"\"<\/a><\/li>\n
        2. In the additional prompt editor, select Web\/Mobile Client<\/b>.
          \n          \"\"<\/a><\/li>\n
        3. Write or change the message as appropriate.
          \n          \"\"<\/a><\/p>\n

          For more information, refer to Using the Prompt Editor<\/a>.<\/li>\n<\/ol>\n<\/li>\n

        4. Under the Web\/Mobile SDK Form Behavior<\/strong> section, you can set how the form is displayed. You can select:\n