Skip to main content

Build Child Nodes

Let's continue to follow the tree diagram to build the remaining child nodes and you are very close to completing your first chatbot!

Sample Chatbot
Sample Chatbot

Child Nodes are the nodes that come after the first node and they can be in the second layer, the third layer or even the layers after. Users cannot access any Child Node if they are not on the designated path.

In the above example, "Opening Hours message" is the Child Node of "Do you want to check out the opening hours or shop address?" and can only be triggered when user clicks "Opening Hours".

Expected Outcome

You will get a complete conversation tree graph on your workspace. There will be in total 5 general nodes and 3 global nodes. You can also try your first chatbot in the testing environment!

Ice Breakers Entry
Ice Breakers Entry
Product Details
Product Details

Sample Chatbot Structure

A complete conversation chatbot
A complete conversation chatbot

Build 2nd-Layer Child Node: About Us

Enter your Bot Builder.
  1. Select your First Node User clicks Get Started and add a new general node after it. Remember you must always select the Parent Node to create the child node that comes after.
Add Child Node
Add Child Node
  1. Go to "Node Inspector" and fill in the node details.
Node Details
Node Details
  1. Create a trigger that allows user to activate the "About Us" message. The payload is "ABOUT_US".
Create trigger
Create trigger
  1. Create a response, and select "Instagram" as the platform.
Response Platform
Response Platform
  1. Select "Text" and fill in the text content. Remember to "Save" the response.
Create new response
Create new response

Build 2nd-Layer Child Node: Our Product

  1. Select your First Node User clicks Get Started and add a new general node after it. Remember you must always select the Parent Node to create the child node that comes after.

  2. Go to "Node Inspector" and fill in the node details.

Add Child Node
Add Child Node
  1. Create a trigger that allows user to activate the "Our Product" message. The payload is "PRODUCT".
Create New Trigger
Create New Trigger
  1. Create a response and select "Instagram" as response platform.

  2. Select "Quick Replies" and fill in the text content.

Create Quick Reply
Create Quick Reply
  1. Select "+ Quick Replies", enter a title and a payload.
Create Quick Reply
Create Quick Reply
  1. Select "+ Quick Reply" to create another new quick reply, enter a title and a payload.
Create Quick Reply
Create Quick Reply
  1. Remember to save the response and the child node!

Build 3rd-Layer Child Nodes

  1. Create a new child node for the first product following "Our Product" node.
Create new node
Create new node
  1. Create a new trigger and enter the payload (i.e. PINE). Remember to match with the payload you have set in "Our Product" node. Click "Save" to save the trigger.
Create New Trigger
Create New Trigger
  1. Create a new Response and select Carousel as response type. Create an carousel object and fill in the product details. Insert the image URL to display the product photo.
Create New Response
Create New Response
  1. Repeat step 16 - 17 to create another child node. In this node, create another "Carousel" response to display another product.
Create New Response
Create New Response
  1. Remember to save the response and the node afterwards.

Create Other Global Nodes

  1. Apart from adding payload trigger, we would like to let customers trigger the relevant response with Ice Breakers. Let's do this by creating global nodes.

  2. Create a global node for "About US", let's name it "Our Story Global".

Create New Global Node
Create New Global Node
  1. Create a new trigger, and create a payload (i.e. OUR_STORY).
Create New Trigger
Create New Trigger
  1. Toggle on Redirect and select "About US" node.
Redirect
Redirect
  1. Repeat step 23 - 25 to create another global node for "Our Product" node.
Create New Global Node
Create New Global Node
  1. Create a payload trigger with "VIEW_PRODUCT".
Create New Trigger
Create New Trigger
  1. Toggle on "Redirect" and link back to the "Our Product" node.
Redirect
Redirect

Add Global Nodes into Channels

  1. Now go back to your testing channel and add back the two additional global nodes into the channel. Click "Save" to save the settings.
Add Global Nodes to Channel
Add Global Nodes to Channel

Set Ice Breakers

  1. Scroll down to create two new Ice Breakers questions, and match the payload that you have set in the new global nodes.
Add Global Nodes to Channel
Add Global Nodes to Channel
  1. You should now have all your child nodes set up properly. It's time to test and see if you can get the expected outcome.