Buttons
Buttons offers a rich UX for users by showing them a list of predefined options to choose from. This makes the chat more conversational.
The button action block is made up of 3 things:
Question
A question that explains the user to choose from the list of buttons displayed.
For example, âWhat do you need assistance in?â.
Options
Along with the question, we show a list of pre-defined options that the user can choose from.
These buttons are generally of two types:
Branch buttons
Adding a branch button, adds a grey color node on the canvas. Using this node you can create different paths for each button in the chat flow.
For example, you can have a question like âHow often do you shop online?â with the buttons,
Every other day
Once in a week
Once in a month
Rarely
NOTE: You can add up to 10 buttons only.
URL buttons
Adding a URL button, allows you to open a webpage when that button is selected.
For example, you can have a button which says âRead case studyâ which when clicked opens a webpage on a new tab.
Variables
Variables are used to store the button selected by the user, so you can reference it for later use.
You can either choose an existing variable from the dropdown or create a new one.
Learn more about variables here.
Some more button settings
Search
Enabling it shows a searchbox on top of the list of buttons, so that users can easily find the option they are looking for.
This is really helpful when you have a huge list of buttons.
Multi-select
Allows the user to select multiple buttons at a time. After choosing the required buttons, user would need to hit âSendâ to proceed to the next step in the chat flow.
When using multi-select, the flow will always route to the âDefaultâ branch.
When using variables for multi-select, all values will be stored in a comma separated format i.e. âFever, coughâ.
Buttons layout
Renders the button in the specified format:
Horizontal â Horizontal placement of buttons as per available space.
Vertical â Each item is displayed in a new line.
Buttons sorting
You can choose to sort the list of buttons in the following order:
A - Z â In an ascending order starting from A.
Z - A â In a descending order starting from Z.
Random â Button list will be randomized
As defined â The order as displayed in the action panel.
Last updated