Crie botões de chat WhatsApp bonitos para seu site. Copie o código e cole onde quiser.
Escolha seu estilo, cores e mensagem
Veja exatamente como ficará em um site real
Copie o código e adicione ao seu site
Visitantes começam a conversar com um toque — sem formulários, sem emails, sem espera. O WhatsApp tem 98% de taxa de abertura.
Conversas em tempo real convertem 3–5× mais que formulários estáticos. Responda perguntas instantaneamente.
O WhatsApp tem mais de 2 bilhões de usuários em 180+ países. Seu botão funciona no desktop e celular.
Este gerador produz código HTML + CSS puro — sem plugins, sem dependências, sem mensalidades.
Vá em Aparência → Widgets, adicione um bloco "HTML Personalizado" e cole o código gerado. Também pode colar no footer.php do seu tema.
Navegue até Loja Online → Temas → Editar Código. Abra theme.liquid e cole o código antes da tag </body>.
Adicione um elemento "Incorporar HTML" à sua página (ou no rodapé do site) e cole o código gerado dentro.
Vá em Configurações → Avançado → Injeção de Código. Cole o código no campo Rodapé e salve.
Adicione o HTML gerado como componente React ou cole dentro de um bloco dangerouslySetInnerHTML no seu layout.
Abra seu arquivo HTML, cole o código antes de </body> e faça upload. O botão funciona imediatamente.
Everything you need to know about the product and billing.
Um botão de WhatsApp é um widget que você incorpora no seu site e abre uma conversa direta com seu negócio. Quando um visitante clica, o WhatsApp abre com seu número e uma mensagem pré-preenchida — sem precisar salvar contatos. Botões de WhatsApp são a forma mais rápida de converter tráfego web em conversas reais, com empresas reportando até 3× mais engajamento comparado a formulários de contato tradicionais.
Use este gerador gratuito para configurar o estilo, cor e mensagem do seu botão. Depois copie o código HTML e cole antes da tag de fechamento </body> no seu site. O botão funciona imediatamente — sem framework JavaScript ou servidor necessário.
Sim! Escolha entre 5 estilos de botão (flutuante, apenas ícone, em linha, com rótulo e barra fixa). Personalize a cor com 6 predefinições ou qualquer valor hexadecimal, ajuste o tamanho do ícone, raio da borda, sombra e posição. Todas as mudanças são visualizadas em tempo real.
Sim, o código gerado é HTML + CSS puro e funciona com qualquer plataforma web incluindo WordPress, Shopify, Wix, Squarespace, Webflow, Next.js e sites HTML estáticos. Sem plugins necessários — basta colar o código.
Completamente grátis, para sempre. Esta ferramenta gera código HTML independente sem dependências, sem taxas mensais e sem atribuição necessária. O código é seu para usar em sites ilimitados.
Não. O código gerado é HTML + CSS leve (menos de 2 KB) sem scripts externos, fontes ou bibliotecas. Tem impacto zero nos Core Web Vitals e no desempenho da página.
Sim! Na aba Avançado, ative a animação de pulso para um efeito de brilho suave que chama atenção, ou adicione uma bolha de saudação que aparece após um tempo configurável com uma mensagem personalizada.
O código gerado usa links HTML padrão (URLs wa.me). Você pode rastrear cliques usando Google Tag Manager adicionando um gatilho de clique na classe CSS do botão, ou adicionar onclick="gtag('event', 'whatsapp_click')" à tag do link para Google Analytics 4.
Um botão de WhatsApp redireciona visitantes para o WhatsApp para uma conversa direta, enquanto widgets de chat ao vivo funcionam dentro do seu site. Botões de WhatsApp são mais simples (sem software para instalar), funcionam em todos os dispositivos e permitem continuar a conversa mesmo depois que o visitante sair do seu site.
Desbloqueie todo o potencial com os recursos Pro do WhatsTeam.
Sem cartão de crédito