---
title: Botões e Listas no Webchat
description: Como o widget de webchat exibe mensagens interativas — botões, listas e quick replies — e como o clique do visitante volta para o fluxo.
---

# Botões e Listas no Webchat

O widget de webchat exibe as mensagens interativas do fluxo — **botões**, **listas** e **quick replies** — do mesmo jeito que o WhatsApp exibiria. O visitante responde clicando, e o clique volta para o fluxo com o identificador do botão, permitindo rotear a conversa pela saída certa.

<Secao icon="info">Para que serve</Secao>

Um fluxo com menus de botões funciona igual no WhatsApp e no site: o mesmo nó **Enviar Mensagem** com botões que atende no WhatsApp atende também no widget, sem nenhuma configuração extra. Isso vale inclusive para o modo [Aguardar resposta](/guia/no-enviar-mensagem-aguardar-resposta).

## Tipos de mensagem interativa

| Tipo | Como aparece no widget |
|---|---|
| **Botões** | O texto principal seguido de botões clicáveis, um por opção. |
| **Lista** | O texto principal com um botão que abre a lista de opções, organizada em seções com título e descrição por item. |
| **Quick replies** | Chips de resposta rápida logo abaixo da mensagem. |

## O que acontece no clique

Ao clicar em um botão ou item de lista:

1. O widget envia a resposta com o identificador e o título do botão clicado — o mesmo formato que o WhatsApp produz.
2. O texto do botão aparece na conversa como a mensagem do visitante (igual ao WhatsApp).
3. O fluxo recebe a resposta e segue: em um nó com **Aguardar resposta**, roteia pela saída daquele botão.

### Clique duplicado não gera duas respostas

Cada clique carrega um identificador único de envio. Se o visitante clicar duas vezes no mesmo botão — por impaciência ou instabilidade de rede — o segundo clique com o mesmo identificador é **ignorado**: não gera mensagem duplicada nem dispara o fluxo duas vezes.

### Travamento após a resposta

Depois que o visitante responde uma mensagem interativa, os botões daquela mensagem ficam **desabilitados** no widget. Isso evita que uma conversa que já avançou seja "respondida de novo" por um clique tardio em um menu antigo.

<Dica>

O travamento é visual e por mensagem: menus novos enviados depois continuam clicáveis normalmente. Se o fluxo enviar o mesmo menu outra vez, a nova mensagem chega com os botões ativos.

</Dica>

## Fallback em texto numerado

Quando a mensagem interativa não pode ser exibida como botões (por exemplo, mensagem antiga sem os dados interativos, ou canal sem suporte), o widget cai no **fallback de texto numerado**:

```
Escolha uma opção para continuar:

1) Falar com suporte
2) Falar com vendas
```

Nesse formato, o visitante responde digitando o **número da opção** ou o **texto do botão** — o fluxo aceita os dois e roteia igual ao clique.

<Cuidado>

Mensagens legadas, enviadas antes do suporte a mensagens ricas, continuam aparecendo como texto simples. Nenhuma conversa antiga quebra por causa disso.

</Cuidado>

## Saiba mais

- [Enviar Mensagem](/guia/flow-builder/mensagem/enviar-mensagem) — como configurar botões, listas e quick replies no fluxo
- [Enviar Mensagem com Aguardar Resposta](/guia/no-enviar-mensagem-aguardar-resposta) — pausar o fluxo e rotear pela opção clicada
- [Simulador em Modo Chat](/guia/simulador-modo-chat) — pré-visualize o widget e o WhatsApp lado a lado antes de publicar