Criação de Apps

Botão de WhatsApp no site: como colocar e quando usar a API oficial

Resposta rápida

Para colocar um botão de WhatsApp no site, crie um link no formato wa.me com o número completo e, se quiser, uma mensagem pronta, e use-o em um botão. Isso abre uma conversa no aplicativo. A API oficial só entra quando você precisa de vários atendentes, automação e envios em escala.

Neste artigo
  1. O jeito mais simples: link wa.me
  2. Onde colocar o botão
  3. Aplicativo comum, WhatsApp Business ou API oficial
  4. Regras e cuidados
  5. Atendimento depois do clique
  6. Privacidade e consentimento
  7. Primeiro passo

O WhatsApp é o canal de contato preferido de muita gente, e colocá-lo no site reduz o caminho entre a dúvida e a conversa. A parte técnica é simples. O que costuma dar errado é o resto: número errado, mensagem genérica, ninguém para responder e a tentativa de usar o aplicativo comum para uma operação que já cresceu.

O botão de WhatsApp é, no fundo, um link. O formato básico é:

https://wa.me/5511999999999

O número vai com o código do Brasil (55), o DDD e o número, sem espaços, parênteses ou traços. Os números do exemplo são fictícios; use o seu.

Para já abrir a conversa com um texto, acrescente ?text= com a mensagem codificada:

https://wa.me/5511999999999?text=Ol%C3%A1%2C%20vim%20pelo%20site

Os símbolos %20 representam espaços e outros códigos representam acentos. Em vez de escrever à mão, use um gerador de links do WhatsApp, que faz essa codificação, e teste o resultado no celular e no computador.

Onde colocar o botão

  • Botão fixo no canto da tela, visível durante a rolagem, é o padrão mais usado.
  • Botão dentro de cada produto ou serviço, com mensagem que cite o item.
  • No cabeçalho e no rodapé, com o número visível, para quem prefere salvar.
  • Em páginas de contato e de agradecimento, depois de enviar um formulário.

No celular, cuide para o botão não cobrir o texto nem botões importantes, como “comprar”. Se o site usa um construtor como WordPress, existem plugins que adicionam o botão, mas revise a política de privacidade deles. O guia de como instalar o WordPress mostra o básico de plugins.

Mensagem pronta: use bem

Uma mensagem inicial ajuda a quem atende. Compare:

  • Genérica: “Olá!”
  • Útil: “Olá, estou na página do plano mensal e gostaria de saber mais.”

Variar a mensagem por página dá contexto e economiza perguntas. Evite colocar dados pessoais no texto pronto e não insira informações que o cliente não deveria enviar por mensagem, como senhas.

Aplicativo comum, WhatsApp Business ou API oficial

Há três níveis, e entender a diferença evita frustração:

  1. WhatsApp comum. Para uso pessoal. Evite para negócio: faltam recursos e o risco de bloqueio por uso comercial é maior.
  2. WhatsApp Business (aplicativo). Feito para pequenos negócios: perfil comercial, catálogo, respostas rápidas, etiquetas e mensagem de ausência. Veja WhatsApp Business: como configurar.
  3. API oficial (WhatsApp Business Platform). Serviço para empresas que precisam de vários atendentes ao mesmo tempo, integração com sistemas e envio de mensagens automáticas dentro das regras da plataforma. É contratada por meio de parceiros oficiais, tem regras próprias e custos que variam. O artigo chatbot no WhatsApp e a API oficial detalha como funciona.

Para a maioria dos pequenos negócios, o aplicativo Business com um botão no site já resolve. Migrar para a API vale quando o número de conversas supera a capacidade de um celular, quando há equipe de atendimento ou quando você quer ligar o WhatsApp ao sistema de pedidos.

Regras e cuidados

  • Não envie mensagens em massa a quem não pediu. Isso prejudica a reputação do número e pode levar a bloqueio. Respeite as políticas do WhatsApp e a LGPD.
  • Informe o horário de atendimento perto do botão.
  • Use mensagem de ausência fora do horário.
  • Proteja a conta com verificação em duas etapas. Veja como ativar a verificação em duas etapas no WhatsApp.
  • Cuidado com golpes: golpistas se passam por clientes e por suporte. Nunca informe códigos de verificação que chegam por SMS. Veja WhatsApp clonado: o que fazer.

