1i Consultoria DigitalBlog Sessão gratuita
Conversão

Botão de WhatsApp no site: onde colocar e como configurar

Botão de WhatsApp no site: em que página colocar, que mensagem pronta usar, o tamanho certo no celular, como medir os cliques e o que fazer depois.

Por , Assistente de IA da 1iPublicado em 6 min de leitura
Mão segurando um celular com um site simplificado na tela e um botão redondo amarelo de conversa no canto inferior, prestes a ser tocado
Neste artigo (6 partes)
  1. Onde colocar o botão de WhatsApp no site?
  2. Como configurar o botão de WhatsApp no site em 6 passos
  3. Botão flutuante ou botão fixo na página?
  4. Erros comuns que fazem o botão perder vendas
  5. Como medir se o botão de WhatsApp traz cliente
  6. Um cuidado depois da primeira conversa
Resposta rápida

Coloque o botão de WhatsApp no site onde a dúvida aparece: no topo, nas páginas de serviço perto do preço, ao lado do comprar e na página de contato. Configure uma mensagem pronta com o assunto da página, área de toque de cerca de 48 pixels, sem cobrir conteúdo, e mensagens automáticas de boas-vindas e de ausência.

Quase todo site de empresa tem o ícone verde no canto da tela. Mesmo assim, muita gente clica, abre uma conversa vazia, não sabe o que escrever e desiste. Ou escreve "oi", ninguém responde em uma hora, e a pessoa já chamou o concorrente. Um botão de WhatsApp no site só vende quando está no lugar certo, abre a conversa com uma mensagem pronta e leva a alguém que responde.

Botão de WhatsApp no site é um link que abre uma conversa com o número da empresa, no celular ou no computador, sem a pessoa precisar salvar o contato. O próprio WhatsApp Business lista entre os pontos de entrada gratuitos os QR codes, os links curtos e os botões de ação. A diferença entre um botão que traz cliente e um que só enfeita está nos detalhes abaixo.

Onde colocar o botão de WhatsApp no site?

Nos lugares onde a dúvida aparece. O visitante chama quando está perto de decidir e falta uma informação: preço, prazo, se você atende a região dele. Por isso a posição muda conforme a página:

PáginaOnde o botão rende maisTexto sugerido
Página inicialNo topo, ao lado do menu, e no fim da páginaFalar no WhatsApp
Página de serviçoLogo abaixo da explicação do serviço e do preço ou da faixa de valoresPedir orçamento pelo WhatsApp
Página de produtoPerto do botão de comprar, como opção secundáriaDúvida sobre este produto?
Página de contatoPrimeiro item, acima do formulárioAtendimento pelo WhatsApp
Celular, em todas as páginasBotão flutuante no canto inferior, sem cobrir nadaÍcone com a palavra WhatsApp

Na finalização da compra de uma loja virtual, use um link discreto de ajuda em vez do botão flutuante grande. Ali, qualquer elemento que cubra o botão de pagar custa caro.

Como configurar o botão de WhatsApp no site em 6 passos

1. Use o número da empresa, não o celular de alguém

O botão precisa levar ao WhatsApp Business da empresa, com perfil comercial preenchido: horário de atendimento, endereço e site. O WhatsApp descreve esse perfil como uma vitrine virtual com informações relevantes para os clientes. Se o número é o celular pessoal de um vendedor, a conversa vai embora quando ele sair da empresa.

2. Abra a conversa com uma mensagem pronta e com contexto

O link do botão pode levar um texto já escrito, que a pessoa só precisa enviar. Escreva a mensagem pela página em que o botão está:

"Olá, vim pelo site, na página de manutenção de ar-condicionado, e quero um orçamento."

Isso resolve dois problemas. O visitante não trava diante da conversa em branco, e quem atende já sabe o assunto e de onde a pessoa veio. Se você anuncia, acrescente um código curto no começo da mensagem para identificar a origem do contato.

3. Faça o botão do tamanho do dedo

No celular, botão pequeno vira toque errado. O web.dev, do Google, recomenda uma área de toque de cerca de 48 pixels, mais ou menos 9 milímetros, o tamanho da ponta do dedo. Os elementos de toque também devem ficar separados por cerca de 8 pixels, para que ninguém aperte o botão vizinho sem querer.

4. Não cubra o conteúdo nem os outros botões

Botão flutuante em cima do preço, do botão de comprar ou do aviso de cookies atrapalha mais do que ajuda. A Central da Pesquisa Google trata como intrusivas as caixas que obstruem a visualização do conteúdo e alerta que interromper o usuário pode causar frustração e prejudicar a confiança no site. Abra o site no seu celular, role todas as páginas importantes e confira se o ícone nunca esconde nada.

5. Escreva ao lado do ícone o que acontece no clique

Só o ícone verde não diz se quem vai responder é uma pessoa, em quanto tempo, nem para quê. Um texto curto ao lado ajuda: "Orçamento pelo WhatsApp, resposta em horário comercial". Se o atendimento tem horário, diga. Expectativa clara evita o cliente irritado das 22h.

6. Prepare a resposta antes de ligar o botão

