Chat no site

O chat no site é uma bolha que você cola no seu site ou no seu app web. A conversa entra na mesma caixa de entrada do WhatsApp e do Instagram, no projeto do chat, e a IA do projeto (mesmo conhecimento, mesmos agentes) responde primeiro. Está disponível a partir do plano Profissional (Profissional: 1 chat; Negócio: 3).

Criar e colar no site

1. No Papeador, abra Integrações → Chat no site → Novo chat (só o dono e os admins).
2. Escolha o projeto em que as conversas entram e os domínios onde o chat aparece, um por linha, sem https://. Use *.seusite.com.br para todos os subdomínios.
3. Se quiser, mude o título do topo, a mensagem de boas-vindas e a cor: a do kit de marca do projeto, uma das prontas, o seletor de cores (clique na amostra) ou o código, como #E1141A.
4. Copie o código e cole no site, antes de </body>:

<script src="https://app.papeador.com.br/api/w.js" data-widget="wid_…" async></script>

A bolha só aparece nos domínios cadastrados.

Onde a bolha fica: em Posição da bolha, no mesmo formulário, escolha o lado (direita ou esquerda) e a distância da borda de baixo, no computador e no celular. Use quando o site já tiver algo no canto: um aviso de cookies, o botão do WhatsApp, uma barra de abas. Muda no site sozinho, sem mexer no código colado.

Assuntos e quem atende

Dá para pôr botões de assunto no começo da conversa (“Quero contratar”, “Já sou cliente”), cada um com o agente de IA que atende aquele assunto. O assunto escolhido aparece na conversa, para a equipe.

Limites da IA

O chat é aberto a qualquer visitante e cada resposta da IA gasta créditos. Por isso, cada chat tem um limite de respostas por conversa e por dia. Passou do limite, a conversa fica marcada para a equipe.

Quem não está logado: continuar no WhatsApp

Visitante de site some; quem está no WhatsApp volta. Levar a conversa para o WhatsApp vale a pena por dois motivos:

• A resposta não se perde. No site, a pessoa só vê a resposta se ainda estiver com a página aberta. Fechou a aba ou bloqueou o celular, a conversa para ali. No WhatsApp, a resposta chega no bolso dela, mesmo que a equipe demore uma hora para responder.
• Você ganha o telefone e pode retomar o contato. O visitante anônimo vira um contato com WhatsApp na ficha. Dias depois, quem perguntou o preço e sumiu pode receber uma mensagem, entrar numa sequência de acompanhamento ou numa campanha. Sem o telefone, o lead do site acaba quando ele sai da página.

Com a opção A IA oferece o WhatsApp:

Opção	O que a IA faz
Desligado	Nunca oferece. Quem saiu do site só vê a resposta quando voltar.
Para não perder o contato (padrão)	Oferece continuar no WhatsApp, para a pessoa não perder a resposta se sair do site. A conversa segue no chat enquanto ela ficar.
Levar para o WhatsApp	Depois de entender o assunto, convida a continuar no WhatsApp de forma mais direta.

A pessoa não digita o número: aparece o botão Continuar no WhatsApp, que abre o WhatsApp com uma mensagem pronta e o código do atendimento (no computador, também um QR code). Quando a mensagem chega:

• a conversa do WhatsApp vai direto para o projeto do chat;
• o visitante e o contato do WhatsApp viram uma ficha só;
• a IA continua o assunto com o histórico do site, sem perguntar tudo de novo.

A IA nunca oferece na primeira resposta e oferece no máximo duas vezes por conversa. Se a pessoa disser que prefere o chat, ela não oferece de novo.

Depois disso, o navegador lembra a pessoa por 90 dias (“Olá de novo, Ana”). Não é você?, no topo do chat, apaga esse reconhecimento, para computador compartilhado. Mesmo reconhecida, a IA do site não fala de compras nem de dados da ficha: isso é só para o usuário logado.

Quem está logado no seu sistema

Dentro do seu app, o seu sistema pode dizer quem é a pessoa. Ela fica no chat, sem ser levada para o WhatsApp, e a conversa chega ligada à ficha certa, com o que a IA e a equipe precisam saber (plano, situação). Veja Chat no site: usuário logado, para quem desenvolve o seu sistema.

Na caixa de entrada

• A conversa do site aparece com o canal site, junto das do WhatsApp e do Instagram.
• Cada conversa tem um status: aberta, aguardando o cliente ou resolvida. Resolvida avisa no chat do visitante.
• A ficha mostra a página de onde a pessoa veio e se ela está no site agora.
• O webhook de saída pode avisar o seu sistema quando uma conversa nova começa ou é resolvida.

Opções no código

• data-bottom="72" afasta a bolha da borda de baixo (em px), para não ficar em cima de uma barra; data-bottom-mobile vale só no celular (abaixo de 768 px). Quando estão no código, valem por cima da distância escolhida na tela (o lado continua o da tela).
• Papeador.open() abre o chat; Papeador.hide() esconde a bolha numa parte do site onde ela não deve aparecer, e Papeador.show() traz de volta.

Abrir o chat por um botão seu

Além da bolha, qualquer botão ou link do site pode abrir o chat: “Fale com a gente” no menu, “Tirar dúvida” na página de preços, um mascote no canto. Com o código do chat já colado na página, chame Papeador.open():

<button type="button" onclick="window.Papeador && Papeador.open()">Fale com a gente</button>

• Se o chat não carregar (bloqueador de anúncios, internet ruim), window.Papeador não existe. O window.Papeador && evita o erro, e dá para mandar a pessoa para outro lugar:

  <a href="/contato" onclick="if (window.Papeador) { Papeador.open(); return false; }">Fale com a gente</a>

  Com o chat, abre o chat; sem ele, segue o link.

• Só o seu botão, sem a bolha: chame Papeador.hide() quando a página carregar. Papeador.open() faz o chat aparecer de novo, já aberto.

• Logo que a página abre: o código do chat carrega sem travar a página (async). Nos primeiros instantes, window.Papeador ainda não existe e o clique não faz nada (ou segue o link, no exemplo acima). Depois que o código carregou, Papeador.open() pode ser chamado mesmo com a conversa ainda abrindo: o pedido espera e o chat abre assim que estiver pronto.