Botão de WhatsApp no site: onde colocar e como testar no celular
Resposta curta: O botão de WhatsApp no site precisa aparecer na primeira tela do celular, no canto inferior direito, com bom contraste e sem nada por cima. Banner de cookies, outro botão flutuante e widget de chat pesado são os motivos mais comuns para o cliente não achar o botão, mesmo quando ele existe.
O gestor de uma rede costuma conferir o site no computador do escritório. Ali o botão de WhatsApp está bonito, verde, no lugar combinado com a agência. O cliente, porém, chega pelo celular, com a tela pequena, o polegar no meio e um aviso de cookies ocupando a parte de baixo. ## Por que o botão de WhatsApp no site se decide no celular?
Segundo a TIC Domicílios 2025, do Cetic.br, 65% dos usuários de internet no Brasil acessam a rede só pelo celular. Para essa pessoa não existe versão de computador. O que ela vê na tela do telefone é o seu site inteiro.
Isso muda a pergunta. Não basta saber se o site tem botão de WhatsApp. É preciso saber se o botão aparece, se dá para tocar nele e se ele abre a conversa da unidade certa, tudo isso numa tela de poucos centímetros. ## Onde colocar o botão de WhatsApp no site
A posição mais segura é o canto inferior direito, fixo, visível desde a primeira tela. Num estudo qualitativo sobre chat do Nielsen Norman Group (NN/g, 2019), os usuários ignoraram botões de chat colocados fora do canto inferior direito ou sem contraste com o fundo. As pessoas aprenderam a procurar ali.
A primeira tela também pesa. Outro estudo do NN/g, de 2018, mostrou que 57% do tempo de visualização fica na parte da página que aparece antes de rolar. O dado foi medido no computador, mas a lógica vale para o celular: o que está escondido lá embaixo é visto por menos gente.
O mesmo estudo de chat do NN/g recomenda que o link de contato apareça também na página de contato e nas páginas de serviço. Ou seja, o botão flutuante não substitui o link dentro do texto. O ideal é ter os dois:
- botão fixo no canto inferior direito, em todas as páginas;
- link de WhatsApp na página de cada unidade, perto do endereço e do horário;
- link nas páginas de serviço, ao lado da chamada para agendar;
- link na página de Fale conosco.
O que esconde o botão de WhatsApp no celular
Na maioria das vezes, o botão existe e funciona, mas alguma coisa está por cima dele. Os casos mais comuns:
| Situação | O que o cliente vê | O que fazer |
|---|---|---|
| Banner de cookies na parte de baixo | O banner cobre o botão até alguém aceitar ou recusar | Deixar o banner menor ou subir o botão enquanto o banner estiver aberto |
| Dois flutuantes no mesmo canto | Botão de WhatsApp e botão de chat empilhados, um cobrindo o outro | Escolher um canal principal no canto ou separar os dois com espaço |
| Botão sem contraste | Verde claro sobre foto clara, ou ícone pequeno demais | Fundo sólido, ícone reconhecível e área de toque confortável |
| Barra de navegação do celular | O botão fica colado na borda e o toque abre outra coisa | Margem em relação à borda inferior |
Nenhum desses casos aparece numa vistoria feita no computador. O teste precisa ser feito no celular, com o banner de cookies ainda aberto.
Widget pesado: quando o botão demora a aparecer
Muitas redes usam uma ferramenta de chat ou de atendimento que coloca o botão na página por meio de um script, que é um pedaço de código carregado de outro servidor. Esse script pode ser pesado. No celular, com sinal fraco, o botão demora a surgir ou nem chega a carregar.
O web.dev, guia do Google para desenvolvedores, recomenda uma solução chamada fachada (facade): a página mostra um botão leve, que parece o widget, e o script completo só é carregado quando a pessoa toca nele. O cliente vê o botão na hora, e a página fica mais rápida para todos.
Se o seu site já é lento no celular, o widget pesado agrava o problema. O artigo sobre site lento no celular e HTTPS explica como medir a velocidade e o que é considerado lento. ## O botão abre a conversa certa?
Um botão visível e rápido ainda pode estar errado por dentro. Os defeitos mais frequentes estão no link: número sem o 55 do Brasil, sem DDD, com zero na frente ou com traços. O artigo sobre como montar o link do WhatsApp sem erro mostra o formato correto e como testar.
Em rede, há mais um cuidado. Um botão fixo igual em todas as páginas costuma levar para o número da marca, mesmo quando o cliente está na página de uma unidade específica. Numa rede de 18 clínicas, isso significa que a pessoa que leu sobre a unidade de Campinas pode cair na central, que precisa perguntar de novo de onde ela é.
Verifique se, na página de cada unidade, o botão aponta para o WhatsApp daquela unidade. Se a rede preferir manter um número central, a mensagem pré-preenchida que identifica a unidade ajuda o atendente a saber de onde veio o contato.
Checklist de 5 minutos no celular
Faça este teste em um celular comum, de preferência com dados móveis e não com o Wi-Fi do escritório:
- Abra a página inicial em uma aba anônima, para ver o banner de cookies como um cliente novo vê.
- Sem rolar a tela, procure o botão de WhatsApp. Anote se ele aparece e se algo está por cima.
- Conte quanto tempo o botão leva para surgir depois que a página abre.
- Toque no botão e confira se o WhatsApp abre com o número certo e com a mensagem esperada.
- Repita na página de duas ou três unidades e numa página de serviço.
- Feche a conversa sem enviar nada.
Perguntas frequentes
O botão de WhatsApp deve ficar à direita ou à esquerda?
À direita, no canto inferior. É onde as pessoas procuram botões de chat, segundo o estudo do NN/g. Se o canto direito já tiver outro elemento fixo, resolva o conflito em vez de mandar o WhatsApp para a esquerda.
Posso ter botão de WhatsApp e chat do site ao mesmo tempo?
Pode, desde que um não cubra o outro e que fique claro qual é qual. Muitas redes escolhem um canal principal para o canto e colocam o outro dentro da página de contato. O importante é testar os dois juntos no celular.
O botão flutuante basta para a página da unidade?
Não. A página da unidade deve ter o link de WhatsApp no corpo do texto, junto do endereço e do horário. Assim o cliente acha o contato mesmo se o botão flutuante não carregar ou estiver coberto.
Antes de mexer no layout, veja o que o cliente vê
Botão bonito no computador não garante contato no celular. O que conta é o botão aparecer na primeira tela, sem nada por cima, carregar rápido e abrir a conversa da unidade certa. Se você quer saber como isso está em todas as páginas de uma vez, veja como está o caminho até o WhatsApp das suas unidades: o Check Contatos mostra o placar do WhatsApp por unidade, o link que não abre a conversa certa e o widget que não carrega, sem enviar nenhuma mensagem aos seus clientes.