Criar e configurar um Webchat
Crie o chat, escolha onde ele aparece e ajuste aparência, textos, menu do botão e segurança.
Ao terminar, o chat está criado, aparece onde você escolheu e já tem a aparência e os textos da sua loja.
Passo a passo
Abra a tela do Webchat
ConfiguraçõesCanaisWebchat
Clique em Adicionar chat
No primeiro chat da conta, o botão fica no meio da tela, abaixo de Coloque um chat no seu site.
Dê um nome e escolha onde ele aparece
Clique em Criar chat. O editor do chat abre em seguida.
Ajuste o chat e clique em Salvar
A pré-visualização ao lado mostra o resultado enquanto você edita. Nada é gravado até você clicar em Salvar, na barra que aparece no rodapé com Você tem alterações não salvas. O botão Descartar desfaz as mudanças.
A mudança leva alguns minutos para aparecer no site
Depois de salvar, a loja pode mostrar a versão anterior do chat por alguns minutos. Recarregue a página depois desse tempo para conferir.
Canal
| Campo | O que faz |
|---|---|
| Nome do canal | Identifica o chat na lista e no Atendimento. Até 80 caracteres. Se ficar vazio na criação, o chat se chama Webchat |
| Onde aparece | Numa loja, Em todas as lojas ou Só onde eu instalar. Veja onde o chat aparece |
Aparência
| Campo | Opções |
|---|---|
| Cor da marca | Uma das seis cores sugeridas ou qualquer cor pelo seletor |
| Tema | Automático, Claro ou Escuro |
| Cantos | Suave, Redondo ou Reto |
| Posição | Direita ou Esquerda da tela |
| Ícone do botão | Chat, Chat com pontos, Atendente, Ajuda, WhatsApp ou Imagem própria |
| Texto ao lado do botão | Opcional, até 40 caracteres. Vazio mostra só o ícone |
Com o ícone do WhatsApp, o botão usa o verde do WhatsApp, que é a cor que o cliente reconhece.
Em Imagem própria, informe o endereço da imagem: PNG ou SVG quadrado, de preferência 112×112 px. O endereço precisa começar com https://.
Textos
| Campo | Limite |
|---|---|
| Título | 60 caracteres, obrigatório |
| Subtítulo | 80 caracteres |
| Saudação | 80 caracteres |
| Saudação para cliente identificado | 80 caracteres. Use {name} para o primeiro nome do cliente |
| Texto do campo de mensagem | 60 caracteres |
Título e texto do campo de mensagem vão até 60 caracteres
A tela deixa digitar até 80 nesses dois campos, mas acima de 60 o chat não salva e aparece “Não foi possível salvar. Tente de novo.”
As saudações aparecem na tela inicial do chat, que só existe no formato Completo. A saudação para cliente identificado é usada quando o seu site informa quem é o cliente: veja como identificar o cliente logado.
Formato
| Formato | O que o visitante vê |
|---|---|
| Completo | Uma tela inicial com saudação, atalho para a conversa e, se ligada, a aba de ajuda |
| Só o chat | A conversa direto, sem tela inicial e sem a aba de ajuda |
Um chat novo começa no formato Só o chat.
Perguntas frequentes
No formato Completo, o interruptor Perguntas frequentes, em Páginas do chat, mostra ao visitante uma aba de ajuda com busca na base de conhecimento do assistente de IA deste canal. Ela só aparece quando a IA está ligada no canal e a base de conhecimento do assistente tem pelo menos um conteúdo ativo. Se a busca não resolver, o visitante pode mandar a pergunta direto para o chat.
O que o botão faz ao ser clicado
Em Ao clicar no botão, escolha Abrir o chat para o botão abrir a conversa direto, ou Mostrar menu para abrir um menu com opções. O menu aceita até 5 itens e pode ter um Título do menu opcional, com até 60 caracteres.
| Tipo de item | O que faz | O que preencher |
|---|---|---|
| Chat | Abre o chat | Texto do item |
| Abre uma conversa com o WhatsApp da loja numa nova aba, com a mensagem inicial já escrita | Texto do item, Número do WhatsApp com DDI e DDD (ex.: 55 47 99999-0000) e Mensagem inicial, opcional, até 300 caracteres | |
| Link | Abre o endereço numa nova aba | Texto do item e Endereço, que precisa começar com https:// |
O texto de cada item vai até 40 caracteres. Use Subir e Descer para mudar a ordem.
Pré-chat
Com Pedir nome e e-mail antes da conversa ligado, o visitante preenche nome e e-mail antes de mandar a primeira mensagem. Os dois campos são obrigatórios e não dá para pular. Isso ajuda a identificar o cliente e reduz mensagens de spam.
Cliente que o seu site já identificou não vê o pré-chat.
Abrir o chat sozinho
Em Abrir sozinho após (segundos), informe de 1 a 600 segundos. Vazio faz o chat abrir só quando o visitante clicar. Vale para o chat de botão flutuante.
O chat abre de novo a cada página
O tempo conta a cada página que o visitante abre, mesmo que ele tenha fechado o chat na página anterior. Use um tempo maior ou deixe vazio se o chat estiver atrapalhando a navegação.
Domínios permitidos
Em Segurança, o campo Domínios permitidos limita os sites onde o chat funciona. Informe um domínio por linha, até 20. Use *.loja.com.br para os subdomínios. Vazio libera qualquer site.
O curinga não cobre o domínio principal
*.loja.com.br vale para www.loja.com.br e outros subdomínios, mas não para loja.com.br. Se a loja abre pelos dois endereços, cadastre os dois. Num site fora da lista, o chat simplesmente não aparece.
O Segredo de verificação, na mesma seção, serve para comprovar quem é o cliente logado. Veja como identificar o cliente logado.
Excluir um chat
No fim do editor, Excluir tira o chat do ar em todo lugar onde ele aparece. As conversas já recebidas continuam no Atendimento.
O que impede de salvar
| Mensagem | O que fazer |
|---|---|
| Esse lugar já tem o chat “…”. Mude aquele para “Só onde eu instalar” ou escolha outro lugar. | Outro chat já aparece automaticamente nessa loja ou em todas as lojas. Mude o outro chat de lugar ou escolha outro lugar para este |
| Esse lugar já tem outro chat automático. Escolha outro lugar. | Igual à linha acima, quando o nome do outro chat não pôde ser mostrado |
| Informe o endereço https da imagem do botão. | Com o ícone Imagem própria, preencha um endereço que comece com https:// |
| Corrija os itens do menu antes de salvar. | Algum item do menu está incompleto. O problema aparece embaixo do item |
| Adicione pelo menos um item. | Com Mostrar menu, o menu precisa de ao menos um item |
| Informe o texto do item. | Preencha o Texto do item |
| Número inválido: use DDI + DDD + número. | O número do WhatsApp precisa ter de 10 a 15 dígitos, com DDI e DDD |
| Use um endereço que comece com https:// | O link do item precisa começar com https:// |
| Não foi possível salvar. Tente de novo. | Confira se o Título está preenchido e tem até 60 caracteres, se o Texto do campo de mensagem tem até 60, se há no máximo 20 domínios e se cada domínio é só o endereço do site, sem caminho |