Skip to main content

Buttons Types and Actions

Fatma Sayed
Updated

Buttons are interactive elements that enable users to navigate through a conversation. They provide options for the message recipient to perform actions, such as opening a WebView, starting another flow, or initiating a call. In this guide, we'll explore different types of buttons and how to set them up.

 

Buttons (2).png

 

Types of Buttons:

  1. Flow Button:
    • This button allows an admin to choose the next step in the conversation that triggers when a user clicks the button.

  1. URL Button:
    • You can add a URL to this button, which will open in a new tab of your web browser. Note that the URL must start with "HTTPS://" to save the changes.

 

⭕ The URL must be HTTPS:// otherwise you will get an error that will not allow you to save changes.

 

  1. Phone Button:
    • The Phone button is a useful feature for sales teams and service businesses. When tapped, it dials a phone number, and the phone number should be in the format +COUNTRY_CODE<PHONE_NUMBER>.

How it looks:

 

Buttons Setup

To create a Buttons type message, follow these steps:

  1. Click "+Add button".  
  2. Each button must have a name with fewer than 20 characters, and you can include emojis.
  3. Select the button type.
  4. You can add more buttons to the question by clicking on "+ Add button" and create additional buttons.

Info! Button text is limited to 80 characters. Don't use more than 1-3 words or add punctuation. Try to keep your text under 20 characters, including spaces.

 

Extra Actions: Save Answers in Attributes

With the Multiple Choice Option, you can save users' selections in attributes. These attributes can take various formats, including:

  • Text
  • Phone
  • Email
  • Number
  • Location
  • Date and Time
  • URL

This feature is especially useful for confirming orders. For instance, you can use it to save the user's selected items in a Google Sheet for easy order confirmation and tracking.

 

For example, if you want to store a user's choice of drink option, you can create an attribute called "drink" and add the name of the chosen drink. Similarly, for meal options, you can create an attribute called "meal" and add the name of the selected meal. This way, when the user clicks an option, their choice will be saved in the respective attribute.

 

Here are the steps:

  1. Create an Attribute: Give it a name related to the choice (e.g., "drink" or "meal").
  2. Format the Attribute: Format the Attribute: Choose a suitable format for the attribute, aligning with your choice (e.g., "text" or "number").
  3. Add the Choice: When the user selects an option, add the name of their choice to the attribute (e.g., "Coffee" or "Burger").
  4. Automatically Saved: The system will automatically save the user's choice in the attribute for future reference.

 

For Facebook Messenger:

Before using the Reply Buttons, please keep in mind that:

  • You can only add 3 buttons.
  • Button titles have a maximum character limit of 20.
  • There are 3 types of buttons:
    1. Flow: This button starts a new conversation flow when clicked. ✔️
    2. URL: Hyperlinks are allowed, so you can include web links within the buttons. ✔️
    3. Phone: You can initiate phone calls using the Phone button. Ensure the phone number follows the format: +COUNTRY_CODE<PHONE_NUMBER>. ✔️
  • Users can select more than one option simultaneously from the button message without going back and reopening a previous message.

 

How it looks in the builder:

(within 20 characters)

(More than 20 characters)

How it looks in Messenger:

(within 20 characters)

 

(More than 20 characters)

 

For Webchats

Before using the Reply Buttons, please keep in mind that:

  • You can only add 3 buttons.
  • Button titles have a maximum character limit of 20.
  • There are 3 types of buttons:
    1. Flow: This button starts a new conversation flow when clicked. ✔️
    2. URL: Hyperlinks are allowed, so you can include web links within the buttons. ✔️
    3. Phone: You can initiate phone calls using the Phone button. Ensure the phone number follows the format: +COUNTRY_CODE<PHONE_NUMBER>. ✔️
  • Users can select more than one option simultaneously from the button message without going back and reopening a previous message.

 

How it looks in the builder:

(within 20 characters)

(More than 20 characters)

 

How it looks in Webchat:

(within 20 characters)

 

(More than 20 characters)

 

For WhatsApp

It is possible to use the Buttons on WhatsApp because those will be displayed as WhatsApp button choices. But we recommend using the WhatsApp Reply button for a better experience.

 

Before using the Reply Buttons, please keep in mind that:

  • You can only add 3 buttons.
  • Button titles have a maximum character limit of 20.
  • Three types of buttons are allowed:
    1. Flow: This type allows you to start a new conversation flow when clicked. ✔️
    2. URL: Not allowed. The URL will be sent as a text message. ❌
    3. Phone: Not allowed. The Phone will be sent as a text message. ❌
  • Users can select more than one option at the same time from the button message without going back and reopening a previous message.
  • Extra Actions will be saved.

 

How it looks in the builder:

(within 20 characters)

(More than 20 characters)

How it looks in WhatsApp:

(within 20 characters)

 

(More than 20 characters)





Related articles