Ir para o conteúdo
Gestor › Canais de atendimento

Webchat no site

Um chat no site da sua empresa, com as conversas caindo na mesma tela dos outros canais.

O webchat é a janelinha de conversa que aparece no canto do seu site. Quem está navegando clica, escreve, e a mensagem chega para a sua equipe junto com as do WhatsApp.

É o único canal em que o visitante fala com você sem sair do seu site e sem precisar ter aplicativo nenhum instalado.

Quando vale a pena

Site com visita e pouca conversão. Quem tem dúvida costuma ir embora em vez de procurar um telefone. O chat encurta esse caminho.

Página de preços ou de produto. É onde a dúvida aparece e onde ela custa uma venda.

Público que evita dar o telefone. No chat a pessoa fala antes de se identificar.

Antes de começar

  • O módulo WebChat precisa estar contratado e habilitado na sua conta
  • Você precisa conseguir inserir um código no site — ou ter quem faça isso

Passo 1 — criar a instância

  1. Entre com um perfil de gestor.
  2. Vá em Home, onde ficam as instâncias.
  3. No canto direito, clique em Nova Instância.
  4. Escolha WebChat.
  5. Dê um nome que identifique a instância. Ex.: WebChat Site.
  6. Crie.

Passo 2 — informar o site

  1. Localize a instância criada.
  2. Clique no ícone de Wi-Fi, ao lado dela.
  3. Informe o endereço do site em que o chat vai aparecer.
  4. Aguarde a validação do endereço.
  5. Clique em Próximo.

Como o endereço é tratado

Você pode colar o endereço de qualquer jeito — meusite.com.br, https://meusite.com.br/contato, com ou sem www. A plataforma guarda só o domínio, em minúsculas: caminho, porta e protocolo são descartados.

Um domínio por instância

Não dá para listar dois endereços separados por vírgula: a plataforma recusa com “Apenas um domínio é permitido por instância”.

Se você precisa do chat em dois sites diferentes, são duas instâncias de Webchat — e, portanto, duas instâncias contratadas.

Subdomínio é domínio à parte: loja.suaempresa.com.br e suaempresa.com.br não são a mesma coisa para essa validação.

Por que um endereço válido é recusado

A validação faz uma consulta de DNS — não abre o site. Ela exige que o domínio exista e aponte para um IP público. Três situações comuns de recusa:

SituaçãoO que acontece
Domínio ainda não propagouSite recém-registrado ou DNS trocado há pouco. Espere e tente de novo
Endereço internolocalhost, IP de rede local ou domínio só de intranet são rejeitados
Consulta demorou“Não foi possível validar o domínio no momento. Tente novamente.” Não é erro do seu domínio

A recusa por IP interno é proposital: o webchat precisa ser alcançável pela internet para funcionar, então apontá-lo para um endereço de rede interna nunca daria certo.

Site em construção ainda não passa

Se o domínio ainda não foi publicado, a validação falha — e não há como cadastrar o webchat antes. Deixe esse passo para depois de o site estar no ar.

Passo 3 — personalizar

A configuração tem cinco abas, com prévia ao lado — o que você muda aparece na hora.

Layout

Como o botão se comporta no site:

AjusteOpções
PosiçãoInferior direito, inferior esquerdo ou flutuante
MovimentoParado, aumentar e voltar, ou sacudir
Efeito ao redorNenhum, partículas, aura ou anel
Flutuante deixa o visitante mover o botão

As duas primeiras opções fixam o botão num canto. Flutuante é diferente: o próprio visitante arrasta para onde quiser.

Útil em site com muito conteúdo no rodapé, onde o botão fixo tapa alguma coisa importante.

Identidade

O que aparece no cabeçalho do chat:

  • Nome exibido
  • Mensagem de boas-vindas
  • Avatar — uma imagem sua, ou um personagem montado ali mesmo (olhos, rosto, boca, cabelo, roupa)

Aparência

  • Cor principal, cor secundária e cor do botão
  • Estilo visual: clássico, moderno ou minimalista

Perguntas

O que perguntar ao visitante antes de liberar o atendimento:

  • Nome
  • Número de WhatsApp

Não é um formulário opcional no meio da conversa: é uma porta. O visitante responde para então falar com alguém.

Peça o WhatsApp, não só o nome

A conversa do webchat vive enquanto a aba está aberta. Se o visitante fechar o site antes da resposta, não há para onde responder.

O número é o que transforma uma conversa perdida em um contato que dá para retomar.

Instalação

A última seção entrega o script. Ela vem recolhida — clique para abrir.

Copie o código e insira dentro do <body> do seu site.

Se você não cuida do site, mande o código para quem cuida, com o pedido:

“Preciso que você insira este script dentro do <body> do meu site.”

Passo 4 — conferir no site

Abra o site, atualize a página e veja se o botão do chat aparece.

Conectado não quer dizer funcionando

Depois da configuração, a instância pode mostrar o status Conectado. Isso diz apenas que a SM Click está pronta — não que o chat esteja no ar.

O chat só existe no site depois que o script estiver dentro do <body>. Enquanto isso não acontecer, a instância fica conectada e o visitante não vê nada.

Um código, todas as páginas

Se o seu site tem um rodapé compartilhado, colar ali faz o chat aparecer em todas as páginas de uma vez. Não é preciso repetir o código página por página.

Como o atendimento funciona

As conversas do webchat entram na plataforma como as demais: passam pela triagem, vão para a fila, podem ser atribuídas a um departamento e finalizadas com motivo.

Fluxos de bot funcionam aqui, e costumam render mais que nos outros canais: quem escreve pelo site normalmente quer uma resposta imediata, e um roteiro bem feito resolve boa parte antes de ocupar alguém da equipe.

Diferenças em relação aos outros canais

WebchatWhatsApp
O visitante precisa se identificarNão, no inícioSim, o número aparece
Você consegue responder depoisSó se ele deixar contatoSim
Continua se a pessoa fechar o siteNãoSim
Custo por mensagemNenhumDepende do canal

A conversa vive enquanto a aba estiver aberta. Se o visitante fechar o site antes de você responder, não há para onde mandar a resposta.

Peça uma forma de contato cedo

Vale configurar o fluxo para pedir e-mail ou WhatsApp logo no começo. Sem isso, toda conversa não respondida a tempo é um contato perdido — você não tem como retomar.

Perguntas frequentes

O chat deixa meu site lento?
O código é carregado depois do conteúdo da página, então o site aparece normalmente enquanto o chat termina de carregar.
Funciona no celular?
Sim. A janela se adapta ao tamanho da tela.
Posso mostrar o chat só em algumas páginas?
Sim: coloque o código apenas nas páginas em que ele deve aparecer, em vez de no rodapé compartilhado.
E quando não tem ninguém para atender?
Configure um fluxo de bot que informe o horário de atendimento e recolha o contato da pessoa, para a equipe retomar depois.

Próximo passo

Atualizado em