3.1.4.5 Multiple Selection

A Multiple Selection Question node allows you to create multiple pre-designed answer nodes, and in which more than one answer can be selected by the user.

Adding a Multiple Selection Question node

Step 1:

Add a Question node by clicking on the last node to access the contextual menu and choose “New Question” to open up the Edit form.

Step 2:

(Q1): Text editor toolbar. It includes Bold, Link, Email, Underline, Strike-through, Italic.

(Q2): Text editor. Type your text here.

(Q3): Emoticons. Add emoticons to your text.

(Q4): Type. Choose “Multiple Selection” for this question node.

(Q5): Variable name. You can assign the user’s answer to a variable. To make Querlo repeat the user’s answer, just type {variable name} within the text in any node following this question.

(Q6): Add leading space. It generates a new paragraph in the text script.

(Q7): Add a Label. Labels are used to reference nodes in various functions of the chat builder.

(Q8): Save.

Example

Step 1:

After opening the new question dialogue, fill the form as per the screenshot below and click save.

Step 2:

The Multiple Selection Question node that we have just created is now in the Chat Builder and it provides the action “New Answer” for you to create multiple answer nodes via contextual menu.

(Q1) Click on the Question node to access the contextual menu.

(Q2) Choose “New Answer” to create an answer node.

Repeat this step to create multiple answers.

Step 3:

(Q1) The Multiple Selection Question node and its Answer nodes in the Chat Builder.

(Q2) Click the “Preview” button to open the chat HTML client which shows you how your chat is presented to the viewers.

This is how a Multiple Selection Question node shows in the Chat HTML client.

Edit Nodes

To edit nodes, click on a node to access the contextual menu and choose “Edit” to open up the Edit form.

Add Nodes

To add nodes, click on the last node to access the contextual menu which contains all the actions that you can perform on the selected node.

The actions include:

3.1.4.4 Emotion Analysis

The Emotion Analysis is implemented through Natural Language IBM Watson.

An Emotion Analysis Question node allows your user to enter a free text answer, and Querlo will evaluate the most prevalent emotion (Anger, Disgust, Fear, Joy or Sadness) transpiring from the answer typed by the user and direct the flow to the appropriate branch.

Adding an Emotion Analysis Question node

Step 1:

Add a Question node by clicking on the last node to access the contextual menu and choose “New Question” to open up the Edit form.

Step 2:

This is the “Edit” form where you can modify the content of this node.

(Q1): Text editor toolbar. It includes Bold, Link, Email, Underline, Strike-through, Italic.

(Q2): Text editor. Type your text here.

(Q3): Emoticons. Add emoticons to your text.

(Q4): Type. Choose “Emotion(Natural Language IBM Watson)” for this question node.

(Q5): Variable name. You can assign the user’s answer to a variable. To make Querlo repeat the user’s answer, just type {variable name} within the text in any node following this question.

(Q6): Add leading space. It generates a new paragraph in the text script.

(Q7): Add a Label. Labels are used to reference nodes in various functions of the chat builder.

(Q8): Save.

Example

Step 1:

After opening the new question dialogue, fill the form as per the screenshot below and click save.

Step 2:

The Emotion Analysis Question node that we have just created is now in the Chat Builder and it has automatically generated 6 answer nodes: Anger, Disgust, Fear, Joy, Sadness, and Undetermined.

(Q1) The Emotion Analysis Question node and its Answer nodes in the Chat Builder.

(Q2) Click the “Preview” button to open the chat HTML client which shows you how your chat is presented to the viewers.

This is how an Emotion Analysis Question node shows in the Chat HTML client, and it allows your user to enter a free text answer.

Edit Nodes

To edit nodes, click on a node to access the contextual menu and choose “Edit” to open up the Edit form.

Add Nodes

To add nodes, click on the last node to access the contextual menu which contains all the actions that you can perform on the selected node.

The actions include:

3.1.4.3 Sentiment Analysis

The Sentiment Analysis is implemented through Natural Language IBM Watson.

