| Table of Contents | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
...
After creating your first flow, open it, click "Edit Flow", have your bot side by side and here we go! 😆
...
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 in Messenger". Click "Get Started" if it's the fist time you talk to the bot.
...
upload from your computer (size limited)
Media Type | Maximum Upload Size |
|---|---|
video | 10MB |
audio | 5MB |
file | 5MB |
others(e.g. image) | 2MB |
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:, 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. Take the link in the above picture for an example.
...
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 - JSON Operation if you have no idea about what is JSON variable.
...
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:
...
Great! Now you see how to use the "For Each". 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 |
INDEX Example
When you have a JSON with a list of JSONs in it, use INDEX for checking the sequence number of an item. Let's add an index number before the item name:
...
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:
...
The difference between 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, quick replies and test it. You will see their differences.
...