Steps
Last updated
Was this helpful?
Last updated
Was this helpful?
A few simple steps to send out your first message:
click the green start point
in the edit panel, "Select Next Step"
choose "Send Message" step
click the "Send Message" step
click text type message
enter your message
"Publish"
That's it! Let's test!
Click "Preview" from the navigation bar and "Open the flow".
Please note that the "Preview" feature is not supported in all channels. Channels support "Preview": Web chat, Instagram, Facebook, Telegram, WhatsApp, Line and Viber.
Preview in pop-up: This opens a preview window in your flow builder
Open in web browser: Opens flow in a new web browser tab
Copy Ref Url: A unique shareable link to your flow
Congrats! Your bot is working now. 🤖🤖
Let me show you some more details about the Send Message step. These are the message types in common for all/some of the Channels. Check by type below:
Wherever you see "</>", you can insert emojis or variable values to the text.
Or simply type "{{" to call the field list:
There are multiple ways to send media type within a message:
Upload from your computer (size limited)
Media Type
Maximum Upload Size
video
10MB
audio
5MB
file
5MB
others(e.g. image)
2MB
Sending images from a URL link (RECOMMENDED)
You can search pictures online and copy their direct URL links. But this direct link might change. Alternatively, you can upload photos to your server or other third-party photo storages like imgur.com, then get your direct URL links from that. Direct URL link means the link is pointing to a specific photo, not a website, ending with .jpg or .png, etc.
Search from GIFs gallery
We provide you with a GIFs gallery, you can search what you need here.
From Library
Library is the place you can see all the photos, GIFs, audios and videos you have uploaded before. So that you don't need to re-upload the same media, just find them in your library.
Card is used to display a series of information nicely, like product information. There are 4 elements in a card: Image, title, subtitle and button.
This message type is also showing cards but in a more automatic way. With "For Each", you don't need to type in each card yourself. It automatically displays all items in a JSON variable. Check
Action Step - What is JSON variable (ADD LINK)
choose a JSON variable first
click "</>" or type "{{" in the text box
choose "ITEM" to get a sample item from the JSON variable
Value in the JSON variable:
Value in "ITEM":
The "Sample data" is to quickly fill in the "JSON Path" field. For example, as shown in the picture, click the "price" row, and "$.price" appears in the "JSON Path" itself. This means that we are displaying the price of each item here. If there is no sample data prompted, you can fill in the path yourself by typing "$.", which refers to each item in the JSON variable, followed by the key of a value.
Moreover, for numbers like percentage and price, for date value and time value, we have different formats listed for you. For example, in the above picture, the price value is "5", and after choosing a "F03" format, the bot will display it as "$5". At the same time, the value in the variable is still the number "5", so you are able to use it in math calculation or condition comparison without malfunction.
Apart from the keys in the JSON variable, there are 3 hidden key you might need:
Key Name
Description
INDEX
index of the item started from 1
KEY
key name of the item
VALUE
value of the item = the item itself
When you have a JSON with a list of JSONs in it, use INDEX to check the sequence number of an item. Let's add an index number before the item name:
Testing result:
KEY/VALUE Example
When you have a JSON, as shown in the following picture, instead of a JSON holding a list of JSONs,
These are what you will get by using the three keys:
Testing result:
When you add a button to your "For Each", the button will show with every card. Usually, you might want to put a "Buy" or "Select" button here in case you are listing some products or options.
How does the bot know which card the user selects?
When you select the next step for the button, choose "Select":
Then select the next step as you usually do, like a Send Message Step to show the selected item or an Action Step to deal with the data. You can then access the selected item in "SELECT":
For example, let's add a Send Message step find the system field "SELECT":
click the row "item" to get the path "$.item" or type in the path directly
in the JSON path, add key name if needed. In this case, let's show the name of the selected item. So add ".name" after the path.
You will see this when you test it:
Dynamic Content helps you send out an API request to your server or a third-party server to get a response to display. The server can reply differently each time. In this way, your bot can display dynamic content to your users.
This feature is practical when your bot logic is complex and relies heavily on other servers. For example, you have your AI algorithm to analyze users' questions and calculate corresponding responses on your server; in this case, you can send the question in the API request. The server can generate a response based on the question. Finally, the server sends the response back to the chatbot to display to your users.
A response message can contain several messages, buttons and quick replies with actions. You can even apply simple actions like adding a tag directly in the response JSON.
Check Action Step - External Request for how to send an API request, (ADD LINK)
To send a location, search it on a map, then right-click it to copy its latitude and longitude values:
Enter your location name, paste the data and add a label if needed. A label gives additional information like floor or room number.
Facebook allows the bot to send texts with three buttons and ten quick replies at most.
The difference between the button and quick reply on Facebook Messenger:
Type
Usage
button
once sent, always in the conversation to be pressed
quick reply
similar to button, but disappear when used
Try to add some buttons and quick replies, and test it. You will see their differences.
Telegram flow is our newly added flow type. It is similar to Facebook flow except for some exclusive features with Facebook. Text tutorial about Telegram flow will be updated shortly.
WeChat allows the bot to send texts with ten buttons at most. Message type with WeChat:
This is what it looks like in the chat:
You can also send mini-programs that are associated with your official account.
The button in WhatsApp is a bit different from that in Facebook. A button on Facebook can be pressed multiple times while in WhatsApp, only once.
SMS bot can send only text and image.
You can have the bot read out the text with a specified language or record your own audio and upload it.
Message types with Google My Business flow:
All types are covered above, please check the message type in common for all/some of the channels. Find the location type in "Rich Media".
Check for how to set up and use a built-in e-commerce system.
