Em muitos serviços no Brasil, o WhatsApp é o caminho mais curto entre o interesse e a conversa. Colocar um botão verde na página é a parte fácil. O que decide se ele funciona é o que vem antes do clique (o visitante já tem contexto suficiente?) e o que vem depois (alguém responde, e responde bem?).

Neste post eu fico na implementação e na operação do canal. A estrutura da página como um todo está em como estruturar uma landing page que converte.

WhatsApp ou formulário?

O WhatsApp não é a resposta certa para toda página. Ele costuma funcionar bem quando:

  • o serviço pede conversa antes da decisão;
  • o público já usa o WhatsApp para falar com empresas;
  • existe alguém disponível para responder em horário previsível.

Um formulário tende a ser melhor quando você precisa de informações estruturadas antes de responder (um orçamento que depende de medidas, volumes ou prazos), quando o público é corporativo e prefere e-mail, ou quando o volume de contatos exige triagem.

Nas páginas que faço, costumo deixar o WhatsApp como ação principal e o e-mail como alternativa discreta. Nem todo mundo quer começar uma conversa pelo número pessoal, e ter uma segunda opção não custa nada. Na página de contato deste site, por exemplo, o visitante preenche um briefing curto e escolhe se quer enviá-lo por WhatsApp ou por e-mail; a mensagem já sai montada com o que ele escreveu.

O WhatsApp documenta o formato do link de "clique para conversa": https://wa.me/ seguido do número completo em formato internacional, só com dígitos. No Brasil, isso significa 55, o DDD e o número, sem sinal de mais, espaços, parênteses, traços ou zero na frente.

A mensagem pré-preenchida vai no parâmetro text e precisa estar codificada para URL, porque espaços, acentos e pontuação não podem ir crus. Em JavaScript, encodeURIComponent resolve:

const numero = "55" + ddd + telefone // só dígitos
const mensagem = "Olá! Vim pela página de sites para clínicas e quero entender prazo e orçamento."
const link = `https://wa.me/${numero}?text=${encodeURIComponent(mensagem)}`

Teste o link no celular e no computador. No computador, o clique leva ao WhatsApp Web ou ao aplicativo instalado, e parte dos visitantes vai preferir outra via; por isso a alternativa por e-mail faz ainda mais sentido ali.

Uma mensagem que carrega contexto

A mensagem pronta não serve só para poupar digitação. Ela diz a quem responde de onde a pessoa veio e o que ela quer, sem precisar perguntar. Algumas regras que sigo:

  • identifique a página ou a oferta: "vim pela página de sites para clínicas" é mais útil que "vi seu site";
  • seja curto e editável: a pessoa deve conseguir completar ou mudar a frase sem apagar um parágrafo;
  • não coloque na boca do visitante o que ele não diria: "quero contratar agora!" soa falso e intimida;
  • uma mensagem por página ou campanha: isso também ajuda a medir, como explico mais abaixo.

Onde colocar o botão

Na primeira tela, junto da promessa, para quem já chega decidido. Depois do bloco que explica como o serviço funciona e no fechamento, para quem precisou ler antes.

O botão flutuante é útil no celular, mas exige cuidado. Ele pode cobrir texto, brigar com o aviso de cookies, ficar em cima do botão de enviar de um formulário ou esconder o rodapé. Se usar, mantenha-o discreto, sem animação pedindo atenção o tempo todo, e confira todas as telas com ele visível.

Acessibilidade também conta: o botão precisa de um nome legível ("Conversar no WhatsApp"), não só um ícone, além de contraste suficiente e área de toque confortável. As diretrizes WCAG 2.2 pedem, no nível AA, alvos de pelo menos 24 por 24 pixels CSS ou espaçamento equivalente entre eles.

Medir sem se enganar

Um clique no botão não é um contato. A pessoa pode abrir o aplicativo e desistir antes de enviar. Por isso eu separo duas medidas:

  1. cliques, registrados como evento no analytics, indicando qual botão foi usado (topo, meio ou flutuante);
  2. conversas iniciadas, contadas no próprio WhatsApp, de preferência pela mensagem pré-preenchida de cada página.

Muitos cliques e poucas conversas costumam apontar para um problema entre um e outro: mensagem estranha, experiência ruim no computador ou expectativa desalinhada com o que a página prometeu.

O que acontece depois do clique

É aqui que mais se perde contato. Uma página excelente não compensa uma resposta que demora dias. Antes de publicar, vale definir:

  • um número comercial, de preferência no WhatsApp Business, e não o pessoal, já que ele ficará público;
  • quem responde e em que horário, com uma mensagem de ausência dizendo quando a pessoa terá retorno;
  • respostas prontas para as perguntas frequentes (prazo, forma de pagamento, próximos passos), usadas como base, não como robô;
  • o próximo passo depois da conversa: briefing, proposta por escrito ou agendamento.

Quando o volume cresce, faz sentido automatizar a triagem e as respostas mais repetitivas. Mas automação boa parte de um processo manual que já funciona. Se esse for o seu caso, a diferença entre um chatbot de roteiro e um agente conectado aos seus sistemas está em agente de IA para atendimento vs. chatbot.

Se você quer revisar como o WhatsApp está implementado na sua página, me chame pelo contato, no canal que preferir.

Referências