WhatsApp no site: como colocar do jeito certo

No Brasil, o WhatsApp é o canal de contato que mais converte em site de empresa — e é também o que mais vejo instalado de um jeito que atrapalha. Plugin pesado, botão que cobre o texto no celular, mensagem que começa vazia e a pessoa não sabe o que escrever.

A boa notícia: o jeito certo é o mais simples. É uma linha de HTML e não depende de plugin nenhum.

O link oficial, sem plugin

O WhatsApp mantém um formato de link oficial para iniciar conversa. Ele funciona no celular e no computador, abre o aplicativo instalado ou o WhatsApp Web, e não exige cadastro, API nem conta comercial:

<a href="https://wa.me/5546999999999">
  Falar no WhatsApp
</a>

O número vai só com dígitos, no formato código do país + DDD + número. Sem o sinal de mais, sem parênteses, sem hífen e sem espaço. Para o Brasil, comece sempre com 55.

A mensagem que já vai escrita

Este é o detalhe que separa um botão que gera conversa de um que gera silêncio. Você pode enviar a mensagem já digitada no campo, usando o parâmetro text:

<a href="https://wa.me/5546999999999?text=Ol%C3%A1!%20Vi%20o%20site%20e%20quero%20um%20or%C3%A7amento">
  Pedir orçamento no WhatsApp
</a>

Aquela sopa de letras é o texto codificado para URL: acentos e espaços não podem ir crus no endereço. Você não precisa fazer isso à mão — qualquer buscador por "codificar URL online" resolve, e no meu site é o próprio JavaScript que monta.

Por que isso importa tanto? Porque a pessoa que clica está no momento de maior hesitação: ela abriu uma conversa com um desconhecido e o cursor está piscando num campo vazio. Uma primeira frase pronta remove esse atrito inteiro.

Boas mensagens iniciais têm três características: são curtas, dizem de onde a pessoa veio e já contêm a intenção.

• "Olá! Vi o site e quero um orçamento de site institucional."
• "Olá! Vim pela página de postes de concreto e queria saber sobre prazos."
• "Olá! Vi o artigo sobre preço e quero conversar sobre o meu caso."

Repare no segundo e no terceiro: a mensagem muda conforme a página. Isso é medição gratuita — você sabe de onde veio a conversa antes mesmo de responder.

Onde os botões precisam estar

Não é "quanto mais, melhor". É "onde a decisão acontece". Numa página institucional, os lugares que funcionam:

1. Na primeira tela, junto da promessa. Para quem já chegou decidido.
2. Depois da prova — projetos, depoimentos, números. É o ponto de maior convencimento da página.
3. Depois das perguntas frequentes. A última objeção acabou de ser respondida.
4. No rodapé, para quem leu tudo e rolou até o fim.

Quatro pontos numa página longa é razoável. Um botão a cada rolagem vira ruído, e ruído se ignora. A lógica de onde eles entram é a mesma que descrevo em como escrever a página inicial.

O botão flutuante: quando ajuda e quando atrapalha

O botão fixo no canto da tela funciona — com três condições:

• Não pode cobrir conteúdo. No celular, um botão grande no canto inferior direito costuma tapar exatamente a última linha do texto.
• Não deve aparecer imediatamente. Deixe a pessoa ler alguma coisa antes. Aparecer depois de uma rolagem é mais educado e converte melhor.
• Não pode ser um pop-up. Aquela janelinha de chat que abre sozinha cobrindo a tela é justamente o tipo de interrupção que o Google trata como má experiência de página — e que o visitante trata como motivo para sair.

Uma observação técnica que quase ninguém considera: widgets de chat de terceiros costumam carregar de 100 KB a mais de 500 KB de JavaScript. Isso é meio segundo ou mais de carregamento em conexão de celular, para fazer o trabalho de um link. É um dos casos que eu detalho em por que o seu site está lento.

Como saber de onde veio cada conversa

Se você tem quatro botões na página e todos abrem a mesma conversa, você nunca vai saber qual deles trabalha. Duas formas de resolver, da mais simples para a mais completa:

1. Mensagem diferente por lugar

O jeito mais barato. Cada botão manda um texto ligeiramente diferente, e você lê a origem na própria conversa:

Botão do topo   → "Olá! Vi o site e quero um orçamento."
Botão do rodapé → "Olá! Li o site inteiro e quero conversar."
Botão do artigo → "Olá! Vim pelo artigo sobre preço."

Zero configuração, funciona no primeiro dia e não depende de ferramenta nenhuma.

2. Evento de clique na medição

Se você usa Google Analytics ou Tag Manager, cada botão pode disparar um evento identificando de onde saiu o clique. Aí você vê no relatório quantos cliques cada posição gerou, e não só quantas conversas chegaram.

É o que eu faço nos meus sites: cada botão carrega uma marcação do lugar onde está, e o clique vira um evento com esse nome. Sem ferramenta extra e sem plugin.

Cinco erros que eu vejo toda semana

1. Número sem o 55. O link abre e não encontra o contato. Teste sempre de um aparelho que não seja o seu.
2. Link para o número pessoal do dono. Funciona até o dia em que o volume cresce e as conversas se perdem no meio das do grupo da família.
3. Botão sem target="_blank". Em alguns navegadores a pessoa sai do site e, ao voltar, perdeu o lugar onde estava lendo.
4. Plugin de chat que finge ser atendente. "Olá, posso ajudar?" com foto de pessoa que não existe. Custa credibilidade, que é o que o site inteiro está tentando construir.
5. Nenhum outro canal. Nem todo mundo quer falar por WhatsApp: empresa maior costuma preferir e-mail ou formulário, com registro escrito. Ofereça o segundo caminho.

Feito o básico, o resto do trabalho é fazer as pessoas chegarem à página. É o assunto do checklist de SEO para site de empresa pequena.