Guia de instalação · HTML puro
Código HTML para botão WhatsApp: como instalar no site
Instale um botão flutuante em um site HTML ou construtor que permita JavaScript. Gere o código, coloque antes de </body> e teste no celular.
Conteúdo revisado em 2 de outubro de 2026
Gerar código do botãoComo o botão funciona
O botão abre uma conversa no WhatsApp com o número e a mensagem que você escolher. O visitante confirma o envio no WhatsApp. O widget não responde mensagens, distribui atendimentos ou conecta a API do WhatsApp.
HTML personalizado e execução de JavaScript são permissões diferentes. Se o editor aceita HTML mas bloqueia scripts, o botão não será instalado por esse caminho. Consulte o suporte da sua plataforma antes de mudar de plano.
Instalação passo a passo
1. Gerar código do botão
Preencha o número com código do país, escolha uma mensagem curta e ajuste cor, tamanho e posição. Confira a prévia e copie o código. A mesma configuração pode ser usada nas quatro plataformas.
2. Cole o script uma única vez
No arquivo HTML, cole o snippet antes de </body>. Em um construtor, procure a área de código de rodapé ou inserção de JavaScript. Se o site usa React ou outro framework, coloque a integração no layout compartilhado e evite montá-la novamente em cada navegação.
3. Publique e teste uma conversa
Depois de publicar, abra a página no celular e no computador. Confira o país e o número, toque no botão e verifique a mensagem. Se o ícone não aparecer, confira se o editor manteve o script e se a política de segurança do site permite carregar tools.chatsac.com.
O que conferir antes de publicar
Editor remove scripts
Confira o HTML publicado, não apenas a tela do editor. Se o script foi removido, use uma área de código permitida pela plataforma e pelo seu plano.
Ícone cobre conteúdo ou outro botão
Teste as duas posições e os três tamanhos no celular. Confira banners de cookies, carrinho e outros widgets. Se já existe outro botão WhatsApp, escolha qual manter.
Número ou mensagem incorretos
Use código do país e um número que você controla. Não coloque informação pessoal na mensagem inicial. O texto é um rascunho que o visitante pode editar.
Perguntas frequentes
O botão é gratuito?
O gerador e o widget são gratuitos e incluem a marca Chatsac Tools. A plataforma do seu site pode limitar código personalizado conforme o plano ou suas permissões.
Preciso da API do WhatsApp?
Não. O botão usa um link wa.me para abrir o WhatsApp. Automação, vários atendentes e integração com CRM exigem uma solução separada.
O botão garante vendas ou envia relatórios semanais?
Não há garantia de vendas. O serviço registra beacons de instalação e clique; isso não comprova uma mensagem enviada. O envio de relatórios semanais ainda não está disponível.