Widget de chat para o seu site
O widget é um botão flutuante que você instala no seu site. Há dois tipos: Chat ao vivo, em que o visitante conversa com a sua equipe sem sair da página, e WhatsApp, que recolhe os dados do visitante e abre a conversa no WhatsApp dele.
# Onde fica
Módulo Atendimento → Configurações → seção Chat / WhatsApp Widget.
A seção aparece para qualquer pessoa que abra Configurações no módulo Atendimento.
# Criar um widget
- Clique em Criar Widget.
- Na janela Novo Widget, escolha Chat ao vivo ou WhatsApp.
- Preencha os campos. A Pré-visualização, à direita, mostra o resultado.
- Clique em Criar Widget.
# Campos do Chat ao vivo
| Campo | O que é |
|---|---|
| Nome | Nome interno do widget. O visitante não vê |
| Modo | Padrão mostra o formulário antes do chat. Integração Tech Câmbio identifica sozinho quem já está logado na aplicação Tech Câmbio e mostra o formulário para os demais |
| Quem atende | Todos os usuários da empresa ou uma equipe |
| Campos do formulário pré-chat | Nome, Email e Telefone, cada um com Ativo e Obrigatório |
| Cor principal, Ícone, Posição | Aparência do botão e do painel. A posição é Inferior direito ou Inferior esquerdo |
| Mensagem de boas-vindas | Texto do topo do painel de chat |
| Mensagem offline | Texto exibido quando o widget está Inativo |
| Encerrar por inatividade | Encerra a sessão do visitante depois de um tempo sem mensagens, de 10 a 1.440 minutos |
# Campos do widget de WhatsApp
| Campo | O que é |
|---|---|
| Número WhatsApp | O número que recebe a conversa. Só aparecem números com telefone cadastrado |
| Mensagem parametrizada | A mensagem que já vem escrita no WhatsApp do visitante. Os botões + nome, + email e + telefone inserem os dados do formulário |
| Campos do formulário pré-chat | Os dados pedidos antes de abrir o WhatsApp |
| Texto do balão | Texto do topo do painel |
O quadro Preview da mensagem mostra a mensagem com dados de exemplo.
# Instalar no site
- Na lista de widgets, clique no ícone de código (Código de Incorporação).
- Clique em Copiar.
- Cole o código no HTML das páginas em que o botão deve aparecer, ou no seu gerenciador de tags.
O código pode ir no cabeçalho ou no corpo da página. Se ele for carregado duas vezes, o botão aparece uma vez só. Mudanças de cor, textos e campos valem sem reinstalar: o widget lê a configuração cada vez que a página abre.
# O que o visitante vê
# No Chat ao vivo
- O botão flutuante, no canto escolhido. O clique abre o painel.
- O formulário Preencha seus dados para iniciar o atendimento:, com os campos ativos, e o botão Iniciar conversa.
- O chat. O visitante pode escrever, anexar arquivo de até 5 MB, gravar áudio, responder a uma mensagem e reagir.
Ao trocar de página ou voltar ao site no mesmo navegador, a conversa continua de onde parou, sem pedir os dados de novo.
# No widget de WhatsApp
- O visitante preenche o formulário e clica em Iniciar conversa no WhatsApp.
- Uma nova aba abre o WhatsApp com a mensagem parametrizada pronta.
- O painel mostra Redirecionado para o WhatsApp!
A conversa só existe no DeepLead quando o visitante envia a mensagem. A partir daí ela é uma conversa comum do WhatsApp, com bot, fila e atendentes.
# Para onde a conversa vai
Contato. Ao enviar o formulário, o DeepLead procura um contato com o mesmo e-mail e, se não achar, com o mesmo telefone. Encontrando, atualiza o nome; senão, cria o contato. Vale para os dois tipos de widget.
Chat ao vivo. A conversa chega no Chat Interno, como um canal privado com o nome do visitante e o ícone do widget. A primeira mensagem é um cartão com os dados informados.
- Quem recebe: os membros da equipe escolhida em Quem atende, ou todos os usuários da empresa.
- Essas pessoas recebem a notificação de que o visitante iniciou um atendimento.
- O que o atendente escreve no canal aparece no widget na hora.
- Se o mesmo visitante voltar, a conversa continua no mesmo canal.
Você também pode trocar a equipe de um widget na aba Equipes. Veja Distribuição, atribuição e equipes.
# Ativar, editar e excluir
| Controle | O que faz |
|---|---|
| Interruptor Ativo / Inativo | Inativo, o painel mostra a Mensagem offline e não abre conversa |
| Lápis | Abre Editar Widget |
| Lixeira | Exclui o widget e arquiva os canais das conversas dele no Chat Interno. Não pode ser desfeito |
# Regras e limites
- Encerrar por inatividade encerra a sessão, não o canal. O canal recebe o aviso “Sessão encerrada por inatividade” e continua na lista do atendente. Na volta, o visitante vê Sua conversa anterior foi encerrada. Envie seus dados para começar uma nova.
- O visitante envia até 20 mensagens por minuto. Acima disso, vê Muitas mensagens seguidas. Aguarde alguns segundos.
- Cada widget de chat tem uma equipe só, ou nenhuma.
- O chatbot do WhatsApp não atende o Chat ao vivo: quem responde é sempre uma pessoa, pelo Chat Interno.
# Problemas comuns
| O que aparece | O que fazer |
|---|---|
| O painel mostra a mensagem offline | O widget está Inativo, foi excluído ou a conta da empresa está indisponível |
| Não foi possível carregar o atendimento. | Falha de conexão do visitante. O botão Tentar de novo recarrega |
| O botão não aparece no site | Confira se o código foi colado inteiro e se a página foi publicada |
| Erro ao redirecionar para o WhatsApp. Tente novamente. | O número do widget está sem telefone cadastrado ou foi removido |
| Nenhum número na lista Número WhatsApp | Conecte um número em WhatsApp: conectar um número |
| Arquivo muito grande (máx 5 MB) | O visitante precisa enviar um arquivo menor |
| Não foi possível copiar. Selecione o código e copie manualmente. | O navegador bloqueou a cópia. Selecione o texto do quadro e copie |