Tema
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.
Para que serve
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.
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:
- O widget envia a resposta com o identificador e o título do botão clicado — o mesmo formato que o WhatsApp produz.
- O texto do botão aparece na conversa como a mensagem do visitante (igual ao WhatsApp).
- 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.
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 vendasNesse 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.
Atenção
Mensagens legadas, enviadas antes do suporte a mensagens ricas, continuam aparecendo como texto simples. Nenhuma conversa antiga quebra por causa disso.
Saiba mais
- Enviar Mensagem — como configurar botões, listas e quick replies no fluxo
- Enviar Mensagem com Aguardar Resposta — pausar o fluxo e rotear pela opção clicada
- Simulador em Modo Chat — pré-visualize o widget e o WhatsApp lado a lado antes de publicar
