---
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.
---

[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

Saiba mais sobre a **Inteligência Artificial de Vendas da EngagED** no artigo [Como configurar o seu Agente de IA para Vendas no seu Whatsapp](https://ajuda.engaged.com.br/ia-de-vendas?hsLang=pt-br). No admin, ela fica em **Comercial** \> **IA de Vendas**.

#### **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. No menu lateral da sua conta EngagED, clique em **Configurações**
   
   ![Menu lateral com Configurações](https://ajuda.engaged.com.br/hubfs/central-ajuda/como-adicionar-o-botao-de-whatsapp/como-adicionar-o-botao-de-whatsapp-passo-01-borrada.png)
2. Abra a aba **Integrações**
   
   ![Aba Integrações no topo de Configurações](https://ajuda.engaged.com.br/hs-fs/hubfs/central-ajuda/google-tag-manager-gtm/google-tag-manager-gtm-r2-01.jpeg?width=670&name=google-tag-manager-gtm-r2-01.jpeg)
3. Clique no card **Google Tag Manager (GTM)**
   
   ![Card Google Tag Manager (GTM) na aba Integrações](https://ajuda.engaged.com.br/hs-fs/hubfs/central-ajuda/google-tag-manager-gtm/google-tag-manager-gtm-passo-02.png?width=670&name=google-tag-manager-gtm-passo-02.png)
4. **Habilite a integração** para:
   
     - **Habilitar integração na Área de Membros (LMS)**
     - **Habilitar integração em Checkouts e Links de Pagamento**
   
   ![Chave Habilitar integração na Área de Membros (LMS) no painel do Google Tag Manager](https://ajuda.engaged.com.br/hs-fs/hubfs/central-ajuda/google-tag-manager-gtm/google-tag-manager-gtm-r2-02.jpeg?width=670&name=google-tag-manager-gtm-r2-02.jpeg)
5. Cole o **ID do contêiner (`GTM-XXXXXXX`)** nos dois campos: **Contêiner Área de membros (LMS)** e **Código do Contêiner**
   
   ![Campo do contêiner da Área de membros no painel do Google Tag Manager](https://ajuda.engaged.com.br/hs-fs/hubfs/central-ajuda/google-tag-manager-gtm/google-tag-manager-gtm-r2-03.jpeg?width=670&name=google-tag-manager-gtm-r2-03.jpeg)

Em **Checkouts associados**, você pode deixar a opção **"Todos os Checkouts e Links de pagamento"** selecionada, ou configurar individualmente.

![Campo Checkouts associados ao lado do Código do Contêiner](https://ajuda.engaged.com.br/hs-fs/hubfs/central-ajuda/google-tag-manager-gtm/google-tag-manager-gtm-r2-04.jpeg?width=670&name=google-tag-manager-gtm-r2-04.jpeg)

Clique em **SALVAR ALTERAÇÕES**, no canto inferior direito.

![Botão SALVAR ALTERAÇÕES no painel do Google Tag Manager](https://ajuda.engaged.com.br/hs-fs/hubfs/central-ajuda/google-tag-manager-gtm/google-tag-manager-gtm-r2-05.jpeg?width=670&name=google-tag-manager-gtm-r2-05.jpeg)

### 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">   <img src="https://s3-sa-east-1.amazonaws.com/media.engaged.com.br/design/icon-whatsapp.svg"        alt="Fale conosco no WhatsApp"> </a> <style> /* 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;   } } </style>`

` `

> **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://s3-sa-east-1.amazonaws.com/media.engaged.com.br/design/icon-whatsapp.svg)

O botão aparece assim para o visitante na visão de mobile (telas menores, geralmente celulares e alguns tablets) no canto esquerdo inferior da tela:

![IMG\_2635](https://s3-sa-east-1.amazonaws.com/media.engaged.com.br/design/icon-whatsapp.svg)

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 admin 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

<https://www.linkedin.com/company/engaged-s-a> <https://www.instagram.com/engaged.br/>

Copyright © 2025, EngagED