Webchat
O Webchat cria um botão de conversa no seu site. Cada visitante inicia uma sessão própria e as mensagens chegam à tela de Atendimentos, respeitando as filas e os flows configurados. O visitante não precisa ter WhatsApp para conversar.
Criar um Webchat
Aba Configuração
| Campo | Como usar |
|---|---|
| Nome do widget | Nome exibido no cabeçalho, como Atendimento ou Suporte. |
| Subtítulo | Texto curto, por exemplo: “Normalmente respondemos em minutos”. |
| Título do formulário inicial | Orientação mostrada antes do início da conversa. |
| Posição | Escolha o canto direito ou esquerdo da página. |
| Mensagem de boas-vindas | Primeira mensagem apresentada ao visitante. |
| Mensagem fora do horário | Explica quando a equipe estará disponível novamente. |
| Filas | Define quais setores podem receber os atendimentos. |
| Exigir nome | Obriga o visitante a informar o nome antes de conversar. |
| Exigir telefone | Obriga o visitante a informar um telefone. |
| Widget ativo | Permite ativar ou interromper novas conversas sem apagar a configuração. |
| Domínios permitidos | Restringe os sites autorizados a carregar o widget. |
Restringir os domínios
Informe os domínios separados por vírgula:
meusite.com.br, www.meusite.com.br, app.meusite.com.br
Não inclua caminhos como /contato. Se o campo ficar vazio, o widget poderá ser
carregado em qualquer domínio. Em produção, prefira cadastrar explicitamente todos os hosts autorizados.
Aba Aparência
Nesta aba você pode:
- escolher a cor principal do widget;
- enviar uma imagem para o avatar depois de salvar a conexão;
- conferir o resultado no preview antes de instalar.
Aba Comportamento
| Opção | O que faz |
|---|---|
| Abrir automaticamente | Abre a janela depois do tempo configurado. |
| Tempo para abrir | Quantidade de segundos antes da abertura automática. |
| Simular digitação | Mostra uma pequena espera antes da resposta automática. |
| Duração da simulação | Define por quantos segundos a digitação será mostrada. |
| Som de notificação | Ativa ou desativa o som de novas mensagens no widget. |
Aba Fluxos
Existem duas configurações diferentes:
- Integração de fluxo — seleciona uma integração do tipo Flowbuilder cadastrada em Integrações de Fila.
- Fluxo de boas-vindas — inicia diretamente um flow existente quando o visitante começa a conversar.
Se a lista de integração estiver vazia, crie primeiro uma integração do tipo Flowbuilder e depois retorne ao Webchat.
Instalar no site
</body>
Adicione-o em todas as páginas em que o botão deve aparecer.
O código gerado tem este formato:
<script src="https://SEU-ENDERECO/public/webchat/widget.js" data-widget-id="ID-GERADO-PELO-WHATSBLAST"> </script>
Cada visitante recebe uma sessão guardada no próprio navegador. Recarregar a página mantém a conversa enquanto os dados locais do navegador forem preservados. As mensagens aparecem normalmente no painel, como em qualquer outra conexão.
Aba Sessões
A aba Sessões mostra nome, telefone, status, última atividade e número do ticket de cada visitante. Use-a para confirmar que o widget instalado está criando atendimentos.
Checklist antes de publicar
- O widget aparece no domínio autorizado.
- Nome e telefone são exigidos conforme a configuração.
- A mensagem fora do horário aparece no período correto.
- Uma mensagem cria ou continua o ticket esperado.
- A fila e o flow escolhidos são respeitados.
- Recarregar a página mantém a conversa.
- Desativar Widget ativo interrompe novas interações.
Problemas comuns
| Problema | O que verificar |
|---|---|
| O botão não apareceu | Widget ativo, script antes de </body>, domínio permitido e bloqueadores do navegador. |
| Funciona em teste, mas não em produção | Cadastre também o domínio de produção e a variação com ou sem www usada pelo site. |
| A integração não aparece | Crie uma integração de fila do tipo Flowbuilder. |
| Mensagem caiu na equipe errada | Revise as filas selecionadas, a integração e o flow de boas-vindas. |
| A conversa reiniciou | Verifique se os dados do site foram apagados ou se o teste foi feito em outro navegador anônimo. |