O visitante chega pelo anúncio, gosta do produto e quer tirar uma dúvida rápida. Procura o telefone, encontra um formulário de contato com seis campos e desiste. Um botão do WhatsApp no site resolve exatamente esse momento: um toque e a conversa começa, com uma mensagem já escrita.
A resposta direta: para colocar o botão do WhatsApp no site, você cria um link de clique para conversar (no formato wa.me com o número e, se quiser, a mensagem pré-preenchida) e aplica esse link em um botão fixo na página ou em um botão flutuante no canto da tela. Para saber de onde vêm as conversas, use um link diferente para cada ponto do site ou um gerador de links com contagem de cliques.
Neste guia, nós mostramos como montar o link, onde posicionar o botão, como escrever a mensagem pré-preenchida e como rastrear a origem de cada conversa.
Como funciona o botão do WhatsApp no site
Por trás de todo botão existe um link de clique para conversar. O WhatsApp documenta o formato na central de ajuda sobre o recurso de clique para conversar:
- Link básico: https://wa.me/ seguido do número completo em formato internacional, só com dígitos. Para um celular de Vitória, por exemplo: wa.me/5527999990000 (55 do Brasil, DDD e número, sem zero, sem parênteses, sem traços e sem o sinal de mais).
- Com mensagem pré-preenchida: acrescente ?text= e o texto codificado para URL. Espaços viram %20, por exemplo: wa.me/5527999990000?text=Ol%C3%A1%2C%20vim%20pelo%20site.
No celular, o link abre o aplicativo direto na conversa. No computador, abre o WhatsApp Web ou o aplicativo de desktop. A mensagem aparece escrita, mas o visitante ainda precisa tocar em enviar; nada é enviado sem a ação dele.
Como colocar o botão do WhatsApp no site: passo a passo
- Defina o número que vai atender. Use o número da equipe, não o celular pessoal de alguém. Se vários atendentes vão responder, o número precisa estar em uma plataforma de atendimento compartilhado.
- Escreva a mensagem pré-preenchida. Curta, com contexto da página. Veja exemplos na tabela mais abaixo.
- Gere o link. Monte o wa.me manualmente ou use um gerador de links, que já codifica o texto e evita erro de digitação.
- Escolha o formato do botão. Botão flutuante no canto inferior, botão fixo no topo, botão dentro da página de produto ou os três, cada um com seu link.
- Instale no site. Em WordPress e em construtores de sites, há plugins e blocos prontos de botão de WhatsApp: basta colar o link. Em sites próprios, o desenvolvedor aplica o link em um elemento de botão.
- Teste no celular e no computador. Confira se abre o número certo, se a mensagem aparece com acentos corretos e se o botão não cobre outros elementos da página.
- Combine o horário de atendimento. Se o botão fica disponível 24 horas, prepare uma mensagem automática para fora do expediente.
Onde posicionar o botão
| Posição | Quando funciona melhor | Cuidado |
|---|---|---|
| Flutuante (canto inferior direito) | Sites com muitas páginas; o visitante encontra o botão em qualquer ponto | No celular, não pode cobrir o botão de compra nem o aviso de cookies |
| Página de produto ou serviço | Dúvidas específicas antes da compra ou do orçamento | Use mensagem com o nome do produto |
| Cabeçalho ou menu | Negócios em que o contato é a principal conversão (serviços, clínicas, imobiliárias) | Rótulo claro: “Fale no WhatsApp”, não só um ícone |
| Página de contato | Visitante que já decidiu falar com a empresa | Mostre também o horário de atendimento |
| Carrinho ou checkout | Dúvidas de frete, pagamento e prazo | Não distraia quem está prestes a pagar; posição discreta |
Um botão sem ninguém para responder é pior do que nenhum botão. Antes de instalar, garanta quem atende e em quanto tempo.
Mensagem pré-preenchida: exemplos por página
A mensagem pré-preenchida tem duas funções: facilitar o primeiro passo do visitante e dizer à equipe de onde ele veio. Escreva em primeira pessoa, como se fosse o cliente falando.
| Página | Mensagem sugerida |
|---|---|
| Página inicial | Olá! Vim pelo site e gostaria de mais informações. |
| Produto | Oi! Tenho uma dúvida sobre o {produto} que vi no site. |
| Orçamento | Olá! Quero um orçamento para {servico}. |
| Agendamento | Oi! Quero agendar um horário. Quais datas vocês têm? |
| Suporte | Olá, já sou cliente e preciso de ajuda com meu pedido. |
| Trabalhe conosco | Oi! Vi a vaga no site e quero saber como me candidatar. |
Evite mensagens longas ou com dados pessoais. E lembre que o visitante pode apagar o texto antes de enviar, então a mensagem ajuda, mas não é garantia de identificação da origem.
Como rastrear a origem das conversas do botão do WhatsApp no site
Quando todas as conversas chegam no mesmo número com o mesmo “Olá”, ninguém sabe se o botão da página de produto funciona melhor que o do cabeçalho. Há três formas de resolver, que podem ser usadas juntas:
- Um link por posição: cada botão tem seu próprio link, com mensagem diferente e contagem de cliques separada. Assim você compara flutuante, produto e contato.
- Um link por conexão: direcione cada botão para o número ou a equipe certa. O botão de “Suporte” vai para a conexão do suporte; o de “Orçamento”, para a do comercial. A conversa já chega na fila correta, e a conexão mostra de onde veio.
- Eventos de clique no site: configure o clique no botão como evento na sua ferramenta de análise do site para cruzar com a campanha de origem do visitante.
Como fazer isso no ClikChat
O ClikChat tem um Gerador de links pensado para esse uso. Você cria um link com nome interno (ex.: “Site – botão flutuante”), escolhe as conexões que vão receber as conversas e escreve a mensagem pré-preenchida, com até 255 caracteres. O sistema gera um link curto para colar no botão do site.
- Rodízio entre números: se você marcar mais de uma conexão, os cliques são distribuídos entre elas, considerando apenas as que estão conectadas.
- Cliques por dia e por hora: a tabela mostra o total e os cliques de hoje, e a análise abre o gráfico dos últimos 7 dias e da distribuição por hora. Isso ajuda a descobrir quando o site gera mais conversas e a planejar a escala da equipe.
- Chegada no inbox: a conversa entra como ticket no atendimento, com a mensagem pré-definida, e pode seguir para um fluxo do ChatBot Inteligente, um departamento ou um atendente.
- Webchat: se preferir que o visitante converse sem sair da página, o ClikChat também tem canal de webchat no mesmo inbox.
Se você também divulga o WhatsApp no Instagram, veja o guia de link do WhatsApp na bio do Instagram. Para outras formas de montar links, o post como criar um link no WhatsApp complementa. E para organizar a equipe que vai responder essas conversas, veja o guia de multiatendimento no WhatsApp.
Perguntas frequentes
Como colocar o botão do WhatsApp no site sem saber programar?
Gere o link wa.me (ou um link curto em um gerador) e cole em um plugin ou bloco de botão de WhatsApp do seu construtor de sites. A maioria só pede o link ou o número e a mensagem.
O botão do WhatsApp funciona no computador?
Funciona. No computador, o link abre o WhatsApp Web ou o aplicativo de desktop, se estiver instalado. O visitante precisa estar com o WhatsApp conectado nesse aparelho.
Posso usar o botão com o WhatsApp Business?
Sim, o link funciona com o aplicativo WhatsApp Business e com números da API oficial. O que muda é quem atende: com vários atendentes, o ideal é uma plataforma de atendimento compartilhado.
A mensagem pré-preenchida é enviada automaticamente?
Não. Ela aparece escrita no campo de mensagem, e o visitante decide se envia, edita ou apaga.
Como saber quantas pessoas clicaram no botão?
Com um link curto que conta cliques, como o do Gerador de links do ClikChat, ou com um evento de clique na ferramenta de análise do site. Use um link por posição para comparar os botões.
O botão flutuante atrapalha o site no celular?
Pode atrapalhar se cobrir botões de compra, menus ou avisos. Teste em telas pequenas e ajuste a posição ou o tamanho.
Conclusão
Um botão do WhatsApp no site é simples de instalar e encurta o caminho entre o interesse e a conversa. Monte o link com o número em formato internacional, escreva mensagens pré-preenchidas por página, posicione o botão onde a dúvida aparece e use um link por posição ou por conexão para saber o que funciona. E, antes de tudo, garanta que alguém responda rápido.
Se quiser gerar links com contagem de cliques e receber as conversas do site no mesmo inbox da equipe, teste o ClikChat grátis por 3 dias.