Breadcrumbs

Getting Started With Dialogs

This guide will walk you through creating a dialog that presents the customer with two options.

f56fd68b-58f0-4290-a82d-54a20bb30951-image.png

As stated in the “introduction to dialogs” page a dialog is a collection of dialog nodes connected to provide an end-to-end conversational experience. In this guide we’ll be using the following dialog node types to realize our use case:

bec0d560-dab6-49fb-80f2-2477c1696335-image.png



  1. Navigate to https://cms.digitalcx.com

  2. Click "Dialogs"
    6c7ba698-16ba-494a-9669-8d49b7f37353-image.png

  3. Click the '+' button to create a new dialog.
    ec5bfce2-9452-4944-b532-7bc7e1af5ecc-image.png

  4. Click this field and assign an appropriate name to your new dialog.
    64f10a73-e2b7-4147-ae5a-a425421e4051-image.png

  5. Click this field and give your new dialog a corresponding description.

    266d5681-a024-4dc9-a551-67ac67364a6e-image.png

  6. Click "Create"
    cdffe1c2-e532-47f4-b74f-d0547fa3b0c2-image.png

  7. Click on the dialog that you've just created to open the editor.
    22952cfa-5785-4634-be89-976f1ad218fb-image.png

  8. We'll start off by creating a simple start node. To create this, Click on the "+ Add node" button and select the type: 'Recognition'.
    add_start_node.gif

  9. Click "Edit Output" to edit the output of your start node.
    cef791e1-f2df-488c-9095-8636049690de-image.png

  10. Click here to start typing.
    a18f02c8-ed74-4d1b-bbc8-51c6cd23f3df-image.png

  11. Select "Add answer" once you have finished inputting your text.
    2012d748-3a73-4536-817c-0fa35cf03724-image.png

  12. Click here or the "X" button to exit to the dialog overview.
    5a89dcc5-d622-4c78-be7d-62344ebd8f7c-image.png

  13. Next, we'll incorporate a basic output. Select "Output" to proceed.
    a0cc3144-7093-4199-82be-611008292a3e-image.png

  14. Click the "Add recognition..." field to add a dialog option/recognition.
    364cc588-0317-4c6f-91b5-1188b79c7758-image.png

  15. Give your recognition/dialog option a name.

  16. Click here to add your quick reply.
    47fc5147-fa34-4991-8955-d572b0b3df26-image.png

  17. Click here to activate your dialog option/recognition.
    cbaf75a4-0e59-4cc9-a42a-435717bceed2-image.png
    d29cf602-29f5-4952-a608-ea00e74edc18-image.png

  18. After adding your dialog option/recognition you can edit your output. Click on "Edit Output".
    52e7f4a7-7a2f-4f6f-a61e-f90454ad8a7f-image.png

  19. Begin typing by clicking here. Whatever you enter will be displayed when the designated recognition or selected dialog option is triggered.
    c9beb4df-0cb0-4090-82c9-852b19111f0c-image.png

  20. Click here to add your answer to the output node.
    5a839df3-4d3a-4ba6-8d18-b11b2052ad3c-image.png

  21. Click here or the "X" button to exit to the dialog overview.
    a5a50776-9227-4f18-9476-8bb21b22cedf-image.png

  22. Now we are going to add a second output node. Click "Output"
    7d9da814-9dbb-4335-98d6-d5adc73c2d09-image.png

  23. Click the "Add recognition..." field to add a dialog option/recognition for your second output.
    8efb71b7-fb7d-43bd-b420-b852762b4893-image.png

  24. Click here to add your quick reply.
    02826c7f-c851-4745-89be-c6d823165a54-image.png

  25. Click here to activate your dialog option/recognition.
    4b7e9703-26ad-42da-88cf-d3c8e53c0155-image.png
    0a8aeb7b-033e-4602-8078-bfb71229de8d-image.png

  26. After adding your dialog option/recognition you can edit your output. Click on "Edit Output".
    d26b31ef-21c7-4a05-9e0e-3593caff8aac-image.png

  27. Begin typing by clicking here. Whatever you enter will be displayed when the designated recognition or selected dialog option is triggered.
    213ae6ce-5f9a-4b03-b541-aabe15430419-image.png

  28. Click here to add your answer to the output node.
    65804424-c260-46ca-911f-65fe43bfe8bd-image.png

  29. Click here or the "X" button to exit to the dialog overview.

41766008-e44f-4e65-804a-ee3fb7768f6e-image.png

That's all. This is the process of creating a basic start node with various dialog outputs. After following the steps mentioned above your dialog should look like this:

f56fd68b-58f0-4290-a82d-54a20bb30951-image.png

E-learning Video

For further guidance, watch our e-learning video about creating Dialogs.