# Reply buttons

Render up to three buttons in your conversation flow on WhatsApp.

This action block is only supported for the WhatsApp channel for the following BSPs: 360Dialog, Meta, and GupShup.

![](https://help.wotnot.io/~gitbook/image?url=https%3A%2F%2F360969599-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FsrMxU8nO3RjusUiYuXBB%252Fuploads%252FF09e36vCFYYjKgsie5xN%252FGroup%25202.png%3Falt%3Dmedia%26token%3D173e6bc1-475d-4920-aed8-88ada500c9c7\&width=768\&dpr=4\&quality=100\&sign=2a4f85da1a26955ac15a820264b4cff95f1256ce148219686154cc42a7232d33)Preview of reply button on WhatsApp

The Reply Button action block gives your visitors different options to choose from using buttons, making it easier for them to submit an input.

The Reply Button action block is made up for 4 sections;

1. Header
2. Body
3. Footer
4. Buttons / Options

Let’s understand each section in brief:

#### Header: <a href="#header" id="header"></a>

Header is usually the standout portion of the message. Usually, it consists of the heading text or a cover image.

Type of headers that you can configure;

| **Text**            | Add a static text displayed in ‘Bold’ Example: “Welcome to wotSABot”                                                                                                   |
| ------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Media (Static)**  | Add a static text displayed in ‘Bold’ Example: “Welcome to wotSABot”                                                                                                   |
| **Media (Dynamic)** | Send a dynamic image, video or file by using a variable. The variable needs to contain a publicly hosted file URL. Example: Invoices or personalised images with name. |

#### Body: <a href="#body" id="body"></a>

Here, you can write the question which will be sent along with the list of buttons. Something contextual to the options they would see like “Select the category of your problem”.

#### Footer: <a href="#footer" id="footer"></a>

Allows you to add any sort of disclaimer or information that the user needs to be aware of.

Will be displayed in a small grey colour font beneath the body.

Example: “Choose one of the option from displayed options”

#### Buttons or Options: <a href="#buttons-or-options" id="buttons-or-options"></a>

Buttons is what this block is all about, so you can add up to 3 reply buttons here.

For example, if you are an ecommerce company and want to collect the category of a support query, your options would be – Product related, Refund related, Delivery related

**Note**: You can add up to 3 buttons as per the guidelines from WhatsApp

#### Variables: <a href="#variables" id="variables"></a>

Variables are used to store the option selected by the visitor, 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.](/wotsabot-help-articles/variables.md)

\ <br>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.wotsabot.ai/wotsabot-help-articles/bot-builder/action-blocks/reply-buttons.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.