Adicione um botão WhatsApp profissional no seu site em menos de 2 minutos. Capture leads, integre com Google Analytics e aumente suas conversões.
O WhatsG é um botão flutuante de alta conversão, integrado ao GTM e ao GA4. Ao assinar qualquer um dos planos, você recebe o código fonte para hospedar direto no seu site. Pode ser usado em qualquer plataforma de E-commerce, WordPress ou Wix.
Copie e cole um único código no seu site. Pronto! Sem complicações técnicas.
Rastreie todos os leads com Google Analytics 4 e Google Tag Manager automaticamente.
Funciona perfeitamente em desktop, tablet e mobile. Design adaptativo automático.
Escolha posição, cores, mensagens e mais. Tudo através de um dashboard intuitivo.
Formulário automático que captura nome, email e telefone antes do WhatsApp.
Carregamento ultra-rápido em qualquer lugar do mundo com nossa CDN.
Forma mais simples de implementar o botão WhatsApp usando atributos HTML.
<!-- Adicione ao seu HTML -->
<div id="whatsapp-button"
data-phone="5511999999999"
data-message="Olá!"
data-tooltip="Fale conosco">
</div>
<!-- Scripts necessários -->
<link rel="stylesheet" href="whatsapp-button.css">
<script src="whatsapp-button.js"></script>
✨ Características:
💡 Dica: Olhe no canto inferior direito da tela! O botão flutuante do WhatsApp está lá. Clique para testar o formulário de captura de leads.
Crie o botão dinamicamente sem precisar de HTML. Basta incluir o JavaScript e chamar o construtor.
// Não precisa de HTML! Apenas chame:
new WhatsAppButton({
phone: '5511999999999',
message: 'Olá! Criei via JS!',
tooltip: 'Fale conosco',
displayDirection: 'right', // 'right' ou 'left'
showPoweredBy: true // false para planos premium
});
📋 Parâmetros Disponíveis:
| Parâmetro | Tipo | Descrição |
|---|---|---|
phone |
String | Número do WhatsApp (com código do país) |
message |
String | Mensagem padrão |
tooltip |
String | Texto do tooltip |
displayDirection |
String | 'right' ou 'left' |
showPoweredBy |
Boolean | Exibir badge "powered by whatsG" |
O botão dispara eventos automaticamente para o dataLayer quando um lead é capturado.
Quando você preenche o formulário do WhatsApp e clica em "Enviar", o seguinte evento é disparado automaticamente:
dataLayer.push({
event: 'generate_lead',
lead_name: 'Seu Nome',
lead_phone: '(11) 99999-9999',
lead_email: 'seu@email.com',
lead_source: 'whatsapp_button'
});
1. Criar uma Tag:
2. Criar um Acionador:
3. Vincular Tag ao Acionador
Nota: Substitua GTM-XXXXXXX pelo seu ID do Google Tag Manager no código acima.
Entenda a diferença entre os planos Básico e Premium
Visualização:
showPoweredBy: true // Padrão
Visualização:
✨ Sem badge - Totalmente seu!
showPoweredBy: false // Premium+
💡 Por que remover o branding? O badge pode distrair os usuários e reduzir a credibilidade da sua marca. Com o plano Premium, seu site fica 100% profissional, sem referências externas.
👉 Teste ao vivo!
O botão WhatsApp no canto inferior direito está funcionando. Clique para testar o formulário de captura de leads!
Escolha o plano perfeito para o seu negócio. Simples, transparente e sem taxas ocultas.
💡 Pagamento Único: Pague apenas R$ 19 uma vez e tenha acesso para sempre. Sem mensalidades, sem renovações!
Comece gratuitamente agora ou escolha o plano Pro por apenas R$ 19 (pagamento único).
Começar Agora