> For the complete documentation index, see [llms.txt](https://docs.sprinthub.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.sprinthub.com/en/topics/relate/message-templates-meta/buttons-and-lists-message-template-whatsapp-business-web.md).

# Buttons and Lists - Message Template - WhatsApp Business Web

Separate feature purchase. Contact the sales team.

<figure><img src="https://684109703-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9FzUKkagBNy5uQ7AtGNa%2Fuploads%2FqFC7gCGCBaYEKvSaih2g%2FCaptura%20de%20Tela%202025-06-09%20a%CC%80s%2011.25.44.png?alt=media&amp;token=e41a93a0-e6f8-4d6a-9fe0-e36659577a74" 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 you how to create a message template within the platform.

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

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

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

<figure><img src="https://684109703-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9FzUKkagBNy5uQ7AtGNa%2Fuploads%2FmIAfrRLmZPPvK1toI7XB%2FCaptura%20de%20Tela%202025-06-09%20a%CC%80s%2011.25.32.png?alt=media&amp;token=c9a06fcf-118e-46ee-810d-bc2097599cf1" 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 **Interactive and s**elect the option **WhatsApp Web**.

<figure><img src="https://684109703-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9FzUKkagBNy5uQ7AtGNa%2Fuploads%2FOPaggRN7tZYeU9XGbTVa%2Fimage.png?alt=media&amp;token=6da1248a-857b-42c5-b8f7-0ea71a46900f" alt=""><figcaption></figcaption></figure>

### Step 2: Creating a New Template

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

<figure><img src="https://684109703-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9FzUKkagBNy5uQ7AtGNa%2Fuploads%2FHd977Ec1dIq5KXtlBqBP%2Fimage.png?alt=media&amp;token=3957a47d-09ed-404c-b3d4-2b0a3dff714b" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://684109703-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9FzUKkagBNy5uQ7AtGNa%2Fuploads%2FXyDDXF1cvcMcovBiGlqg%2Fimage.png?alt=media&amp;token=03cf2e56-c478-4687-b56a-a9729efcce01" alt=""><figcaption></figcaption></figure>

### Step 3: Configuring the Template

<figure><img src="https://684109703-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9FzUKkagBNy5uQ7AtGNa%2Fuploads%2FqaVjPCnOz5S4Z2BMGi61%2Fimage.png?alt=media&amp;token=cc6532ef-cca2-44b1-a380-abb9cb87779a" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="https://684109703-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9FzUKkagBNy5uQ7AtGNa%2Fuploads%2FTc57v9J9Quy5H2MhmWIX%2Fimage.png?alt=media&amp;token=4a9334b5-2fc5-4a6e-86a9-d94b0288dda8" alt=""><figcaption></figcaption></figure>

Add **interactive buttons**, such as:

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

<figure><img src="https://684109703-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9FzUKkagBNy5uQ7AtGNa%2Fuploads%2F8uB3IWxAmURloin5Vkkt%2Fimage.png?alt=media&amp;token=930b9063-03a9-415b-888b-f0c27a498c5c" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://684109703-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9FzUKkagBNy5uQ7AtGNa%2Fuploads%2FltG9cHi1MKo6A9eTCZd5%2Fimage.png?alt=media&amp;token=797cdbf9-63de-474a-b833-f68cc198418b" 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 interactive section.

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

<figure><img src="https://684109703-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9FzUKkagBNy5uQ7AtGNa%2Fuploads%2F3qzMZH0aYic5XZ6YOZ65%2Fimage.png?alt=media&amp;token=1b747033-f77c-475c-8685-5f17c09638d8" alt=""><figcaption></figcaption></figure>

### Conclusion

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


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.sprinthub.com/en/topics/relate/message-templates-meta/buttons-and-lists-message-template-whatsapp-business-web.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.