> 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/topicos/relacionar/modelos-de-mensagens/legado/botoes-e-listas-template-de-mensagens-whatsapp-business-web.md).

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

Feature contrada a parte. Entre em contato com o time comercial.

<figure><img src="https://3534414179-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 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="https://3534414179-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" %}
**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="https://3534414179-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>

### 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="https://3534414179-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>

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

<figure><img src="https://3534414179-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>

### Passo 3: Configurando o Modelo

<figure><img src="https://3534414179-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>

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="https://3534414179-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>

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="https://3534414179-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>

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="https://3534414179-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>

### 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="https://3534414179-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>

### 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!