A Sentiment Analysis Question node allows your user to enter a free text answer, and Querlo will evaluate the overall sentiment (Positive, Neutral or Negative) transpiring from the answer typed by the user and direct the flow to the appropriate branch.

Adding a Sentiment Analysis Question node

Step 1:

Add a Question node by clicking on the last node to access the contextual menu and choose “New Question” to open up the Edit form.

Step 2:

This is the “Edit” form where you can modify the content of this node.

(Q1): Text editor toolbar. It includes Bold, Link, Email, Underline, Strike-through, Italic.

(Q2): Text editor. Type your text here.

(Q3): Emoticons. Add emoticons to your text.

(Q4): Type. Choose “Sentiment(Natural Language IBM Watson)” for this question node.

(Q5): Variable name. You can assign the user’s answer to a variable. To make Querlo repeat the user’s answer, just type {variable name} within the text in any node following this question.

(Q6): Add leading space. It generates a new paragraph in the text script.

(Q7): Add a Label. Labels are used to reference nodes in various functions of the chat builder.

(Q8): Save.

Example

Step 1:

After opening the new question dialogue, fill the form as per the screenshot below and click save.

Step 2:

The Sentiment Analysis Question node that we have just created is now in the Chat Builder and it has automatically generated 3 answer nodes: Positive, Neutral or Negative.

(Q1) The Sentiment Analysis Question node and its Answer nodes in the Chat Builder.

(Q2) Click the “Preview” button to open the chat HTML client which shows you how your chat is presented to the viewers.

This is how a Sentiment Analysis Question node shows in the Chat HTML client, and it allows your user to enter a free text answer.

Edit Nodes

To edit nodes, click on a node to access the contextual menu and choose “Edit” to open up the Edit form.

Add Nodes

To add nodes, click on the last node to access the contextual menu which contains all the actions that you can perform on the selected node.

The actions include:

3.1.4.2 Open Answer

An Open Answer Question node allows your user to enter a free text answer, instead of clicking on the pre-designed answer nodes.

Adding an Open Answer Question node

Step 1:

Add a Question node by clicking on the last node to access the contextual menu and choose “New Question” to open up the Edit form.

Step 2:

This is the “Edit” form where you can modify the content of this node.

(Q1): Text editor toolbar. It includes Bold, Link, Email, Underline, Strike-through, Italic.

(Q2): Text editor. Type your text here.

(Q3): Emoticons. Add emoticons to your text.

(Q4): Type. Choose “Open Answer” for this question node.

(Q5): AI assisted matching. By default, it is disabled. Other options include Dictionary, Luis, Watson and Deep Learning.

(Q6): Data type. By default, the data type is Text. Other options include Number, E-mail, Password, Telephone, Personal name, and Telephone (country codes list & numeric phone)

(Q7): Validation format. It allows you to specify the way the text must be entered.

(Q8): Prefill. It provides a prefilled text that can be modified by the user. (Please scroll down to see the “Setting up a Prefilled text” section to learn more)

(Q9): Placeholder. It displays a message telling the user what text should be entered. (Please scroll down to see the “Setting up a Placeholder text” section to learn more)

(Q10): Variable name. You can assign the user’s answer to a variable. To make Querlo repeat the user’s answer, just type {variable name} within the text in any node following this question.

(Q11): Add leading space. It generates a new paragraph in the text script.

(Q12): Add a Label. Labels are used to reference nodes in various functions of the chat builder.

(Q13): Save.

Example

Step 1:

After opening the new question dialogue, fill the form as per the screenshot below and click save.

Step 2:

The Open Answer Question node that we have just created is now in the Chat Builder and it has automatically generated an answer node that allows your user to enter a free text answer.

(Q1) The Open Answer Question node and its Answer nodes in the Chat Builder.

(Q2) Click the “Preview” button to open the chat HTML client which shows you how your chat is presented to the viewers.

This is how an Open Answer Question node shows in the Chat HTML client, and it allows your user to enter a free text answer.

Setting up a Prefilled text

