--- title: Como adicionar o botão de WhatsApp nas sua EngagED description: 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 --- [Pular para o conteúdo](https://ajuda.engaged.com.br/como-adicionar-o-botão-de-whatsapp#main-content) [![Design sem nome - 2025-11-13T105246.830](https://ajuda.engaged.com.br/hs-fs/hubfs/Design%20sem%20nome%20-%202025-11-13T105246.830.png?width=140&height=40&name=Design%20sem%20nome%20-%202025-11-13T105246.830.png)](https://ajuda.engaged.com.br/?hsLang=pt-br) Abrir navegação principal Fechar navegação principal - [Admin EngagED 2.0](https://admin.online.engaged.com.br/) [Admin EngagED 2.0](https://admin.online.engaged.com.br/) Como a EngagED pode te ajudar hoje? - Não há sugestões porque o campo de pesquisa está em branco. 1. [Central de Conhecimento EngagED](https://ajuda.engaged.com.br/?hsLang=pt-br) 2. [Integrações](https://ajuda.engaged.com.br/integra%C3%A7%C3%B5es?hsLang=pt-br) # Como adicionar o botão de WhatsApp nas sua EngagED ## Neste artigo, você vai aprender como configurar esse botão via Google Tag Manager, com um visual limpo e profissional.  Por que ter um botão flutuante de WhatsApp nas suas páginas? Ao ativar o botão flutuante de WhatsApp no seu site, seus leads e alunos podem entrar em contato diretamente com você para tirar dúvidas, seja antes da compra de um produto ou após a aquisição de um curso. É possível, inclusive, configurar botões e números diferentes para cada situação, tornando o atendimento ainda mais organizado e eficiente. E se você quiser ir além, pode integrar o seu WhatsApp à **Inteligência Artificial de Vendas da EngagED**, desbloqueando todo o potencial do atendimento automatizado para vender mais e melhor. ✅ Atendimento disponível 24 horas por dia, mesmo quando você não está online ✅ Respostas rápidas, reduzindo o tempo de espera do cliente ✅ Aumento da taxa de conversão ao atender o lead no momento certo ✅ Melhor experiência para alunos e clientes, com atendimento direto e prático ✅ Automação inteligente com a IA de Vendas da EngagED, focada em vender mais Saique mais sobre a **Inteligência Artificial de Vendas da EngagED:** [my.engaged.com.br/engaged-ia-p](https://my.engaged.com.br/engaged-ia-p?hsLang=pt-br) #### **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: 1. Acesse o Google Tag Manager 2. Clique em **“Criar conta”** 3. 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 for `minhaacademia.engaged.com.br`, você pode nomear o contêiner como `minhaacademia`. 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 1. Acesse o menu lateral da sua conta EngagED 2. Vá até **Configurações \> Aba Integrações** 3. Localize a seção **Google Tag Manager (GTM)** 4. **Habilite a integração** para: - ✅ **Área de membros (LMS)** - ✅ **Checkouts e Links de Pagamento** 5. 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. ![](https://ajuda.engaged.com.br/hs-fs/hubfs/image-png-Oct-15-2025-01-40-58-6610-PM.png?width=670&height=299&name=image-png-Oct-15-2025-01-40-58-6610-PM.png) ### 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:   \   \ \ \ /\* ESTILO BASE \*/ .btWhatsapp {   background-color: #25d366;   position: fixed;   z-index: 99;   display: flex;   align-items: center;   justify-content: center;   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);   transition: 0.3s; } /\* ===== DESKTOP ===== \*/ @media (min-width: 992px) {   .btWhatsapp {     right: 20px;     bottom: 20px;     width: 60px;     height: 60px;     border-radius: 50%;     padding: 10px;   }   .btWhatsapp img {     content: url("https://d335luupugsy2.cloudfront.net/cms/files/1446/1588875979/$5u0ndp8vgxo");     width: 100%;     height: 100%;   } } /\* ===== MOBILE ===== \*/ @media (max-width: 991px) {   .btWhatsapp {     left: -45px;     bottom: 20%;     width: 100px;     height: 30px;     border-radius: 15px;     padding: 5px 10px;     transform: translateY(-50%);     justify-content: flex-end;   }   .btWhatsapp img {     height: 20px;     width: auto;   } } \ ` ` > 📌 **Importante:** Substitua `SEU_NUMERO_AQUI` pelo 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 1. No GTM, clique em **"Nova tag"** 2. Escolha o tipo **“HTML personalizada”** 3. Cole o código copiado acima 4. Nomeie a tag como: `Botão WhatsApp flutuante` --- ### 5. Configure o acionamento 1. Clique em **“Acionamento”** 2. Selecione o tipo: **“DOM pronto” (DOM Ready)** 3. 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: 1. Clique em **“Enviar”** no GTM 2. 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 na visão de desktop (telas maiores) no canto direito inferior da tela: ![Screenshot 2026-02-05 at 16.13.00-1](https://ajuda.engaged.com.br/hs-fs/hubfs/Screenshot%202026-02-05%20at%2016.13.00-1.png?width=117&height=117&name=Screenshot%202026-02-05%20at%2016.13.00-1.png) O botão aparece assim para o visitante na visão de mobile (telas maiores, geralmente celulares e alguns tablets) no canto esquedo inferior da tela: ![IMG\_2635](https://ajuda.engaged.com.br/hs-fs/hubfs/IMG_2635.jpg?width=100&height=55&name=IMG_2635.jpg) 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! 1\) 📩 Email: suporte@engaged.com.br 2\) 💬 Chat ao vivo dentro do a EngagED 3\) 🟢 Whatsapp: [(41) 99960-3401](https://wa.me/5541999603401) - [Área de Membros](https://ajuda.engaged.com.br/%C3%A1rea-de-membros?hsLang=pt-br#main-content) - [Criação de conteúdo](https://ajuda.engaged.com.br/%C3%A1rea-de-membros?hsLang=pt-br#cria%C3%A7%C3%A3o-de-conte%C3%BAdo) - [Certificado](https://ajuda.engaged.com.br/%C3%A1rea-de-membros?hsLang=pt-br#certificado) - [Gestão de usuários](https://ajuda.engaged.com.br/%C3%A1rea-de-membros?hsLang=pt-br#gest%C3%A3o-de-usu%C3%A1rios) - [Comunidades](https://ajuda.engaged.com.br/%C3%A1rea-de-membros?hsLang=pt-br#comunidades) - [Vendas e Financeiro](https://ajuda.engaged.com.br/vendas-e-financeiro?hsLang=pt-br#main-content) - [Checkout](https://ajuda.engaged.com.br/vendas-e-financeiro?hsLang=pt-br#checkout) - [Recebedores e Movimentações](https://ajuda.engaged.com.br/vendas-e-financeiro?hsLang=pt-br#recebedores-e-movimenta%C3%A7%C3%B5es) - [✦ Inteligência Artificial](https://ajuda.engaged.com.br/vendas-e-financeiro?hsLang=pt-br#intelig%C3%AAncia-artificial) - [Integrações](https://ajuda.engaged.com.br/integra%C3%A7%C3%B5es?hsLang=pt-br) - [Aparência e Personalização](https://ajuda.engaged.com.br/apar%C3%AAncia-e-personaliza%C3%A7%C3%A3o?hsLang=pt-br#main-content) - [URL Personalizada](https://ajuda.engaged.com.br/apar%C3%AAncia-e-personaliza%C3%A7%C3%A3o?hsLang=pt-br#url-personalizada) - [Personalizações Gerais](https://ajuda.engaged.com.br/apar%C3%AAncia-e-personaliza%C3%A7%C3%A3o?hsLang=pt-br#personaliza%C3%A7%C3%B5es-gerais) - [Aplicativo White Label](https://ajuda.engaged.com.br/aplicativo-white-label?hsLang=pt-br) - [Analytics e Relatórios](https://ajuda.engaged.com.br/analytics-e-relat%C3%B3rios?hsLang=pt-br) - [Benefícios Exclusivos e Parcerias](https://ajuda.engaged.com.br/benef%C3%ADcios-exclusivos-e-parcerias?hsLang=pt-br) - [Estratégia e Crescimento](https://ajuda.engaged.com.br/estrat%C3%A9gia-e-crescimento?hsLang=pt-br#main-content) - [Social Media](https://ajuda.engaged.com.br/estrat%C3%A9gia-e-crescimento?hsLang=pt-br#social-media) - [Conversão](https://ajuda.engaged.com.br/estrat%C3%A9gia-e-crescimento?hsLang=pt-br#convers%C3%A3o) - [Marketing Digital](https://ajuda.engaged.com.br/estrat%C3%A9gia-e-crescimento?hsLang=pt-br#marketing-digital) - [Outras Informações](https://ajuda.engaged.com.br/outras-informa%C3%A7%C3%B5es?hsLang=pt-br) - [Novidades](https://ajuda.engaged.com.br/novidades?hsLang=pt-br#main-content) - [checkout](https://ajuda.engaged.com.br/novidades?hsLang=pt-br#checkout) - [Premiações](https://ajuda.engaged.com.br/premia%C3%A7%C3%B5es?hsLang=pt-br) - [Dúvidas Gerais](https://ajuda.engaged.com.br/d%C3%BAvidas-gerais?hsLang=pt-br) [![Chill listening crop-3](https://ajuda.engaged.com.br/hs-fs/hubfs/Design%20sem%20nome%20-%202025-06-12T101233.628.png?width=30&height=34&name=Design%20sem%20nome%20-%202025-06-12T101233.628.png "Chill listening crop-3")](http://engaged.com.br) Central de ajuda EngageD Copyright © 2025, EngagED