How to create a button
Working with button tabs
Buttons can be created in two ways: by using the button settings within a block, or by using connection between blocks.
The first option is more functional and convenient to work with.
To create buttons directly from a block, open the desired block and go to the Buttons section:
After clicking "+ Add button", enter the display text for the button in the "Text" field.
Next, select the button function.
To use a button for a simple transition to another state (without payments, phone requests, etc.), keep the function set to "Default".
Click the "Add" button to confirm and add it to the block settings.
There are two main types of buttons:
Keyboard buttons: Appear below the input field and disappear after being pressed or when a message is typed.
Inline buttons: Appear within the message bubble and remain visible after being pressed.
Some messengers also support an Auto mode, which automatically selects the best button type for the platform.
The bot handles presses for both button types identically. You can add more buttons in two ways:
Click the "+" button to the right of an existing button.
Result: The new button appears on the same line.
If you click "+ Add button",
then the new button will be added below the previously created one:
You can rearrange buttons and align them in a row by simply dragging a button to the desired position.
You can also easily rearrange buttons in this field by holding the left mouse button and dragging a button to a new position.
Please note!
To display a connection between blocks as a keyboard button instead of creating a separate button inside a block, follow these steps:
Enable the "Show connections as buttons" checkbox.
Set a trigger on the connector that links the two blocks.
The connector will then be displayed as a keyboard button to the user.
For a detailed guide, please refer to the article: "Connection with a button".
This version assumes the user needs to create a manual button while connection-buttons are disabled.
In the Advanced settings menu, locate the "Show connections as buttons" toggle and ensure it is turned OFF.
Now, click "+ Add button" to create a standard button within the block.
How to properly write a button label
When creating a button, you always choose the most engaging and attractive labels to attract customers. However, you must follow this rule: the button label should not contain quotation marks.
Incorrect variant:
If you need to emphasize words, you can use single quotation marks.
Correct variant:
You can also make buttons more vivid and colorful by using emojis:
How to set the button color
If needed, you can specify the button color — this works in Viber and Online chat.
You can choose any button color in Viber or Online chat — click the black square to open the color palette:
This is what colored buttons look like in the online chat.
Advanced button settings fields
Display buttons checkbox
Display buttons: by default, this toggle is enabled, and buttons are shown to the client.
Display connectors like button
Display connectors as buttons: when enabled (default), all connector triggers from this block are displayed as buttons to the user.
Tooltip for messengers without buttons
The "Tooltip for messengers without buttons" field provides alternative text for messengers that lack button support (e.g., standard WhatsApp). This guides users on what to type manually.
Since WhatsApp does not support buttons, use the "Tooltip for messengers without buttons" field to provide a numeric menu. This text, displayed only in WhatsApp, allows users to navigate the bot by typing numbers.
Advanced button settings – Button code field
The field "Advanced button settings (button code)" can be used to create unique buttons using code.
Last updated