Chat do site

Como colocar o balão de conversa no seu site, deixá-lo com a cara da sua marca e configurar o formulário.

Tudo fica em Configurações > Chat do site. À esquerda você edita; ao lado há uma prévia ao vivo do chat. Se a empresa tiver mais de um chat, escolha o canal no seletor no topo. Se ainda não houver nenhum, clique em Criar chat do site.

Instalar no site

1. Na seção Instalar no site, clique em Copiar código.
2. Cole o código no seu site, logo antes de </body>, para valer em todas as páginas.
3. Salve e publique o site. O balão aparece no canto da tela.

O código tem este formato (o endereço e a chave do seu canal já vêm preenchidos):

<script src="https://SEU-ENDERECO-DO-WAYCHAT/widget.js" data-canal="CHAVE-DO-CANAL" async></script>

Escolha a aba da sua plataforma para ver o passo a passo:

Aba	Onde colar
HTML	No arquivo do site (ou no modelo usado em todas as páginas), antes de </body>.
WordPress	Plugin como o WPCode: Code Snippets > Header & Footer, campo Footer. Sem plugin, use o gancho wp_footer no functions.php do tema filho (o exemplo pronto aparece na tela).
Elementor	No Theme Builder > Footer (ou na página), arraste o widget HTML e cole o código.
Nuxt / Vue	No app.vue, com useHead (exemplo pronto na tela). Em Vue sem Nuxt, cole no index.html.
Wix e outros	Wix: Configurações > Avançado > Código personalizado, todas as páginas, Body - fim. Shopify, Webflow e similares: procure "código personalizado" ou "rodapé".

Teste antes de instalar

Clique em Abrir página de teste para ver o chat funcionando numa página em branco, sem mexer no seu site.

Domínios permitidos

O chat só abre nos sites da lista Domínios e privacidade. Digite o domínio sem https:// (por exemplo, meusite.com.br) e aperte Enter.

Lista vazia

Com a lista vazia, qualquer site pode usar o seu chat. Adicione seu domínio para evitar uso por terceiros.

Tela de boas-vindas

Campo	Para que serve
Texto ao lado do botão	A frase ao lado do balão. Deixe vazio para mostrar só o ícone.
Título e Frase abaixo do título	O que o visitante lê ao abrir o chat.
Tempo de resposta	Alguns minutos, até uma hora ou até um dia.
Mostrar fotos da equipe online	Até 3 pessoas online aparecem na tela inicial.

Se ninguém da equipe estiver online, o chat mostra Fora do ar agora no lugar do tempo de resposta. Por isso peça à equipe que fique Online no horário de atendimento.

Formulário antes da conversa

O visitante preenche um formulário antes de falar com você. Em Formulário antes da conversa:

• Mensagem acima dos campos: o texto de introdução.
• Campos: vêm três padrão, Nome, E-mail e WhatsApp. Clique no campo para editar o rótulo, o texto de exemplo (placeholder) e se é obrigatório.
• Tipos de campo: texto curto, e-mail, telefone, texto longo e lista de opções (uma opção por linha).
• Ocultar: desmarque a caixa do campo. Os campos padrão podem ser ocultados, mas não apagados.
• Adicionar campo: digite o nome, escolha o tipo e clique no botão. Campos extras vão para a ficha do contato.
• Ordem: arraste ou use as setas.

Deixe pelo menos um campo ativo. A mensagem do cliente sempre aparece no fim do formulário.

Aparência e recursos

Opção	O que faz
Cor do chat	Escolha uma cor ou clique em Usar cor da marca.
Posição	Canto direito ou esquerdo.
Permitir anexos	O visitante envia imagens e documentos (até 5 MB por arquivo).
Permitir que o visitante encerre a conversa	Aparece Encerrar conversa no menu do chat. Depois de encerrar, ele pode avaliar o atendimento.

Avaliação por estrelas

Quando a conversa é encerrada com a pesquisa ligada (veja Atendimento), o chat mostra cinco estrelas: o visitante clica de 1 a 5. A nota entra no CSAT do Desempenho. Depois do encerramento, se o visitante escrever de novo, começa uma conversa nova.

Quem atende

Em Quem atende, escolha:

• Fluxo: o robô que recebe o visitante. Com Sem fluxo (vai direto para a fila), ele cai na fila do setor padrão.
• Setor padrão: para onde vai quando o fluxo não escolhe um setor.
• WhatsApp de contingência: se o chat sair do ar, o visitante vê um botão para este número. Use só dígitos, com 55 e DDD (por exemplo, 5544999999999).

Privacidade (LGPD)

• Texto de consentimento: por exemplo, Concordo com a Política de Privacidade.
• Link da política de privacidade: precisa começar com https://.

A data do consentimento fica registrada no painel do contato, em Origem.

Salvar

Clique em Salvar na barra que aparece embaixo. O site já mostra a versão nova, sem precisar colar o código de novo.

Veja também: Canais e Fluxos.