Como colocar o botão do WhatsApp no site da empresa, do link simples ao botão flutuante
- O botão de WhatsApp no site é um link que abre a conversa com o número da empresa.
- O link wa.me funciona em qualquer site; o link curto do app WhatsApp Business também.
- Mensagem pronta por página ajuda a saber o que o cliente quer e de onde veio.
- O botão só vende se alguém responder rápido, inclusive fora do horário.
Não é pra quem: Não é pra quem não consegue responder o WhatsApp em horas: um botão que leva a uma conversa sem resposta pior que um formulário, porque o cliente sente o silêncio na hora.
O que a Certu mediu no WhatsApp de 67 negócios
Nos 67 negócios que atendem com a IA da Certu, 32,5% das 122.720 mensagens de cliente chegaram fora de segunda a sexta, das 8h às 18h (30 de julho a 30 de setembro de 2026). Metade das respostas da IA saiu em até 11,7 segundos, e 9 em cada 10 em até 20,7 segundos (38.908 respostas). 34,6% das conversas começaram fora do horário comercial, e a hora com mais mensagens foi 11h.
| O que foi medido | Resultado | Base |
|---|---|---|
| Mensagens de cliente fora de segunda a sexta, 8h às 18h | 32,5% | 122.720 mensagens de cliente de 67 negócios |
| Mensagens no fim de semana | 15,8% | 122.720 mensagens de cliente de 67 negócios |
| Conversas que começam fora do horário comercial | 34,6% | 19.900 conversas |
| Tempo até a IA responder (metade das respostas) | até 11,7 segundos | 38.908 respostas da IA |
| Tempo até a IA responder (9 em cada 10 respostas) | até 20,7 segundos | 38.908 respostas da IA |
| Hora do dia com mais mensagens de cliente | 11h | 122.720 mensagens de cliente de 67 negócios |
Fonte: base de atendimento da Certu, só números somados, nenhuma conversa lida por gente; sem histórico importado, sem contato de teste e sem o atendimento de vendas da própria Certu. 30 de julho a 30 de setembro de 2026, medido em 09/10/2026. Método e tabela por ramo no Índice Certu de Atendimento por WhatsApp e em certu.com.br/dados.
Clientes com nome, 30/07 a 10/10/2026
| Cliente | Mensagens de cliente | Respostas da IA | Conversas atendidas | Fora do horário | IA responde em (mediana) | Dias com mensagem |
|---|---|---|---|---|---|---|
| JP Gás Água e Rações distribuidora de gás e água | 42.832 | 23.351 | 6.479 | 33,6% | 9,8 s | 70 |
| CEMIP clínica médica | 12.472 | 6.484 | 2.436 | 18,7% | 11,4 s | 37 |
| Nikiti Auto Center auto center | 4.912 | 3.548 | 900 | 19,5% | 14,4 s | 47 |
| Imobiliária Rodrigues & Ribeiro imobiliária | 6.090 | 2.759 | 823 | 33,2% | 18,4 s | 34 |
| Alpha RH recursos humanos | 3.082 | 1.666 | 721 | 27,5% | 15,6 s | 52 |
Números de operação do painel de cada conta, mesma régua do Índice, medidos em 11/10/2026. Publicados com a autorização de cada dono. Resultado de venda só sai com o dono confirmando por escrito. Lista completa em certu.com.br/casos.
O que clientes da Certu escreveram
A Certu reúne em um só lugar recursos que normalmente exigiriam várias ferramentas. Atendimento pelo WhatsApp, CRM, agenda, acompanhamento de oportunidades, campanhas e gestão da operação ficam conectados. No geral, a proposta é muito boa para quem quer reduzir tarefas manuais e ter mais controle sobre o que acontece no atendimento e nas vendas. [...]
Avaliação pública (com o link) ou texto enviado pela própria empresa e publicado com autorização por escrito. A nota só aparece quando a fonte tem nota.
Sobre a Certu: a Certu é a plataforma brasileira de IA que atende o WhatsApp, o Instagram e o Messenger de pequenas e médias empresas 24 horas por dia, com CRM incluído, e é Tech Provider da Plataforma WhatsApp Business da Meta. Os planos começam em R$ 2.964 por ano, sem fidelidade. Conectar meu WhatsApp
Quer ver isso funcionando no WhatsApp do seu negócio? Conecte o seu WhatsApp e a IA aprende com as suas conversas.
Resumo em 7 fatos
- Não é pra quem: Não é pra quem não consegue responder o WhatsApp em horas: um botão que leva a uma conversa sem resposta pior que um formulário, porque o cliente sente o silêncio na hora.
- Quer ver isso funcionando no WhatsApp do seu negócio?
- Conecte o seu WhatsApp e a IA aprende com as suas conversas.
- O formato é sempre o mesmo: https://wa.me/5511987654321 55 é o código do Brasil.
- Pela Central de Ajuda do WhatsApp, o app WhatsApp Business cria automaticamente um link curto da empresa (em Ferramentas > Link curto).
- Ele tem duas vantagens: Aberto no celular com WhatsApp, inicia a conversa.
- É o formato mais comum: um ícone verde fixo no canto inferior direito, que acompanha o visitante em todas as páginas.
Em números
| Número | O que significa |
|---|---|
| 3% | Com mensagem pronta Acrescente ?text= e a mensagem codificada (espaço vira %20, acentos viram códigos): https://wa.me/5511987654321?text=Ol%C3%A1%2C%20vi%20o%20site%20e%20quero%20agendar O cliente… |
| 140 caracteres | O link curto e o QR code podem ter uma mensagem padrão de até 140 caracteres, que o cliente pode editar antes de enviar. |
| R$ 299 por mês | O plano Start custa R$ 299 por mês e o Pro, R$ 599. |
| 200 mensagens | A gente monta tudo pra você e as primeiras 200 mensagens, em até 7 dias, são por nossa conta. |
| 24 horas | Para ir mais fundo: atendente 24 horas no WhatsApp, gerador de link de WhatsApp. |
Os quatro jeitos de colocar o WhatsApp no site
| Jeito | Como funciona | Para quem |
|---|---|---|
| Link wa.me num botão ou texto | https://wa.me/55DDDNUMERO | Qualquer site |
| Link curto do WhatsApp Business | Link gerado pelo próprio app | Quem usa o app e quer a página de perfil no navegador |
| Botão flutuante | Ícone fixo no canto da tela, com o link wa.me | Sites com muitas páginas |
| QR code | O cliente escaneia com a câmera | Material impresso e site aberto no computador |
O link wa.me
O formato é sempre o mesmo:
https://wa.me/5511987654321
- 55 é o código do Brasil.
- 11 é o DDD, sem zero.
- 987654321 é o número, sem traço e sem espaço.
Com mensagem pronta
Acrescente ?text= e a mensagem codificada (espaço vira %20, acentos viram códigos):
https://wa.me/5511987654321?text=Ol%C3%A1%2C%20vi%20o%20site%20e%20quero%20agendar
O cliente toca, o WhatsApp abre com a mensagem escrita, e ele só envia. O nosso gerador de link de WhatsApp faz a codificação por você.
O que a Central de Ajuda diz sobre o formato
A Central de Ajuda do WhatsApp chama esse recurso de clique para conversa e dá o exemplo do certo e do errado: o número vai em formato internacional completo, sem zeros, parênteses nem travessões. Certo: https://wa.me/55XXXXXXXXXXX. Errado: https://wa.me/+55-(XX)XXXXXXXXX. O recurso funciona em celulares e no WhatsApp Web, e a pessoa não precisa ter o número salvo nos contatos.
Existe ainda o link só com a mensagem pronta, sem número: https://wa.me/?text=. Ele abre a lista de contatos para o cliente escolher para quem mandar. Serve para botão de "indicar para um amigo", não para falar com a empresa.
Como codificar a mensagem pronta
| Caractere | Vira |
|---|---|
| Espaço | %20 |
| á | %C3%A1 |
| ã | %C3%A3 |
| ç | %C3%A7 |
| é | %C3%A9 |
| , (vírgula) | %2C |
| ? | %3F |
| ! | %21 |
| quebra de linha | %0A |
Na prática, ninguém codifica à mão: use um gerador ou a função de codificar URL de qualquer planilha ou editor. O que vale conferir é o resultado: toque no link no celular e veja se a mensagem aparece certinha, com acento.
O link curto e o QR code do WhatsApp Business
Pela Central de Ajuda do WhatsApp, o app WhatsApp Business cria automaticamente um link curto da empresa (em Ferramentas > Link curto). Ele tem duas vantagens:
- Aberto no celular com WhatsApp, inicia a conversa.
- Aberto num navegador, mostra uma página com os dados da empresa e o botão Iniciar conversa (com a foto do perfil, se a privacidade permitir).
O link curto e o QR code podem ter uma mensagem padrão de até 140 caracteres, que o cliente pode editar antes de enviar. A Central de Ajuda sugere mensagens que já indicam a ação, como "Quero receber promoções". O QR code não expira, a não ser que você o redefina ou apague a conta. Se a empresa tiver nome de usuário comercial, ele aparece no QR code.
Na API oficial, a Meta também permite criar QR codes e links curtos pelo sistema, com mensagem pronta de até 140 caracteres e até 2.000 códigos por número; esses links não têm métricas, por privacidade.
O botão flutuante
É o formato mais comum: um ícone verde fixo no canto inferior direito, que acompanha o visitante em todas as páginas. Três jeitos de ter:
- Recurso da plataforma do site: construtores de site e lojas virtuais costumam ter um campo de "WhatsApp" ou um aplicativo de botão flutuante. Você só cola o número ou o link.
- Plugin ou extensão: em sites de gerenciador de conteúdo, plugins de botão de WhatsApp fazem o mesmo.
- Código simples: para quem edita o site, um link fixo com o ícone resolve. Em uma linha:
<a href="https://wa.me/5511987654321" style="position:fixed;right:16px;bottom:16px">WhatsApp</a>(troque o texto por um ícone e ajuste o estilo).
Cuidados com o botão flutuante:
- Não deixe ele cobrir outros botões (carrinho, aceitar cookies, chat de outro sistema).
- No celular, ele precisa ser grande o suficiente para o dedo, mas sem esconder conteúdo.
- Em páginas de pagamento, avalie esconder para não distrair.
O botão oficial "Conversar no WhatsApp"
O WhatsApp tem um botão oficial, o Conversar no WhatsApp (em inglês, "Chat on WhatsApp"), que segue as diretrizes da marca para o cliente reconhecer e confiar. Pela Central de Ajuda:
- Está disponível em verde e branco, em três tamanhos (pequeno, médio e grande).
- Por enquanto, só existe em inglês.
- A recomendação é usar o botão como ele é, sem modificar, na versão mais recente, num lugar visível.
- Os lugares sugeridos: páginas de destino, páginas de contato, apps para celular, versão para celular do site e modelos de desenvolvedores.
O código é um link wa.me com a imagem do botão dentro. Se o seu site é todo em português e o botão em inglês destoa, um botão próprio com o ícone do WhatsApp e o texto "Falar no WhatsApp" funciona igual: o que importa é o link por trás.
Teste antes de publicar
Antes de colocar o botão no ar, faça este teste em cinco minutos:
- No celular com WhatsApp: toque no botão. A conversa com o número certo abriu? A mensagem pronta apareceu com acento?
- No celular de outra pessoa: o que funciona no seu aparelho às vezes já tem a conversa salva. Peça para alguém de fora testar.
- No computador: clique. O WhatsApp Web ou o aplicativo de computador abriu na conversa certa?
- Em cada página com mensagem diferente: confira se cada uma abre com a mensagem daquela página.
- Mande a mensagem: veja se ela chega no número da empresa e quanto tempo leva para alguém (ou o agente) responder.
O último passo é o mais esquecido. Um botão perfeito que leva a uma conversa respondida no dia seguinte desperdiça o cliente que estava pronto.
Mensagem pronta por página
O mesmo número pode ter mensagens prontas diferentes conforme a página:
| Página | Mensagem pronta | O que você ganha |
|---|---|---|
| Página inicial | "Olá! Vim pelo site e quero saber mais." | Origem: site |
| Página de serviço | "Quero agendar [serviço]." | O cliente já diz o que quer |
| Página de produto | "Tenho interesse no [produto]." | Menos uma pergunta |
| Página de preços | "Quero um orçamento." | Lead quente |
| Página de contato | "Preciso de ajuda com um pedido." | Já separa pós-venda |
| Campanha | "Vi a promoção de [mês]." | Mede a campanha |
Com isso, a primeira mensagem já traz o contexto, e você responde direto ao ponto.
Quer ver quanto dinheiro fica parado em mensagem sem resposta? Faça a conta na calculadora.
Onde colocar no site
| Lugar | Por quê |
|---|---|
| Botão flutuante em todas as páginas | Acesso a qualquer momento |
| Logo depois do título da página inicial | Quem chega decidido não precisa procurar |
| Ao lado do preço ou do "agendar" | Momento de dúvida |
| Rodapé, com o número escrito | Quem prefere copiar o número |
| Página de contato | Junto com telefone, e-mail e endereço |
| QR code no site aberto no computador | O visitante no computador escaneia com o celular |
WhatsApp no site e a LGPD
O botão em si não coleta dado nenhum: quem decide mandar mensagem é o cliente. Mas, a partir da conversa, a empresa passa a tratar dados pessoais (nome, telefone, o que ele contou). Tenha uma política de privacidade publicada no site (a Política de Mensagens do WhatsApp Business também exige isso) e não peça na conversa dados que não precisa.
Erros que derrubam a conversão
- Número errado ou sem o 55: o link abre conversa com ninguém.
- Link para número pessoal: a empresa depende do celular de alguém.
- Botão escondido no rodapé: quem procura não acha.
- Mensagem pronta genérica demais: "Olá" não ajuda.
- Ninguém responde à noite: o botão gera conversa que morre.
- Dois números diferentes no mesmo site: o cliente não sabe qual usar.
Checklist do botão de WhatsApp
| Item | Ok? |
|---|---|
| Link testado no celular e no computador | |
| Número da empresa, com 55 e DDD | |
| Botão flutuante visível sem cobrir outros botões | |
| Mensagem pronta por página principal | |
| QR code no site para quem está no computador | |
| Mensagem de ausência ou agente para fora do horário | |
| Política de privacidade publicada |
Diagnóstico: o botão está funcionando?
| Pergunta | Se a resposta for não |
|---|---|
| Chegam conversas pelo site toda semana? | Botão escondido, link quebrado ou pouco tráfego |
| A mensagem pronta aparece nas conversas? | O link não tem o ?text= ou foi digitado errado |
| A primeira resposta sai em minutos? | O cliente esfria; pense em resposta automática ou IA |
| As conversas do site viram venda? | Treine o atendimento ou ajuste a oferta da página |
Como a Certu responde quem chega pelo site
O botão traz o cliente; a resposta rápida fecha a venda. Na Certu, o agente de IA responde a mensagem que veio do site na hora, com o que você cadastrou, inclusive de madrugada, e o contato entra no CRM com a origem que a mensagem pronta indicou. A equipe assume quando o cliente quer fechar ou precisa de algo fora do padrão.
O plano Start custa R$ 299 por mês e o Pro, R$ 599. A gente monta tudo pra você e as primeiras 200 mensagens, em até 7 dias, são por nossa conta. Conecte o número em certu.com.br/aprender e só depois publique o botão no site.
Para ir mais fundo: atendente 24 horas no WhatsApp, gerador de link de WhatsApp.
Fontes
- Central de Ajuda do WhatsApp: Como criar links curtos, lida em
- Central de Ajuda do WhatsApp: Sobre o QR code do WhatsApp Business, lida em
- Central de Ajuda do WhatsApp: Como editar a mensagem padrão do código QR do WhatsApp Business, lida em
- Central de Ajuda do WhatsApp: Como usar o recurso clique para conversa, lida em
- Meta for Developers: QR codes e links curtos (API), lida em
- WhatsApp Business: Política de Mensagens do WhatsApp Business (política de privacidade), lida em
Leia também
Perguntas frequentes
- Como criar o link do WhatsApp para o site?
- Use https://wa.me/ seguido de 55, DDD e número, sem espaços nem símbolos. Para mensagem pronta, acrescente ?text= e a mensagem codificada.
- O que é o link curto do WhatsApp Business?
- Um link criado automaticamente pelo app WhatsApp Business. No celular abre a conversa; no navegador mostra uma página com os dados da empresa e o botão Iniciar conversa.
- Quantos caracteres pode ter a mensagem pronta do QR code?
- Até 140 caracteres, e o cliente pode editar antes de enviar.
- Preciso de programador para colocar o botão?
- Na maioria das plataformas de site, não: há um campo ou aplicativo pronto. Em sites próprios, basta um link com ícone.
- O botão flutuante atrapalha o site?
- Pode atrapalhar se cobrir outros botões no celular. Teste em telas pequenas.
- Dá para saber quantas pessoas clicaram?
- Os links e QR codes do WhatsApp não trazem métricas de clique. Use ferramentas de análise do próprio site ou mensagens prontas diferentes por página.
Continue lendo
Em resumo
Como colocar botão do WhatsApp no site: link wa.me, link curto do WhatsApp Business, botão flutuante, mensagem pronta por página e erros que derrubam venda.
Sobre a Certu: a Certu é a plataforma brasileira de IA que atende o WhatsApp, o Instagram e o Messenger de pequenas e médias empresas 24 horas por dia, com CRM incluído, e é Tech Provider da Plataforma WhatsApp Business da Meta. Os planos começam em R$ 2.964 por ano, sem fidelidade. Conectar meu WhatsApp