After opening the new question dialogue, enter the question “Where do you live?”, fill the form as per the screenshot below and click save.

This is how this Open Answer Question node with prefill shows in the Chat HTML client, and it provides a prefilled text that can be modified by the user.

Setting up a Placeholder text

After opening the new question dialogue, enter the question “Please enter your email address”, fill the form as per the screenshot below and click save.

This is how this Open Answer Question node with placeholder shows in the Chat HTML client, and it displays a message telling the user what text should be entered.

Edit Nodes

To edit nodes, click on a node to access the contextual menu and choose “Edit” to open up the Edit form.

Add Nodes

To add nodes, click on the last node to access the contextual menu which contains all the actions that you can perform on the selected node.

The actions include:

3.1.4.1 Multiple Choice

A Multiple Choice Question node allows you to create multiple pre-designed answer nodes, and each answer node starts a new branch.

Adding a Multiple Choice Question node

Step 1:

Add a Question node by clicking on the last node to access the contextual menu and choose “New Question” to open up the Edit form.

Step 2:

This is the “Edit” form where you can modify the content of this node.

(Q1): Text editor toolbar. It includes Bold, Link, Email, Underline, Strike-through, Italic.

(Q2): Text editor. Type your text here.

(Q3): Emoticons. Add emoticons to your text.

(Q4): Type. Choose “Multiple Choice” for this question node.

(Q5): Source Variable. This node type can be made dynamic by assigning it a source variable which contains a properly structured data source at runtime. (Please read Making a dynamic multiple choice question to learn more)

(Q6): Variable Name. You can assign the user’s answer to a variable. To make Querlo repeat the user’s answer, just type {variable name} within the text in any node following this question

(Q7): Add leading space. It generates a new paragraph in the text script.

(Q8): Add a Label. Labels are used to reference nodes in various functions of the chat builder.

(Q9): Save.

Example

Step 1:

After opening the new question dialogue, fill the form as per the screenshot below and click save.

Step 2:

The Multiple Choice Question node that we have just created is now in the Chat Builder and it provides the action “New Answer” for you to create multiple answer nodes via the contextual menu.

(Q1) Click on the Question node to access the contextual menu.

(Q2) Choose “New Answer” to create an answer node.

Repeat this step to create multiple answers.

Step 3:

(Q1) The Multiple Choice Question node and its Answer nodes in the Chat Builder.

(Q2) Click the “Preview” button to open the chat HTML client which shows you how your chat is presented to the viewers.

This is how a Multiple Choice Question node shows in the Chat HTML client.

Edit Nodes

To edit nodes, click on a node to access the contextual menu and choose “Edit” to open up the Edit form.

Add Nodes

To add nodes, click on the last node to access the contextual menu which contains all the actions that you can perform on the selected node.

The actions include:

3.1.4 Branching/Question nodes

Nodes” are the essential parts of a chat on Querlo. A Question node is a Branching node, and it means the flow will branch.

Adding a Question node

Go to the chat builder

(Q1) Click on the last node to access the contextual menu which contains all the actions that you can perform on the selected node.

(Q2) Choose “New Question” to open up the edit form where you can select a type for the new question node.

Question Types

These are the types that you can select for a branching/question node:

This image has an empty alt attribute; its file name is 3.5-Q-nodes-multiple-choice02.png

New Answer

Some of these Questions provide the action “New Answer” for you to create multiple answer nodes via the contextual menu. Please read Answer nodes to learn more.

3.8 Go to this element

Go to this element” is the action that you can perform on any end node, and it helps you to easily navigate in a chat.

Locating end nodes

The end nodes are usually located at the end of each branch (Q1, Q2, Q3).

Step 1:

(Q1) Click an end node to access the contextual menu.

(Q2) Choose “Go to this element“.

>> Case 1: A shadow node caused by Chat connections

This is a shadow node that is connected to another chat.

By performing the action “Go to this element“, the system will automatically bring you to the connected chat.

>> Case 2: A regular end node

This is a regular end node which is a Text node.

