Botão do WhatsApp no Site: Como Adicionar (Passo a Passo)

📅 Publicado em ·🔄 Atualizado em ·⏱ 6 min de leitura

📌 Em resumo

  • O botão do WhatsApp no site liga o visitante direto a uma conversa, sem ele precisar salvar seu número.
  • O link usa o formato oficial da Meta: api.whatsapp.com/send?phone= seguido do DDI, DDD e número.
  • Dá para criar o link na mão (HTML) ou por geradores e plugins, sem saber programar.
  • É possível incluir uma mensagem automática pré-preenchida para facilitar o primeiro contato.
  • O botão reduz o atrito entre a visita e o atendimento, aumentando a conversão.

O botão do WhatsApp no site é um link clicável que abre uma conversa direta com a empresa no aplicativo, sem o visitante precisar salvar o número. Ele usa o formato oficial da Meta — api.whatsapp.com/send?phone= seguido do número com código do país — e pode incluir uma mensagem pré-preenchida. É uma das formas mais simples de transformar visitas em atendimento e vendas.

Como funciona o botão do WhatsApp no site

Adicionar um botão do WhatsApp no site significa criar um link que, ao ser clicado, abre uma conversa direta com a sua empresa no aplicativo. Esse botão do WhatsApp no site funciona tanto no celular quanto no computador e dispensa o cliente de salvar o seu número.

O link direto para o WhatsApp é construído com o número da empresa no formato internacional: código do país (55 para o Brasil), DDD e número, tudo junto, sem espaços, traços ou parênteses. O endereço-base é fornecido pela própria Meta através do link oficial api.whatsapp.com/send.

Por exemplo, para o número (11) 99999-9999, o link fica assim: https://api.whatsapp.com/send?phone=5511999999999. Ao clicar, o cliente cai direto na conversa com a sua empresa — pelo celular ou pelo WhatsApp Web. Ter esse canal bem configurado é parte de uma boa gestão de redes sociais profissional.

Incluindo uma mensagem automática

Você pode pré-preencher a primeira mensagem adicionando &text= ao final do link. Assim, ao clicar, o cliente já vê algo como “Olá, vim pelo site e quero saber mais”. Isso reduz a hesitação e acelera o início da conversa.

💡 Insight

Cada clique no botão é uma intenção de compra que chega quente. Responder rápido nesse momento é o que transforma curiosidade em cliente.

Criar o botão manualmente (HTML)

Se você tem acesso ao código do site, basta envolver o link em uma tag de botão. Um exemplo simples:

<a href="https://api.whatsapp.com/send?phone=5511999999999&text=Ol%C3%A1!"
   class="botao-whatsapp" target="_blank" rel="noopener">
   Falar no WhatsApp
</a>

Depois é só estilizar o botão com CSS (cor verde do WhatsApp, ícone e posição fixa no canto da tela). Se o seu site foi feito com cuidado, esse ajuste é rápido — e é exatamente o tipo de detalhe que uma criação de site profissional já entrega pronto.

Opção sem programação

Quem não quer mexer no código tem dois caminhos. O primeiro é usar um gerador de link, como o My-Whats, que monta o endereço completo a partir do número e da mensagem. O segundo é instalar um plugin de botão flutuante de WhatsApp, disponível para WordPress e outras plataformas, que adiciona o botão sem nenhuma linha de código.

WhatsApp Business para organizar o atendimento

Se o botão vai gerar volume de mensagens, vale estruturar o atendimento com o WhatsApp Business para empresas: respostas rápidas, catálogo, etiquetas e mensagens automáticas. Um bom botão sem atendimento organizado vira oportunidade perdida.

🎯 Aplicação prática

Coloque o botão fixo no canto inferior direito do site, com mensagem pré-preenchida, e defina uma meta de tempo de resposta de até 15 minutos no horário comercial. Resposta rápida é o que converte o clique em venda.

Depois de instalar o botão, vale cuidar da aparência do link quando ele é compartilhado: veja como fazer o link do seu site aparecer com imagem e miniatura no WhatsApp.

Por que vale a pena ter o botão do WhatsApp no site

Ter um botão do WhatsApp no site encurta o caminho entre o interesse e o atendimento. Em vez de preencher formulário e esperar resposta por e-mail, o cliente fala na hora, no canal que ele já usa todos os dias. Essa redução de atrito melhora a experiência e a conversão — e experiência, como mostra o conteúdo sobre a influência do UX no SEO, também ajuda o site a performar melhor no Google. Para transformar esse atendimento em vendas estruturadas, vale conhecer o serviço de atendimento e vendas pelo WhatsApp da AZZ.

Perguntas frequentes

Preciso saber programar para adicionar o botão?

Não. Você pode usar um gerador de link ou um plugin de botão flutuante, que adiciona o WhatsApp ao site sem nenhuma linha de código.

Qual é o formato correto do número no link?

Código do país, DDD e número, tudo junto e sem símbolos. Para o Brasil, comece com 55: por exemplo, 5511999999999.

Dá para deixar uma mensagem pronta?

Sim. Basta adicionar &text= ao final do link com a mensagem desejada. O cliente já abre a conversa com o texto preenchido.

O botão funciona no celular e no computador?

Sim. No celular abre o aplicativo; no computador, o WhatsApp Web. O mesmo link cobre os dois casos.

O botão do WhatsApp ajuda a vender mais?

Ajuda, porque reduz o atrito entre a visita e o atendimento. O resultado depende de responder rápido e ter um atendimento organizado.

Quer um site que já converte visitas em conversas?

A AZZ Agência cria sites profissionais com botão de WhatsApp, foco em conversão e atendimento estruturado para PMEs de serviço.

Quero vender pelo WhatsApp →
Diego R. Lazzari
Diego R. LazzariConsultor e Estrategista Digital@diegorlazzari

Antes de ligar o botão a um número comercial, vale entender a nova cobrança por mensagem do WhatsApp Business: o aplicativo gratuito continua sem custo, e a tarifa vale apenas para a plataforma de API.

Tem alguma dúvida?

Não hesite em entrar em contato conosco. Nos chame no whatsapp ou por email e nossa equipe irá te atender.

Troféu Prêmio ACIPA Destaque12 anos seguidos de Prêmio ACIPA Destaque (2015–2026) · Melhor agência de marketing digital de PalotinaPerfil da AZZ no Google