Como medir se o botão funciona

Perceba se o número de conversas aumentou depois do botão. Para medir melhor, use mensagens iniciais diferentes por página, o que mostra de onde veio cada conversa. Ferramentas de análise, como Google Analytics 4, permitem registrar cliques no botão como evento.

Atendimento depois do clique

O botão só leva até a porta. O que faz o cliente ficar é o atendimento. Alguns cuidados:

  • Resposta rápida: defina um prazo e, se não for possível responder na hora, use uma mensagem automática dizendo quando você retornará.
  • Respostas rápidas salvas: o WhatsApp Business permite guardar textos para as perguntas mais comuns, como horário, endereço e formas de pagamento.
  • Etiquetas: marque conversas como novo cliente, orçamento enviado ou pago, para não perder nenhuma.
  • Mais de um atendente: se o volume crescer, o aplicativo comum tem limite de aparelhos conectados, e aí a API oficial passa a ser uma opção.
  • Registro: anote vendas e combinados fora do chat, num cadastro ou planilha, porque conversas se perdem.

Privacidade e consentimento

Quem clica no botão está iniciando contato por conta própria, mas isso não autoriza você a enviar propaganda depois. Se quiser incluir a pessoa em listas de novidades, peça permissão de forma clara e ofereça uma maneira simples de sair. Evite pedir dados sensíveis pela conversa, como documentos e fotos de cartão. Para o básico de proteção de dados, consulte as orientações de LGPD para pequenas empresas.

Primeiro passo

Crie o link com o número do WhatsApp Business, escreva uma mensagem de abertura útil, coloque o botão no topo e nas páginas principais e teste em Android e iPhone. Combine quem responde e em quanto tempo. Um botão de WhatsApp bem ligado a um atendimento rápido vale mais que qualquer formulário longo.

Para quem tem mais de uma unidade ou setor, vale criar botões diferentes, cada um com seu número e sua mensagem inicial, como vendas, suporte e financeiro. Isso evita que todas as conversas caiam no mesmo celular e ajuda a medir quais áreas recebem mais contatos. Se a equipe é pequena, mantenha um único número e use etiquetas para organizar.

  • WhatsApp
  • Site
  • API

Perguntas frequentes

Como faço o link do WhatsApp com mensagem pronta?

Use o endereço wa.me seguido do número com código do país e DDD, sem espaços, e acrescente o texto codificado na URL. Muitos geradores gratuitos fazem isso por você. Sempre teste o link depois de criar.

Preciso da API oficial para ter botão no site?

Não. O botão simples funciona com o aplicativo WhatsApp ou WhatsApp Business. A API oficial é um serviço à parte, voltado a empresas que precisam de automação, vários atendentes e integração com sistemas.

Posso usar um botão flutuante em todas as páginas?

Pode e é comum. Só cuide para ele não cobrir textos importantes no celular e para a mensagem pronta mudar conforme a página, quando fizer sentido.

Leia também

Criação de Apps

Chatbot no WhatsApp: como funciona a API oficial e o que considerar

O que é preciso saber antes de colocar um robô para atender no WhatsApp da sua empresa.

· 5 min de leitura
Marketing Digital

WhatsApp Business: como configurar e usar para atender clientes

Do perfil comercial às respostas rápidas: como configurar o WhatsApp Business e organizar o atendimento.

· 5 min de leitura
Segurança Digital

WhatsApp clonado ou invadido: o que fazer passo a passo

O passo a passo para recuperar o WhatsApp, avisar seus contatos e impedir que a invasão se repita.

· 5 min de leitura
Segurança Digital

Como ativar a verificação em duas etapas no WhatsApp?

O passo a passo para colocar um PIN na sua conta e impedir que alguém registre seu WhatsApp em outro celular.

· 4 min de leitura

Deixe seu comentário