# WhatsApp Interactive Messages

When configuring the [*Menu* node](https://guides.clickatell.com/flow/user-facing-nodes/branch-logic-split/menu-nodes-menu-with-options), [*Multiple Choice Input* node](https://guides.clickatell.com/flow/user-facing-nodes/branch-logic-split/menu-nodes-multiple-choice-input), and [*Dynamic List*](https://guides.clickatell.com/flow/user-facing-nodes/branch-logic-split/menu-nodes-dynamic-list) node, you can select how you want to display the menu options to the customer using the [*Configure Display Type*](https://guides.clickatell.com/flow/channel-capabilities/configure-channel-display-type) modal. 

For the WhatsApp channel, there are two types of interactive messages to select from:

1. [**List messages**](#list-messages)**:** Add a longer list with up to 10 options for users to select from.
2. [**Reply buttons**](#reply-buttons)**:** Add up to 3 buttons, each presenting an option for the user to select. 

{% hint style="info" %}
To send interactive WhatsApp messages **directly** via One API, see the [API reference documentation](https://docs.clickatell.com/channels/one-api/one-api-reference/).
{% endhint %}

## List Messages

List Messages are ideal for presenting longer lists of options to customers.

{% hint style="info" %}
**Examples:** Customer care or FAQ menu, take-out menu, list of nearby stores/locations, available reservation times.
{% endhint %}

List Messages support up to **10 options**. Any additional options (marked with a yellow warning icon) will not be displayed to customers on WhatsApp.

{% hint style="warning" %}

* List Messages **do not currently support images**. Even if a flow-builder adds an image to the node, it is not displayed to the customer on WhatsApp.
* Formatting options are **not** supported in the Menu Header or Sub Header. It is only supported in the Body Text. The Menu Header is **bolded** automatically. 
* Sub Header is displayed in all caps and limited to **26 characters**.
  {% endhint %}

![Warning when more than 10 options have been added to the node](https://content.gitbook.com/content/joAgInTNsBfDdfx1I23z/blobs/GsReB4yQ0dzq7awQOdQC/Screenshot%202022-01-06%20161932.png)

![Example of an interactive message (list message) as displayed to customers on WhatsApp.](https://content.gitbook.com/content/joAgInTNsBfDdfx1I23z/blobs/uIRsqNPZYwgQavTWhFSo/list3.png)

## Reply Buttons

Reply Buttons are ideal when customers must select a quick response from a limited set of options. 

{% hint style="info" %}
**Examples:** Airtime recharge, changing personal details, reordering a previous order, choosing a payment method.
{% endhint %}

Button menus support up to **3 buttons**. Any additional options (marked with a yellow warning icon) will not be displayed to end-users on WhatsApp. 

Text on buttons is limited to **20 characters** each. 

{% hint style="warning" %}

* Reply Buttons **do support images**. However:
  * If an image is added, the Menu Header text will not be displayed. 
  * If no image is added, the Menu Header text will be displayed. 
* Formatting options are **not** supported in the Menu Header or Sub Header. It is supported in the Body Text. The Menu Header is **bolded** automatically. 
  {% endhint %}

![Warning when more than 3 options have been added to the button list.](https://content.gitbook.com/content/joAgInTNsBfDdfx1I23z/blobs/LuL4DwtSn0BC33EJciRB/Screenshot%202022-01-06%20162415.png)

![Example of an interactive message (reply buttons) as displayed to customers on WhatsApp](https://content.gitbook.com/content/joAgInTNsBfDdfx1I23z/blobs/TEsX63SoZq8XCrtuJzPh/buttons2.png)

### Combining interactive lists and buttons in a flow

#### Example 1:

![Telecoms: recharge airtime](https://content.gitbook.com/content/joAgInTNsBfDdfx1I23z/blobs/27hevcArdGmh6WK8H8AI/telecoms%20use%20case.png)

#### Example 2:

![Financial services: handle customer queries](https://content.gitbook.com/content/joAgInTNsBfDdfx1I23z/blobs/z3JLLVcldSHwQNaRoJgb/finance.png)