Como coloco um botão de WhatsApp no meu site?

O link é o botão inteiro

O próprio WhatsApp documenta isso como "clique para conversar": um link no formato https://wa.me/ mais um número de telefone abre uma conversa com esse número sem que o visitante precise salvá-lo nos contatos. A Central de Ajuda do WhatsApp pede o número completo em formato internacional e manda omitir zeros, parênteses e traços. No celular o link abre o app; no computador ele passa para o WhatsApp Web ou o app de desktop. Todo o resto — o círculo verde, o ícone, fixar no canto — é só estilo em volta desse único link.

Para deixar a mensagem pronta, acrescente ?text= e a mensagem codificada para URL: espaço vira %20, quebra de linha vira %0A, e o e comercial precisa virar %26 — um & solto começa um novo parâmetro da URL e a mensagem é cortada ali. Em JavaScript, encodeURIComponent faz a codificação por você. Plugins de widget de chat acrescentam um balão, horário de atendimento ou rodízio entre atendentes, ao custo de um script de terceiros em cada carregamento de página; um link simples faz o trabalho principal sem nada extra para carregar.

O que encontramos nos sites que hospedamos

A AgentCeres — o AI Growth Officer em agentceres.com — hospeda páginas que os clientes constroem com o agente dela, e o WhatsApp é o jeito como boa parte dessas páginas pede contato. Em 27 de setembro de 2026 verificamos todos os sites no ar: 65 de 199, de 53 contas, têm link para o WhatsApp, e 62 desses 65 deixam uma mensagem pronta.

Doze dos 65 mandam o visitante para outro lugar que não a empresa. Nove ainda têm um marcador de exemplo: um "seu número aqui" entre colchetes, uma sequência de zeros ou um número de exemplo bonitinho, como um celular de São Paulo feito só de noves. Três não têm número nenhum, o que abre a tela do WhatsApp para escolher um contato em vez da conversa com a empresa. Nenhuma dessas páginas parece quebrada. O botão aparece, as cores estão certas, a mensagem está pronta — a falha só existe no momento em que um cliente toca. Um número de exemplo com cara de real é a pior versão, porque ele pode pertencer a alguém, que passa a receber as mensagens dos seus clientes.

Se uma IA escreveu sua página e você nunca passou o seu número para ela, parta do princípio de que ela inventou um. Veja o código-fonte da página, procure por wa.me e leia os dígitos.

Coloque onde o polegar alcança e nada mais está

A maioria dos botões de WhatsApp flutua no canto inferior direito, que é também onde ficam widgets de chat, avisos de cookies, setas de voltar ao topo e selos de construtores de site. Numa auditoria de setembro dos elementos fixos nas páginas que hospedamos, 19 de 101 páginas no ar tinham algo flutuando nesse canto, e no celular dois elementos fixos no mesmo canto significam que um cobre o outro — foi por isso que mudamos a posição do nosso próprio selo em telas pequenas (veja como remover um selo de construtor de site). Dê um canto para uma coisa só, deixe espaço acima da barra inicial do celular e dê a um botão só com ícone um rótulo de texto como "Fale com a gente no WhatsApp", para que leitores de tela saibam dizer o que ele faz.

O que o botão não consegue te dizer

Tocar em um link wa.me é sair do seu site. Sua ferramenta de análise consegue contar o clique, mas nada avisa a página se a mensagem foi mesmo enviada, e a conversa fica num celular, não em nenhum registro que o site guarde — o oposto de um formulário, que armazena o que foi enviado. Algumas páginas dos nossos clientes recuperam parte disso no próprio texto pronto: "Olá! Vim pelo site" ou "Vim pelo TikTok" é a única atribuição de origem que um contato pelo WhatsApp vai carregar.

Mantenha também um segundo caminho. 45 dos 65 sites com WhatsApp que hospedamos também têm um formulário, que pega os visitantes que não usam WhatsApp ou estão num computador sem ele. Se as pessoas visitam e ninguém entra em contato, as causas costumam estar em outra parte da página — veja por que não recebo contatos pelo meu site.