Como colocar botão de WhatsApp no site

Você precisa de um link antes do botão

O botão é apenas a parte visual. Por trás dele existe um endereço que aponta para a conversa. Esse link pode conter somente o número ou também uma mensagem inicial.

<a href="https://wa.me/5511999999999">Falar no WhatsApp</a>

Em um site real, o número deve ser substituído pelo telefone correto em formato internacional.

Como escolher o texto do botão

Evite rótulos vagos. O usuário deve entender a ação antes de clicar.

Falar no WhatsApp
Solicitar orçamento pelo WhatsApp
Tirar dúvida pelo WhatsApp
Consultar disponibilidade

Onde colocar

No cabeçalho

Funciona quando o WhatsApp é um dos principais canais de contato e o visitante pode precisar dele em qualquer parte do site.

Na página de serviço

É possível usar mensagens relacionadas ao conteúdo daquela página, melhorando o contexto do primeiro contato.

No rodapé ou página de contato

É uma opção mais discreta quando o site possui outros canais igualmente importantes.

E o botão flutuante?

Pode ser útil, mas deve ser implementado sem encobrir conteúdo, campos de formulário ou controles do celular. Em telas pequenas, teste especialmente o espaço ocupado no canto da página.

Mensagem pronta por página

Um site com vários serviços pode reutilizar o mesmo número e mudar apenas a mensagem. Isso ajuda o atendimento a entender de onde veio o interesse.

Exemplo: na página de consultoria, a mensagem pode começar com “Olá, vi a página de consultoria e gostaria de mais informações”.

Acessibilidade e clareza

Não dependa apenas do ícone: inclua texto visível quando possível.
Mantenha contraste suficiente entre botão e fundo.
Garanta uma área clicável confortável no celular.
Não faça o botão cobrir informações importantes.

Teste antes de publicar

Abra o site no celular e no computador. Confirme o número, a mensagem, o comportamento do link e a posição do botão. Depois de mudanças no número comercial, revise todas as páginas que apontam para ele.