# Botões e Listas - Template de Mensagens - WhatsApp Business Web

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

SprintHub oferece uma plataforma eficiente para a criação e envio de mensagens interativas no WhatsApp Web. Este guia passo a passo mostrará como criar um template de mensagem dentro da plataforma.

#### Tabela com os dispositivos compatíveis de acordo com cada opção.

| DISPOSITIVO     | Botões | Lista | Abrir URL | Copiar texto |
| --------------- | ------ | ----- | --------- | ------------ |
| App do Aparelho | ✅      | ✅     | ✅         | ✅            |
| App do Windows  | ⛔️     | ✅     | ⛔️        | ⛔️           |
| App do Mac      | ✅      | ✅     | ✅         | ✅            |
| Navegador       | ⛔️     | ✅     | ⛔️        | ⛔️           |

No navegador, infelizmente os botões não são compatíveis, mas o usuário receberá uma mensagem de que existe algo para ele verificar no aparelho.

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

{% hint style="danger" %}
**ATENÇÃO**: Botões e Listas são features experimentais e que podem parar de funcionar a qualquer momento sem prévio aviso.
{% endhint %}

### Como criar os templates interativos:

### Passo 1: Acessando a Plataforma

Faça login na sua conta da Sprinthub e entre na parte de modelo de mensagens.

No menu lateral, clique em **Interativos e s**elecione a opção **WhatsApp Web**.

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

### Passo 2: Criando um Novo Modelo

Na tela de interativos do WhatsApp Web, clique no botão **+ Novo Modelo** no canto superior direito.

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

Escolha a plataforma **WhatsApp Web** e clique em **Avançar**.

<figure><img src="/files/241KQgYxTTpua7OmqxgL" alt=""><figcaption></figcaption></figure>

### Passo 3: Configurando o Modelo

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

Insira um nome para o modelo no campo **Nome do modelo**.

No campo **Corpo**, escreva a mensagem que será enviada. Você pode usar variáveis como `{{1}}` para personalizar o conteúdo.

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

Adicione **botões interativos**, como:

* **Resposta Rápida**: permite que o usuário responda rapidamente.
* **Acessar o site**: insira uma URL válida.
* **Copiar código da oferta**: insira um código promocional ou qualquer outra informação relevante.

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

Para adicionar uma lista interativa, insira um **Nome da Lista**, um **Título da Seção**, e adicione itens conforme necessário.

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

### Passo 4: Salvando e Testando

Após preencher todas as informações, clique em **Criar Modelo**.

O modelo será salvo e listado na seção de interativos do WhatsApp Web.

Para testar, vá até um chat e selecione o ícone de interações.

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

### Conclusão

Criar templates personalizados no WhatsApp Web dentro da Sprinthub melhora a automação e a eficiência do atendimento ao cliente. Utilize essa funcionalidade para facilitar a comunicação com seus usuários!


---

# 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/topicos/relacionar/modelos-de-mensagens-meta/botoes-e-listas-template-de-mensagens-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.