Widget de chat no site: como transformar visitantes com uma dúvida em conversas

Quando o chat deve falar primeiro?

O chat deve falar depois que o visitante teve um momento para olhar, e não deve cobrir a página. Um visitante com uma dúvida tem duas opções: perguntar ou sair. A maioria dos sites facilita a saída, seja porque o único caminho de contato é um formulário longo, seja porque uma janela de chat salta antes de a página ser lida e é fechada por reflexo.

No AdaptiveReply a versão gentil é o Balão de convite na aba Comportamento: uma linha curta, de até 140 caracteres, que aparece ao lado do botão de chat após um atraso que você escolhe entre 0 e 120 segundos. Cada visitante o vê uma vez por visita. A opção Abrir sozinho abre o chat uma vez por visita em computadores; nos celulares o chat ocupa a tela inteira, por isso neles aparece o convite.

Escreva o convite como uma oferta sobre a página, não como um cumprimento. “Olá!” não dá ao visitante nada para responder.

Como dizer ao visitante em que o chat pode ajudar?

Diga nas duas primeiras coisas que ele vê: a mensagem de boas-vindas e as respostas rápidas. Uma caixa de texto vazia pede que o visitante formule uma pergunta. Uma saudação curta e algumas perguntas de um toque mostram que ajuda está disponível e poupam esse esforço.

• Mensagem de boas-vindas. A primeira mensagem de todo chat novo. Diga em uma frase quem está respondendo e em que pode ajudar.
• Respostas rápidas. Até quatro perguntas de um toque, com até 40 caracteres cada, exibidas sob a mensagem de boas-vindas até o visitante escrever.
• Título do cabeçalho e imagem do assistente. Mostram ao visitante com quem ele está falando.

Escolha respostas rápidas que o assistente consiga responder bem: prazo de entrega, condições de devolução, como agendar. Uma resposta rápida que sempre termina em “um colega vai retornar” ensina ao visitante que o chat é um formulário de contato mais lento.

Quem responde, e com que rapidez?

O assistente de IA responde na hora, a qualquer horário, e é o mesmo assistente que responde nos seus outros canais. Não há uma configuração separada para o site: a persona, o tom, as fontes, o catálogo e as regras que você configurou uma vez valem também para o widget.

As conversas do site chegam à mesma caixa de entrada do AdaptiveReply que Instagram, Facebook Messenger, WhatsApp e e-mail. Quando o assistente não sabe responder, ou o visitante pede uma pessoa, a conversa é transferida para a sua equipe como um caso com um resumo, e um membro da equipe responde pela caixa de entrada enquanto o visitante continua na mesma janela de chat. Veja o guia da caixa de entrada unificada e quando o assistente transfere.

Um limite, dito com franqueza: o widget não tem configuração de horário de atendimento. O assistente responde sempre que um visitante escreve. “Offline” no widget significa que a conexão do visitante caiu.

Vale pedir nome e e-mail antes do chat?

Peça apenas o que você vai usar. Cada campo obrigatório antes da primeira mensagem reduz o número de pessoas que iniciam um chat e aumenta o número de pessoas com quem você consegue fazer contato depois. Uma loja que responde dúvidas rápidas sobre produtos geralmente não pede nada; uma clínica que retorna ligações precisa de um telefone.

No AdaptiveReply essa é a configuração Informações antes do chat, na aba Comportamento. Marque Nome, Sobrenome, E-mail ou Telefone; os campos marcados passam a ser obrigatórios antes de o chat começar. Sem nada marcado, os visitantes começam a digitar na hora. Você também pode exigir uma caixa de consentimento: o visitante precisa aceitar o seu texto antes de conversar, e a data e o texto do consentimento ficam guardados.

Como fazer o chat parecer parte do seu site?

Combine a cor, o tema e o idioma, e depois confira em um celular. Um chat que parece um corpo estranho é lido como anúncio. A aba Design reúne as configurações, e a pré-visualização ao vivo mostra o resultado enquanto você digita; nada chega ao seu site até você salvar.

• Cor. Uma cor da marca para o cabeçalho, o botão de chat e as mensagens do visitante. A cor do texto se ajusta sozinha para continuar legível.
• Tema. Claro, Escuro ou Auto. Auto segue a configuração do dispositivo de cada visitante.
• Posição. Inferior direito ou inferior esquerdo, onde não cubra os seus próprios botões.
• Idioma. A interface do widget está disponível em 10 idiomas e pode seguir o idioma do navegador do visitante.
• Conferência no celular. A pré-visualização alterna entre computador e celular, e entre os estados fechado, convite, formulário inicial, chat e offline.

Como o widget é instalado?

Na maioria dos sites, instalar é colar uma linha de código uma única vez. A aba Instalar mostra o código e os passos para a sua plataforma; depois disso, cada alteração que você salva no painel aparece no site sem mexer no código de novo.

1. 1No painel, abra Widget, crie um widget e configure-o nas abas Design e Comportamento.
2. 2Na aba Instalar, escolha onde o seu site roda: qualquer site, Shopify, WordPress, Ticimax ou ikas.
3. 3Em qualquer site, cole o código logo antes da tag de fechamento de body, no modelo que todas as páginas compartilham. Na Shopify, ative a extensão de aplicativo do AdaptiveReply no editor de temas. No WordPress, envie e ative o plugin.
4. 4Em Domínios permitidos, adicione o seu domínio para que o chat não possa ser copiado para outro site. Com a lista vazia, o chat funciona onde quer que o seu código esteja.
5. 5Atualize o seu site e envie você mesmo a primeira mensagem.

Uma lista rápida antes de colocar no ar

• O assistente está publicado e responde às suas dez perguntas mais comuns na prévia.
• O convite cita algo específico e o atraso dá tempo de ler a página.
• As respostas rápidas são perguntas reais de clientes que o assistente consegue responder.
• Os campos antes do chat se limitam ao que você vai usar, e você enviou uma mensagem de teste de um celular.

Se o assistente ainda não está configurado, comece por configurar um assistente de IA sem código; a visão geral dos recursos mostra o que mais se conecta à mesma caixa de entrada. Você pode começar de graça e instalar o widget no mesmo dia.