Botão do WhatsApp no site: como instalar, usar uma mensagem por página e medir os cliques

Para colocar um botão do WhatsApp no site, você precisa de um link wa.me com o seu número e um botão que aponte para ele. Dá para fazer isso de três jeitos: colando um trecho de código no site, usando um plugin ou ativando a opção pronta da sua plataforma (WordPress, loja virtual, construtor de sites). Em qualquer um deles, a instalação leva poucos minutos.

A parte que faz diferença vem depois: saber quantas pessoas clicaram, quantas de fato mandaram mensagem, de que página vieram e quanto tempo esperaram pela resposta. Um botão bonito que leva a uma conversa sem resposta não ajuda ninguém.

Os primeiros resultados da busca sobre o tema ensinam a instalar, quase sempre com a ferramenta do próprio autor, e listam vantagens. Nenhum explica como medir do clique até a conversa, como usar uma mensagem diferente em cada página nem o que muda com cookies e a LGPD. Este guia cobre esses pontos.

Onde o botão funciona melhor

O botão não precisa estar igual em todas as páginas. Pense em onde o visitante tem uma dúvida que trava a decisão.

• Páginas de serviço ou produto, onde surgem perguntas sobre condições, prazos e detalhes.
• Página de preços ou orçamento, quando ela existe.
• Página de contato, como uma das opções, junto com e-mail e telefone.
• Artigos do blog, com mais discrição: quem está lendo nem sempre quer conversar agora.

Posição. O formato mais comum é o botão flutuante no canto inferior direito, que acompanha a rolagem. Ele funciona bem, desde que:

• não cubra outros botões, como o de comprar, o de aceitar cookies ou o menu do celular;
• tenha tamanho fácil de tocar no celular;
• não abra uma janela sozinho, sem o visitante pedir.

Texto ao lado do ícone. Um rótulo curto como "Fale com a gente" ou "Tire sua dúvida no WhatsApp" deixa claro o que acontece ao clicar. A Central de Ajuda do WhatsApp mostra um botão oficial "Conversar no WhatsApp", nas cores verde e branca, que segue as diretrizes da marca.

Horário. Se ninguém responde à noite, diga isso perto do botão ou na primeira resposta automática, ou combine um plantão. O guia sobre atendimento fora do horário traz as opções.

Três jeitos de instalar

1. Código no site

É o jeito com mais controle. Você monta o link e cola um trecho de HTML e CSS no site, normalmente antes do fechamento da tag </body> ou na área de "código personalizado" da sua plataforma.

O link segue o formato da Central de Ajuda do WhatsApp: https://wa.me/ com o número em formato internacional (55, DDD e número, só algarismos) e, se quiser, /?text= com a mensagem codificada para URL. O passo a passo, com os erros mais comuns, está no guia sobre link do WhatsApp com mensagem pronta.

Um exemplo simples, com número fictício:

<a href="https://wa.me/5511XXXXXXXXX/?text=Ol%C3%A1%2C%20vim%20pelo%20site"
   class="botao-whatsapp" target="_blank" rel="noopener"
   aria-label="Conversar pelo WhatsApp">
  Fale com a gente no WhatsApp
</a>

<style>
  .botao-whatsapp {
    position: fixed; right: 16px; bottom: 16px; z-index: 50;
    padding: 12px 18px; border-radius: 24px;
    background: #25D366; color: #fff; font-weight: 600; text-decoration: none;
  }
</style>

Três detalhes desse código:

• aria-label ajuda leitores de tela a anunciar o botão;
• target="_blank" abre a conversa em outra aba, sem tirar a pessoa do site;
• o texto é um link comum, então funciona mesmo sem JavaScript e não pesa no carregamento.

2. Plugin ou widget

No WordPress e em outros construtores, há plugins que criam o botão flutuante sem mexer em código. Eles costumam oferecer escolha de páginas, horário de exibição, mensagem pronta e aparência.

Antes de instalar, confira:

• o peso no site: alguns widgets carregam scripts grandes e deixam a página mais lenta;
• se ele coloca cookies ou envia dados para fora, o que afeta a sua política de privacidade;
• se permite mensagem diferente por página, que é o que viabiliza a medição mais adiante;
• quando foi a última atualização do plugin.

3. Opção nativa da plataforma

Lojas virtuais e construtores de sites costumam ter um campo de WhatsApp nas configurações, que ativa o botão em todas as páginas. É o jeito mais rápido, mas em geral o mais limitado: muitas vezes a mensagem é a mesma para o site inteiro.

Uma mensagem por página

Este é o recurso que transforma o botão numa fonte de informação. Em vez de uma mensagem única para o site inteiro, cada página leva o visitante ao WhatsApp com um texto diferente:

Assim, a primeira mensagem já diz o assunto e a página de origem. A resposta fica mais rápida, porque ninguém precisa perguntar "em que posso ajudar?", e você passa a saber quais páginas geram conversas.

Lembre que o visitante pode apagar ou mudar o texto antes de enviar. Para esses casos, uma pergunta simples na triagem, como "Por onde você conheceu a gente?", completa a informação. O guia de qualificação de leads no WhatsApp mostra como encaixar essa pergunta.

Como medir os cliques e as conversas

Medir o botão é olhar três números, em sequência. Cada um responde a uma pergunta diferente.

1. Cliques no botão

Quantas pessoas clicaram. É o único número que vem do site. Ferramentas de análise e gerenciadores de tags, como o Google Analytics e o Google Tag Manager, permitem registrar o clique em um link externo como um evento. O nome do evento e o passo a passo dependem da ferramenta e da versão, então siga a documentação dela.

Uma dica que vale para qualquer ferramenta: registre também a página onde o clique aconteceu. É isso que permite comparar páginas.

2. Conversas iniciadas

Nem todo clique vira mensagem. A pessoa pode abrir o WhatsApp e desistir, ou estar num computador sem o WhatsApp instalado. Por isso, conte as conversas que chegaram com cada mensagem pronta. Esse número vem do seu atendimento, não do site.

A diferença entre cliques e conversas é útil por si só. Se muita gente clica e pouca gente envia, vale revisar a mensagem pronta (longa demais, estranha) ou o comportamento do botão no computador.

3. Leads e vendas

Por fim, quantas dessas conversas viraram lead qualificado e quantas viraram venda. Esse número vem do CRM, desde que a origem fique registrada no lead (por etiqueta, campo de origem ou resumo da triagem). O guia de CRM para WhatsApp mostra como organizar as etapas.

Compare as páginas pelo que vira venda, não só pelo número de cliques. Uma página com poucos cliques pode trazer os melhores clientes.

Anúncios pagos são outra história. Se a conversa vem de um anúncio no Instagram ou no Facebook que abre o WhatsApp, a medição é feita no próprio gerenciador de anúncios da Meta. O guia sobre anúncios de clique para o WhatsApp explica esse formato.

O que acontece depois do clique

O botão termina no clique. O resultado depende do que acontece em seguida.

Responda rápido. Quem clica tem uma dúvida agora. Se a resposta demora horas, a pessoa procura outra empresa ou desiste. O guia de tempo de resposta no WhatsApp mostra como medir e reduzir essa espera.

Use a mensagem pronta na resposta. Se a pessoa veio da página do serviço A, comece falando do serviço A. Pergunte uma coisa por vez.

Garanta que alguém é dono da conversa. Com várias pessoas atendendo o mesmo número, é fácil duas responderem ao mesmo cliente, ou nenhuma. O guia sobre vários atendentes no mesmo WhatsApp ajuda a organizar isso.

Fora do horário, não deixe no vácuo. Uma resposta automática que diga quando a equipe volta, ou um agente de IA que responda e faça a triagem, evita que a conversa esfrie até o dia seguinte.

Registre a origem. Se a página de origem não for para o lead, a medição para no meio do caminho.

Cuidados com privacidade