By performing the action “Go to this element“, the system will zoom in on the selected node.

>> Case 3: A shadow node caused by Node connections

This is a shadow node that is connected to an existing node that is above it in the same chat.

By performing the action “Go to this element“, the system will bring you to the connected node.

3.7 Shadow nodes

Shadow nodes are the nodes with a special connection. Knowing what causes the shadow nodes helps you to understand how to manage a chat and navigate in a chat or between chats.

What causes a shadow node

In the example below, (Q1) and (Q2) are shadow nodes, and they are caused by:

(Q1) Chat connections. When the node is connected to another chat.

(Q2) Node connections. When the node is connected to an existing node that is above it in the same chat.

Navigating shadow nodes

Navigate shadow nodes by using the action “Go to this element“. It helps you to manage a chat and organize it in a better way.

4.1 Using Leading Spaces to create paragraphs

Adding a Leading space allows you to create a paragraph. Leading spaces can be added before Text nodes and Question nodes.

Adding a Text node Leading space

Step 1:

Go to the chat builder.

Click on a Text node in the Chat builder to open the contextual menu. Choose “Edit” to open up the edit form.

Step 2:

In the edit form, enable the “Add leading space” checkbox to generate a new paragraph in the text script. Click “Save“.

Example

Step 1:

In the chat below, there are 4 text nodes. (Please read The Types of Node to learn more)

(Q1) To add a Leading space to the 3rd text node, click on it to access the contextual menu.

(Q2) Choose “Edit” to open up the edit form.

Step 2:

This is the “Edit” form where you can modify the content of this node.

(Q1) Enable the “Add leading space” checkbox to generate a new paragraph in the text script.

(Q2) Click “Save”.

(Q3) Click the “Preview” button to open the chat HTML client which shows you how your chat is presented to the viewers.

Step 3:

This is how Leading spaces show in the Chat HTML client.

>> In the left-hand chat (the original version):

(Q1) The first node always starts a paragraph in the text script.

>> In the right-hand chat (with the enabled leading space to the 3rd text node):

(Q1) The first node always starts a paragraph in the text script.

(Q2) It shows the 3rd text node has generated a new paragraph in the text script.

Adding a Question node Leading space

Step 1:

Go to the chat builder.

Click on a Question node in the Chat builder that you’d like to generate a new paragraph to access the contextual menu. Choose “Edit” to open up the edit form.

Step 2:

In the edit form, enable the “Add leading space” checkbox to generate a new paragraph in the text script.

Example

Step 1:

In the chat below, there are 2 text nodes and 1 multiple choice question node. (Please read The Types of Node to learn more)

(Q1) Click on the Question node to access the contextual menu.

(Q2) Choose “Edit” to open up the edit form.

Step 2:

This is the “Edit” form where you can modify the content of this node.

(Q1) Enable the “Add leading space” checkbox to generate a new paragraph in the text script.

(Q2) Click “Save”.

(Q3) Click the “Preview” button to open the chat HTML client which shows you how your chat is presented to the viewers.

By default, a Question node always starts a paragraph in the text script.

3.6 Chat connections

Establishing a connection between chats allows you to effectively manage your chats on different topics.

Connecting Chats

Step 1:

Go to the chat builder.

Click on the last node to access the contextual menu and choose “Connect to another chat”.

Step 2:

A pop-up window that contains all your chats appears. Select a chat that you’d like to connect to.

Example

In the chat below, there are 2 text nodes, 1 image link node and 1 video embed node. (Please read The Types of Node to learn more)

Step 1:

(Q1) Click on the last node to access the contextual menu which contains all the actions that you can perform on the selected node.

(Q2) Choose “Connect to another chat”.

Step 2:

A pop-up window that contains all your chats appears. Select a chat that you’d like to connect to.

Step 3:

On the top of the page, a pop-up message “Connection successfully created” appears, and the chat that you have selected to connect has shown up in the Chat builder.

Connecting chats creates a Workspace

A Workspace is automatically created by connecting chats. Locate the chats list to manage your chats and workspaces.