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

> Como colocar o botão do WhatsApp no site, usar uma mensagem por página, medir do clique à conversa e responder rápido, com cuidado com cookies e LGPD.

Publicado em 2026-10-28 por Equipe Franco. Fonte: https://papofranco.online/blog/botao-do-whatsapp-no-site

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](https://papofranco.online/blog/atendimento-fora-do-horario-whatsapp) 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](https://papofranco.online/blog/link-do-whatsapp-com-mensagem-pronta).

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

```html
<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.

| | Código | Plugin ou widget | Opção da plataforma |
|---|---|---|---|
| Dificuldade | Média | Baixa | Muito baixa |
| Controle da aparência | Total | Bom | Pouco |
| Mensagem por página | Sim | Depende | Raramente |
| Peso no site | Mínimo | Varia | Varia |
| Cookies de terceiros | Só se você adicionar | Confira | Confira |

## 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:

| Página | Mensagem pronta (exemplo) |
|---|---|
| Página inicial | Olá, vim pelo site e quero saber mais |
| Serviço A | Olá, vi a página do serviço A e quero um orçamento |
| Serviço B | Olá, tenho uma dúvida sobre o serviço B |
| Contato | Olá, quero falar com a equipe |
| Blog | Olá, li um artigo no blog e tenho uma dúvida |

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](https://papofranco.online/blog/qualificacao-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](https://papofranco.online/blog/crm-para-whatsapp-funil-de-vendas) mostra como organizar as etapas.

| Etapa | Pergunta que responde | De onde vem |
|---|---|---|
| Cliques | O botão está sendo visto e usado? | Ferramenta de análise do site |
| Conversas | Quem clicou mandou mensagem? | Caixa de entrada do WhatsApp |
| Leads e vendas | As conversas viraram negócio? | CRM |

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](https://papofranco.online/blog/anuncio-click-to-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](https://papofranco.online/blog/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](https://papofranco.online/blog/varios-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](https://papofranco.online/blog/lgpd-no-atendimento-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](https://papofranco.online) e leia outros guias no [blog](https://papofranco.online/blog).