O botão em si, quando é um link comum, não coloca cookies nem coleta dados no seu site. Os cuidados aparecem em três situações.

• Ferramentas de análise e widgets de terceiros podem usar cookies e enviar dados do visitante para outras empresas. A ANPD publicou em 2022 o guia orientativo "Cookies e proteção de dados pessoais", com recomendações sobre políticas e banners de cookies. Confira se o seu banner e a sua política de privacidade cobrem as ferramentas que você usa para medir.
• A conversa no WhatsApp trata dados pessoais: nome, telefone e o que o cliente conta. Diga na política de privacidade que o site oferece atendimento pelo WhatsApp e como esses dados são usados.
• Não coloque dado pessoal na mensagem pronta nem no link, como nome ou e-mail do visitante. O link pode ser copiado e repassado.

Quem inicia a conversa pelo botão está pedindo atendimento, não autorizando mensagens de marketing depois. O guia sobre LGPD no atendimento pelo WhatsApp detalha esses cuidados. Este conteúdo é informativo e não substitui orientação jurídica.

Erros comuns

1. Número no formato errado, com sinal de mais, traço, parênteses ou zero antes do DDD.
2. Mesma mensagem no site inteiro, o que impede saber de que página veio cada conversa.
3. Botão em cima de outro botão, principalmente no celular.
4. Widget pesado que deixa o site lento.
5. Medir só cliques e achar que cada clique é um cliente.
6. Não registrar a origem no lead quando a conversa chega.
7. Botão no ar e ninguém responde, especialmente à noite e no fim de semana.
8. Esquecer a política de privacidade e o banner de cookies ao adicionar ferramentas de medição.
9. Não testar em celular e computador depois de instalar ou mudar o número.

Perguntas frequentes

Como colocar o botão do WhatsApp no site?

Monte um link wa.me com o seu número em formato internacional e use-o em um botão, por código, plugin ou pela opção de WhatsApp da sua plataforma. Teste no celular e no computador.

Preciso de plugin no WordPress?

Não. Um link com um pouco de HTML e CSS resolve. O plugin facilita a configuração, mas confira peso, cookies e se ele permite mensagem diferente por página.

O botão funciona no computador?

Sim. Segundo a Central de Ajuda do WhatsApp, o recurso de clique para conversa funciona em celulares e no WhatsApp Web.

Como saber quantas pessoas clicaram no botão?

Registre o clique como um evento na sua ferramenta de análise, junto com a página de origem. Depois, compare com as conversas que chegaram e com os leads no CRM.

O botão do WhatsApp precisa de banner de cookies?

O link em si não usa cookies. Ferramentas de análise e widgets de terceiros podem usar. Confira o que cada ferramenta faz e ajuste o banner e a política de privacidade.

Qual a diferença entre botão do WhatsApp e chat do site?

O botão leva a conversa para o WhatsApp do visitante. O chat do site acontece dentro da própria página, sem sair dela. Muitas empresas usam os dois e atendem ambos no mesmo lugar.

Resumo

1. O botão é um link wa.me com o seu número, instalado por código, plugin ou opção da plataforma.
2. Coloque-o onde o visitante tem dúvidas, sem cobrir outros botões.
3. Use uma mensagem pronta diferente em cada página.
4. Meça três números: cliques, conversas e leads ou vendas.
5. Registre a origem no lead para fechar a conta.
6. Responda rápido, inclusive fora do horário.
7. Revise cookies e política de privacidade ao adicionar ferramentas de medição.

O PapoFranco reúne o WhatsApp oficial e outros canais, como Instagram, chat do site e e-mail, numa caixa de entrada única, com etiquetas, notas internas e um dono para cada conversa. Um agente de IA responde em segundos, 24 horas por dia, faz a triagem com uma pergunta por vez, seguindo as diretrizes que você escreve, e move o card no funil do CRM conforme a conversa avança. Os relatórios mostram o volume de conversas e o tempo de resposta. Conheça o PapoFranco e leia outros guias no blog.