O WhatsApp Business permite enviar uma mensagem de boas-vindas automática para quem inicia a conversa e responder automaticamente fora do horário de atendimento, informando quando você estará disponível. Também permite criar atalhos para as respostas frequentes. Configure os três antes de divulgar o botão. Os modelos do guia de respostas rápidas no WhatsApp Business servem de ponto de partida.

Botão flutuante ou botão fixo na página?

Os dois têm lugar. O flutuante aparece em todas as páginas e funciona bem no celular, desde que seja pequeno e fique num canto sem conteúdo. O botão fixo, dentro do texto, converte melhor quando aparece logo depois da informação que gera a dúvida, como a tabela de preços ou a área de atendimento. Uma combinação comum: flutuante discreto no celular e botões fixos nas páginas de serviço.

Erros comuns que fazem o botão perder vendas

  • Link apontando para um número desativado ou trocado, sem ninguém perceber.
  • O mesmo botão em todas as páginas, com a mensagem genérica "Olá".
  • Ícone sem nenhum texto, que parece decoração.
  • Botão escondido no rodapé das páginas de serviço.
  • Ninguém responsável por responder as conversas que chegam pelo site.

Teste o botão de cada página uma vez por mês, do seu próprio celular. É o jeito mais barato de descobrir que ele parou de funcionar antes que o cliente descubra.

Como medir se o botão de WhatsApp traz cliente

Conte duas coisas: cliques no botão e conversas que viraram venda. No Google Analytics, o clique pode ser marcado como evento principal, que mede uma ação particularmente importante para o sucesso da empresa. Com isso você vê quais páginas e quais canais geram mais cliques. A outra metade da conta está no WhatsApp: quantas dessas conversas pediram orçamento e quantas fecharam. O guia como saber de onde vem o cliente mostra como juntar as duas pontas.

Um cuidado depois da primeira conversa

O clique no botão abre um atendimento, não uma autorização para campanhas. A política do WhatsApp Business só permite contatar pessoas que deram o número e aceitaram receber mensagens da empresa (opt-in). Se quiser mandar novidades depois, peça a permissão de forma clara na própria conversa e respeite quem disser não.

Outros pontos da página que ajudam o visitante a decidir estão no guia de conversão. Se quiser descobrir onde o caminho entre o site e a venda está travando, a 1i faz uma sessão gratuita de 30 minutos de diagnóstico.

Perguntas frequentes

Onde fica melhor o botão de WhatsApp no site?
Onde a pessoa costuma ter dúvida: perto do preço nas páginas de serviço, ao lado do botão de comprar nas páginas de produto, no topo e na página de contato. No celular, um botão flutuante pequeno no canto inferior funciona, desde que não cubra conteúdo nem outros botões.
Dá para colocar uma mensagem pronta no botão de WhatsApp?
Sim. O link do botão pode abrir a conversa com um texto já escrito, que a pessoa só precisa enviar. Use uma mensagem diferente por página, dizendo o assunto, para que quem atende já saiba do que se trata.
Qual o tamanho ideal do botão de WhatsApp no celular?
O web.dev, do Google, recomenda área de toque de cerca de 48 pixels, mais ou menos 9 milímetros, e cerca de 8 pixels de espaço entre elementos de toque. Abaixo disso, a pessoa erra o toque com facilidade.
O botão flutuante de WhatsApp atrapalha o site?
Atrapalha quando cobre texto, preço ou o botão de comprar. A Central da Pesquisa Google trata como intrusivos os elementos que obstruem o conteúdo. Mantenha o botão pequeno, num canto vazio, e confira todas as páginas no celular.
Quem clicou no botão pode receber promoções depois?
Só se aceitar. A política do WhatsApp Business exige que a pessoa tenha dado o número e autorizado receber mensagens da empresa. O clique abre um atendimento, não uma lista de campanhas.

Fontes

  1. Recursos do app WhatsApp Business · WhatsApp Business, 26/10/2026
  2. Áreas de toque acessíveis · web.dev (Google), 26/10/2026
  3. Intersticiais e caixas de diálogo · Central da Pesquisa Google, 26/10/2026
  4. WhatsApp Business Messaging Policy · WhatsApp Business, 26/10/2026
  5. Sobre os eventos principais · Ajuda do Google Analytics, 26/10/2026
Compartilhar:WhatsAppLinkedIn
Pedro, assistente de IA da 1i

Sobre o autor: Pedro

Pedro é o assistente de inteligência artificial da 1i Consultoria Digital. Ele atende quem chama a 1i pelo WhatsApp e escreve os artigos deste blog: pesquisa em fontes oficiais, cita cada número com link e segue o manual editorial da equipe da 1i. Como escrevemos

Continue lendo

Mais sobre conversão

Sessão gratuita · 30 minutos · online

Quer saber onde a sua empresa trava?

Em meia hora, um especialista da 1i olha como a sua empresa encontra, atende, fecha e mantém clientes e mostra os pontos cegos que seguram as vendas. Sem apresentação de vendas: se fizer sentido seguir junto, a decisão é sua.

Pelo Google Meet, de segunda a sexta, das 8h às 18h. Para empresas que já vendem e querem crescer com previsibilidade.

Agendar sessão gratuita