Neste artigo, você vai aprender como configurar esse botão via Google Tag Manager, com um visual limpo e profissional. Agora sua página poderá ter a Inteligência Artificial da EngagED
Você pode oferecer um atendimento contínuo e automatizado por WhatsApp nas páginas de checkout e na área do aluno (LMS) usando um botão flutuante personalizado, discreto.Benefícios do botão de WhatsApp automatizado
Com esse botão ativo no seu site, seus leads e alunos podem entrar em contato diretamente com o seu número de WhatsApp, conectado a um sistema de respostas automáticas (IA da EngagED), para tirar dúvidas ou buscar suporte.
✅ Atendimento disponível 24 horas por dia
✅ Experiência de suporte fluida, direto pelo WhatsApp
✅ Integração simples com páginas próprias na versão 2.0
✅ Visual limpo, sem marca d’água e com ícone personalizado
✅ Funciona tanto na área do aluno quanto nas páginas de checkout
Como adicionar o botão via Google Tag Manager (GTM)
⚠️ Para seguir esse passo a passo, é necessário que sua página própria esteja integrada com o Google Tag Manager (GTM).
1. Criando seu contêiner no Google Tag Manager
Se você ainda não tem um contêiner criado no GTM, siga este processo:
-
Acesse o Google Tag Manager
-
Clique em “Criar conta”
-
Preencha os campos com as informações solicitadas
🧠 Dica de organização:
Na hora de inserir o nome do contêiner, use o subdomínio da sua conta EngagED.
Isso ajuda a identificar rapidamente a qual projeto aquele GTM pertence.
📍 Onde encontrar o subdomínio?
Acesse Configurações > Aba Geral dentro da sua conta EngagED.
Exemplo: se seu subdomínio forminhaacademia.engaged.com.br, você pode nomear o contêiner comominhaacademia.
Depois de criar o contêiner, o GTM irá gerar um código como GTM-XXXXXXX.
Você vai usar esse código dentro da plataforma da EngagED para integrar o GTM.
2. Habilitando o GTM na EngagED
-
Acesse o menu lateral da sua conta EngagED
-
Vá até Configurações > Aba Integrações
-
Localize a seção Google Tag Manager (GTM)
-
Habilite a integração para:
-
✅ Área de membros (LMS)
-
✅ Checkouts e Links de Pagamento
-
-
Cole o ID do contêiner (GTM-XXXXXXX) nos dois campos
Você pode deixar a opção “Todos os Checkouts e Links de Pagamento” selecionada, ou configurar individualmente.
3. Criando a tag do botão de WhatsApp
Agora que a integração está pronta, vamos configurar o botão.
Copie o código abaixo:
Este é o botão flutuante que será exibido no canto inferior direito da página:
<a href="https://api.whatsapp.com/send?phone=SEU_NUMERO_AQUI"
target="_blank"
class="btWhatsapp"
style="background-color: #25d366; position: fixed; z-index: 99; right: 20px; bottom: 20px; width: 60px; height: 60px; border-radius: 50%; padding: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); transition: 0.3s;">
<img src="https://d335luupugsy2.cloudfront.net/cms/files/1446/1588875979/$5u0ndp8vgxo"
alt="No que posso te ajudar?"
style="width: 100%; height: 100%;">
</a>
📌 Importante: Substitua
SEU_NUMERO_AQUIpelo número de WhatsApp conectado à sua automação.
Exemplo de formato correto:5541999999999(DDI + DDD + número, sem espaços ou símbolos)
4. Configure a tag no GTM
-
No GTM, clique em "Nova tag"
-
Escolha o tipo “HTML personalizada”
-
Cole o código copiado acima
-
Nomeie a tag como:
Botão WhatsApp flutuante
5. Configure o acionamento
-
Clique em “Acionamento”
-
Selecione o tipo: “DOM pronto” (DOM Ready)
-
Defina em quais páginas o botão deve aparecer:
-
✅ Checkout
-
✅ Área do aluno (LMS)
-
6. Publique o contêiner
Depois de salvar a tag e o acionador:
-
Clique em “Enviar” no GTM
-
Publique a nova versão
Pronto! O botão estará visível no canto inferior direito das páginas configuradas.
Visual do botão
O botão aparece assim para o visitante:
Ao clicar, o usuário será redirecionado para o WhatsApp com o número configurado, iniciando uma conversa com atendimento automatizado.
Precisa de ajuda?
Se você ainda não tem um número com automação ou deseja validar se a configuração está correta, fale com o nosso time de suporte. Estamos prontos para te ajudar!