You can add buttons to the messages you send through ChatApp. This is necessary when you want to offer the client to choose from several options.
Special characters for a button
Displaying buttons is very easy, to do this, write a phrase in triple curly brackets in the text of the message, for example: {{{Reject button}}}.
There are 2 rules:
- Buttons cannot be sent together with a file. Because the type of such message is "file", the system does not recognise the difference between buttons and messages. Therefore, the client will receive plain text in curly braces
- A message with buttons must start with plain text. For example: " Select one of the options: {{{{Option 1}}}{{{{{Option 2}}}}{{{{{Option 3}}}}}". Otherwise, the message will not be sent.
You can send messages with buttons from:
- message boxes ChatApp dialog;
- ChatApp knowledge base by selecting a typical answer in which buttons are registered;
- knowledge base machine learning module;
- CRM robots and bots;
- internal messenger Bitrix24, amoCRM, YCLIENTS, Altegio and other CRMs;
- ChatApp Bot Builder.
The maximum length of one button is 25 characters.
Buttons in Channels
| With Buttons | No buttons |
- Official WhatsApp business API - VK - Telegram Bot - Viber Bot - WhatsApp WEB | Avito WhatsApp WEB Telegram Personal |
Example of message:
Good afternoon You have previously ordered flowers from us, now you are our favorite customer and we want to send you a gift, choose which gift for men or women do you want? Enter your answer: {{{men}}} {{{women}}} | |
| Channel message with buttons | Channel message without buttons |
Good afternoon You have previously ordered flowers from us, now you are our favorite customer and we want to send you a gift, we can send gift for men or women, you choose. Enter your answer: ----- Buttons: [men] [women] | Good afternoon You have previously ordered flowers from us, now you are our favorite customer and we want to send you a gift, we can send gift for men or women, you choose. Enter your answer: ------ Text: men women (text is displayed in the second message) |
In messengers, the use of buttons is configured differently
The buttons are visually displayed as clickable buttons.
TelegramBOT can show up to 20 buttons.
In WhatsApp, only 3 buttons can be sent in one message. If more than one is sent, multiple messages will be send.
Duplicate buttons in WhatsApp WEB using Bot or automation in CRM. Due to frequent app updates, buttons may stop working.
Buttons only work in messages to the community. Go to Community → Management → Messages → Bot Settings and turn on Bot abilities.
Types of displaying buttons in telegramBot and VK
Bots on Telegram and VK are able to display two types of buttons — classic ones, located below the message input line, and inline buttons, displayed in the chat window as message bubbles. To apply the second type of buttons, use the special {{{inline}}} marker.
Example message:
Select:
{{{inline}}} {{{test1}}} {{{test}}} {{{tetet}}}
{{{test2}}} {{{434434}}}
{{{test3}}} {{{rrrrr}}}
Result:
Buttons displayed below the message input line can be arranged either in a row or in a single column. If you need a row format, insert a space between buttons. Example: {{{Button 1}}} {{{Button 2}}}.
Result:
To visualize buttons in a column format, there should be either no spaces between them or a line break. Example: {{{Button 1}}}{{{Button 2}}}
Or
{{{Button 1}}}
{{{Button 2}}}
Result:
Bot constructor
In the bot constructor, you can also add buttons to suggest that the client select an answer option. You can use buttons in any block that sends a message to the client.
The example in the screenshot shows an excerpt from the script with buttons. In this scenario, the bot:
1. Will send the image that is added to the first block “Send message”;
2. Will send a text message with buttons;
3. Waiting for a response from the client;
4. It will check the answer option and then send the script to the correct branch.
If you have any questions, watch our training video.
Video
Video tutorial “How to use answer buttons in messengers”.