# Buttons and Lists - Message Template - WhatsApp Business Web

<figure><img src="/files/459409126882862a6dc9567f5028453b2885a26a" alt=""><figcaption></figcaption></figure>

SprintHub offers an efficient platform for creating and sending interactive messages on WhatsApp Web. This step-by-step guide will show how to create a message template within the platform.

#### Table with compatible devices according to each option.

| DEVICE      | Buttons | List | Open URL | Copy text |
| ----------- | ------- | ---- | -------- | --------- |
| Device App  | ✅       | ✅    | ✅        | ✅         |
| Windows App | ⛔️      | ✅    | ⛔️       | ⛔️        |
| Mac App     | ✅       | ✅    | ✅        | ✅         |
| Browser     | ⛔️      | ✅    | ⛔️       | ⛔️        |

In the browser, unfortunately buttons are not supported, but the user will receive a message that there is something for them to check on the device.

<figure><img src="/files/daa4a30a6bcd1d57f91ce1c6f1dca9df8e9e0d03" alt=""><figcaption></figcaption></figure>

{% hint style="danger" %}
**ATTENTION**: Buttons and Lists are experimental features and may stop working at any time without prior notice.
{% endhint %}

### How to create interactive templates:

### Step 1: Accessing the Platform

Log in to your SprintHub account and go to the message template section.

In the side menu, click on **Interactives and s**elect the option **WhatsApp Web**.

<figure><img src="/files/ddbdf82a2b764b59b5e415c42bac6a9247cf2999" alt=""><figcaption></figcaption></figure>

### Step 2: Creating a New Template

On the WhatsApp Web interactives screen, click the **+ New Template button** in the upper right corner.

<figure><img src="/files/3f53110bdec6a555168aecced27f2356adb2fae6" alt=""><figcaption></figcaption></figure>

Choose the platform **WhatsApp Web** section and click **Next**.

<figure><img src="/files/c47ade645169f0c0aea6be7e61ba7b7647f4261e" alt=""><figcaption></figcaption></figure>

### Step 3: Configuring the Template

<figure><img src="/files/c54743041fb86b08eb3cb38a7439a71ec21a539a" alt=""><figcaption></figcaption></figure>

Enter a name for the template in the **Template name**.

In the **Body**, write the message that will be sent. You can use variables such as `{{1}}` to personalize the content.

<figure><img src="/files/544d70e2f67d793eb7f205cb7cb8f7939fe7c8a8" alt=""><figcaption></figcaption></figure>

Add **interactive buttons**, such as:

* **Quick Reply**: allows the user to reply quickly.
* **Visit website**: enter a valid URL.
* **Copy offer code**: enter a promotional code or any other relevant information.

<figure><img src="/files/3e50eb6b8e36d78925cd8a431fc15b5be439b15d" alt=""><figcaption></figcaption></figure>

To add an interactive list, enter a **List Name**, a **Section Title**, and add items as needed.

<figure><img src="/files/14eb02b1967d028d8367a0862a70c6e87c6eaad6" alt=""><figcaption></figcaption></figure>

### Step 4: Saving and Testing

After filling in all the information, click **Create Template**.

The template will be saved and listed in the WhatsApp Web interactives section.

To test, go to a chat and select the interactions icon.

<figure><img src="/files/a49810939c63887680ba45a6bfa2339c07ce6b34" alt=""><figcaption></figcaption></figure>

### Conclusion

Creating custom templates on WhatsApp Web within SprintHub improves automation and customer service efficiency. Use this feature to facilitate communication with your users!


---

# 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://docs.sprinthub.com/en/topics/relate/message-templates-meta/buttons-and-lists-message-template-whatsapp-business-web.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.