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!
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".
What is your Result?
Property | Description |
---|---|
Successful Result | You will get a complete conversation tree graph on your workspace. There will be in total 5 tree nodes and 3 global nodes. You can also try your first chatbot in the testing environment! |
Getting Hands-on
Enter your Bot Builder here.
Build 2nd-Layer Child Node: About Us
- Select your First Node User clicks Get Started and add a new tree node after it. Remember you must always select the Parent Node to create the child node that comes after.
- Go to "Node Inspector" and fill in the node details.
- Create a trigger that allows user to activate the "About Us" message. The payload is "ABOUT_US".
Create a response and select "Text" as response type. Then, fill in the text content.
Click "Save" to save the response.
After that, click "Save" to save your first child node.
Build 2nd-Layer Child Node: Our Product
Select your First Node User clicks Get Started and add a new tree node after it. Remember you must always select the Parent Node to create the child node that comes after.
Go to "Node Inspector" and fill in the node details.
- Create a trigger that allows user to activate the "About Us" message. The payload is "PRODUCT".
Create a response and select "Quick Reply" as response type.
Enter the title and payload.
- Select "+ Quick Reply" to create another new quick reply, enter a title and a payload.
- Now, the response with 2 quick replies have been completed.
- Remember to save the response and the child node.
Build 3rd-Layer Child Nodes
- Create a new child node for the first product following "Our Product" node.
- 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 a new Response and select Image as response type.
Enter the image URL.
- Create a new "Text" response, enter the product details.
- Repeat step 16 - 19 to create another child node for the second product.
- Remember to save the response and the node afterwards.
Create Other Global Nodes
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.
Create a global node for "About US", let's name it "Our Story Global".
- Create a new trigger, and create a payload (i.e. OUR_STORY).
- Toggle on Redirect and select "About US" node.
- Repeat step 23 - 25 to create another global node for "Our Product" node.
Add Global Nodes into Channels
- Now go back to your testing channel and add back the two additional global nodes into the channel. Click "Save" to save the settings
Set Ice Breakers
- Scroll down to create two new Ice Breakers questions, and match the payload that you have set in the new global nodes.
- You should now have all your child nodes set up properly. You have created your first bot! Check if you can get a successful result 🎉