Provérbios CRM
Começar
Ferramenta gratuita

Botão de WhatsApp para site: gere o código grátis

Configure abaixo o botão flutuante que vai ficar no canto do seu site. Você escolhe o número, a mensagem que já vem escrita, a cor e a posição — e leva o código HTML pronto para colar. Sem cadastro, sem plugin e sem instalar nada.

1. Configure seu botão

Nada é enviado para lugar nenhum: tudo acontece dentro do seu navegador.

Digite só DDD e número. O 55 do Brasil a ferramenta coloca sozinha.

Aparece já digitada quando o cliente abre a conversa. Pode deixar em branco.

43/300 caracteres

Deixe em branco para um botão redondo só com o ícone.

Posição na tela
Cor do botão

2. Veja como fica

3. Copie o código

Preencha um número de WhatsApp válido ao lado e o código aparece aqui na hora.

  • Não instala plugin nem carrega script de terceiro: o seu site não fica mais lento.
  • O código é seu e fica no seu servidor. Se um dia sair do ar aqui, o botão continua funcionando.
  • Já sai com a mensagem escrita, então o cliente chega perguntando o que interessa.

Instalação

Onde colar o código

O lugar é sempre o mesmo: o rodapé do site, logo antes do fechamento do </body>. O que muda é o caminho até lá em cada plataforma.

WordPress

  1. 1No painel, vá em Plugins > Adicionar novo e instale o WPCode (ou o Insert Headers and Footers). Os dois são gratuitos.
  2. 2Abra o plugin e procure a área de cabeçalho e rodapé: no WPCode fica em Code Snippets > Header & Footer; no Insert Headers and Footers fica em Configurações > Insert Headers and Footers.
  3. 3Cole o código no campo do rodapé (Footer / Body) e salve. Recarregue o site: o botão já está lá.
  4. 4Prefere sem plugin? Em Aparência > Editor de arquivos do tema, abra o footer.php e cole antes do fechamento do body — mas faça isso num tema filho, senão a próxima atualização apaga.

Wix

  1. 1No painel do site, abra Configurações e procure Código personalizado (Custom Code).
  2. 2Clique em Adicionar código e cole o código gerado aqui.
  3. 3Em "Adicionar código às páginas", escolha Todas as páginas. Em "Local no código", escolha Corpo - fim (Body - end).
  4. 4Salve e publique. O recurso de código personalizado exige plano pago com domínio conectado; sem ele, use um elemento de código incorporado dentro da página.

Webflow

  1. 1Abra Configurações do projeto (Project settings) e vá na aba Código personalizado (Custom code).
  2. 2Cole o código no campo do rodapé — Footer code, que entra antes do fechamento do body.
  3. 3Clique em Salvar alterações e depois em Publicar. Sem publicar, o código não vai para o site no ar.
  4. 4O código personalizado do projeto exige um plano de site pago. Numa página específica, dá para usar o elemento Embed no lugar.

HTML puro

  1. 1Abra o arquivo da sua página (index.html, por exemplo) no editor de texto.
  2. 2Cole o código na última linha antes do fechamento do body.
  3. 3Salve e envie o arquivo para o servidor. Recarregue a página segurando Shift para furar o cache.
  4. 4Site com várias páginas? Repita em cada arquivo — ou coloque num trecho de rodapé que todas as páginas incluem.

Colou e não apareceu? Quase sempre é cache. Recarregue segurando Shift, ou limpe o cache do plugin de velocidade do seu site antes de mexer no código de novo.

Dúvidas

Perguntas frequentes

O que a gente mais escuta sobre o botão flutuante.

Funciona em WordPress?

Sim. O código é HTML puro, então funciona em qualquer tema do WordPress. O caminho mais seguro é colar no rodapé usando um plugin de código (WPCode ou Insert Headers and Footers) — assim o botão continua lá mesmo quando o tema for atualizado.

E em site feito no Wix ou Webflow?

Funciona nos dois. No Wix você cola em Configurações > Código personalizado, escolhendo "Corpo - fim". No Webflow, em Configurações do projeto > Código personalizado, no campo do rodapé, e depois publica o site. Nas duas plataformas o recurso de código personalizado exige um plano pago; se o seu ainda é gratuito, dá para usar um bloco de código incorporado dentro da página.

Onde eu colo esse código?

Sempre no rodapé do site, logo antes da tag de fechamento do body. Como o botão é fixo na tela, ele aparece em todas as páginas onde o código estiver — por isso o ideal é colar no rodapé do site inteiro, e não em uma página só.

Funciona no celular?

Sim. No celular o link abre direto o aplicativo do WhatsApp; no computador abre o WhatsApp Web. Se você quiser, dá para marcar a opção de mostrar o botão apenas no celular — o código já sai com essa regra pronta.

Preciso pagar alguma coisa?

Não. A ferramenta é gratuita, não pede cadastro e o código gerado é seu para usar quantas vezes quiser. Ele não depende de nenhum servidor nosso: é HTML e CSS que ficam no seu próprio site.

O botão traz o cliente. E depois que ele manda a mensagem?

Botão instalado é só o começo: as conversas chegam, se misturam e algumas somem sem resposta. O Provérbios CRM organiza o que entra pelo WhatsApp — cada contato num funil, com histórico, follow-up automático e um agente de IA que atende enquanto seu time dorme. Tudo em Cloud API oficial Meta.

Conhecer o Provérbios CRM →Ver as outras ferramentas grátis