Como colocar botão do WhatsApp no meu site?

Basta preencher o formulário com seu número e preferências, copiar o código gerado e colar antes da tag </body> do seu site. O código é auto-contido e não depende de bibliotecas externas.

O botão funciona em qualquer site (WordPress, Wix, HTML)?

Sim. O código gerado usa HTML, CSS e JavaScript vanilla (puro), sem dependências externas. Funciona em WordPress, Wix, Squarespace, sites HTML estáticos e qualquer plataforma que permita editar o código HTML.

Preciso saber programar para usar?

Não. O formulário gera o código automaticamente. Você só precisa copiar e colar no local indicado pelo seu site ou plataforma. As instruções de instalação explicam o passo a passo para cada caso.

O botão aparece em dispositivos móveis?

Sim. O código é responsivo e se adapta automaticamente a telas de celular, tablet e desktop. A posição e o tamanho são ajustados para funcionar bem em qualquer dispositivo.

Posso personalizar a cor e a mensagem?

Sim. Você pode escolher a cor do botão com o seletor de cores, definir uma mensagem pré-preenchida para o WhatsApp e escolher entre os cantos inferior direito ou esquerdo da tela.

O botão atrapalha a navegação do site?

Não. O botão fica fixo no canto da tela, sobrepondo o conteúdo de forma discreta. Ele não interfere na navegação e só abre o WhatsApp quando o visitante clica.

Gerador de Botão Flutuante do WhatsApp para Site

Crie um botão flutuante do WhatsApp para seu site em segundos. Personalize cor, posição, mensagem e tamanho. Código HTML/CSS/JS pronto para copiar e colar.

Configurar Botão Flutuante

Número do WhatsApp

Mensagem pré-preenchida (opcional)

0/500 caracteres

Posição do botão

Canto inferior direito

Canto inferior esquerdo

Cor do botão

#25D366

Texto de saudação (opcional)

Tamanho do ícone

Pequeno (48px)

Médio (56px)

Grande (64px)

Como instalar em cada plataforma

WordPress

Acesse Aparência > Editor de Temas, selecione o arquivo footer.php e cole o código antes de </body>. Em temas com plug-ins de código, use a seção de scripts do rodapé.

Site HTML puro

Abra o arquivo HTML do seu site, localize a tag </body> e cole o código completo antes dela. Salve e publique.

Wix

No editor Wix, vá em Configurações > Custom Code, clique em Adicionar Código Personalizado, cole o código e selecione Todo o site com posicionamento Body - fim.

Squarespace

Vá em Settings > Advanced > Code Injection, cole o código no campo Footer e salve. O botão aparecerá em todas as páginas do site.

Personalize cada detalhe

Cor personalizada

Escolha a cor que combina com a identidade visual do seu site.

Posição ajustável

Botão no canto inferior direito ou esquerdo da tela.

Tamanho do ícone

Escolha entre pequeno, médio ou grande para se adaptar ao layout.

Perguntas Frequentes

Mais ferramentas

Gerador de Link WhatsApp

Crie link wa.me com mensagem e QR Code.

Gerador de QR Code

Crie QR Codes para link, texto, Wi-Fi e mais.

Verificar Número WhatsApp

Formate e valide números para link wa.me.

Ver todas as ferramentas disponíveis →

Adicione o WhatsApp ao seu site em minutos

Gere o código, cole no seu site e facilite o contato dos seus visitantes. Sem complicação, sem dependências, sem custo.

Criar link WhatsApp grátis

Carregando...