Como colocar um pop-up em seu site com o Google Tag Manager sem programador
Guia passo a passo para um pop-up com o Google Tag Manager: instale uma linha, escreva o modal no editor do Clew e decida quando ele aparece — depois de alguns segundos, na rolagem, numa visita de retorno — sem mexer no tema de novo.
- Tempo
- ● 10 minutos
- Preço
- Teste grátis de 14 dias, sem cartão
- Quem faz
- Quem pode publicar no GTM
Exemplo: um pop-up com o Google Tag Manager
O site de marketing de um SaaS roda num stack próprio, e o marketing só consegue editar o GTM. Quem fica 20 segundos em /pricing vê um modal “Na dúvida sobre o plano? Agende uma conversa de 15 minutos” com link para a página de demo.
Este formato faz parte do plano Pro. Toda conta nova começa com 14 dias de teste grátis com todos os formatos e regras de público, sem cartão. Quando o teste acaba, nada é apagado e o que foi publicado continua aparecendo; tours e tooltips seguem grátis no plano Free.
Como adicionar o pop-up com o Google Tag Manager, passo a passo
- Passo 01
Copie o seu snippet do Clew
Crie uma conta grátis (ou entre), adicione o seu site e abra Visão geral no admin. Clique na linha do cartão O widget ainda não deu sinal. para copiar: ela já vem com a chave real do seu site no lugar do marcador.
<!-- Clew: troque COLE_AQUI_SUA_CHAVE pela chave do site em Admin > Visão geral --> <script src="https://tryclew.io/widget/COLE_AQUI_SUA_CHAVE.js" async></script>
Passo 1 · ilustração esquemática - Passo 02
Crie uma tag Custom HTML no GTM
Em tagmanager.google.com abra o seu contêiner, Tags → New → Tag Configuration → Custom HTML, e cole a linha do Clew. Dê à tag o nome
Clew widget.
Passo 2 · ilustração esquemática - Passo 03
Dispare em All Pages
Em Triggering escolha All Pages e salve. Carregue em todas as páginas: em qual página o pop-up aparece é decidido no Clew, não no GTM.
Passo 3 · ilustração esquemática - Passo 04
Preview, depois Submit e Publish
Confira no Preview que
Clew widgetestá em Tags Fired e depois Submit → Publish. Nada chega ao site real antes de publicar.
Passo 4 · ilustração esquemática - Passo 05
Escreva o pop-up no Clew
No Clew abra Fluxos → + Novo fluxo e escolha Formato Janela modal. Adicione um passo: um título curto, uma ou duas frases e, em Texto do link / URL do link, o texto do botão e a página que ele abre. O modal não precisa de seletor: sempre aparece centralizado.
Passo 5 · ilustração esquemática - Passo 06
Escolha onde, quando e para quem aparece
No mesmo editor, preencha Onde mostrar (URL da página), Quando mostrar, Segmentação de público e Frequência. Estas são as configurações do exemplo acima:
Configuração Valor Formato Janela modal Onde mostrar (URL da página) Seção por prefixo /pricingQuando mostrar Depois de N segundos: 20 segundos Segmentação de público Sem regras: todo mundo que abre a página Frequência Uma vez por visitante 
Passo 6 · ilustração esquemática - Passo 07
Publique e confira no site real
Mude Status para Publicado e salve. Abra a página numa janela anônima: o Clew lembra quem já viu um item de “uma vez”, então o seu navegador de sempre pode pular. Visualizações, conclusões e abandonos aparecem nas estatísticas.
Passo 7 · ilustração esquemática
Armadilhas: pop-up com o Google Tag Manager
Não use um acionador History Change
O widget acompanha sozinho a navegação de apps de página única. Um segundo acionador em History Change só carrega o script de novo à toa.
O modo de consentimento pode atrasar
Se o contêiner usa Consent Mode e a tag espera consentimento, o pop-up só aparece depois que o visitante aceita. Decida conforme a sua política de privacidade.
Confira no celular antes de publicar
Com um gerenciador de tags é fácil publicar em todas as páginas de uma vez. Abra a página numa janela estreita: a largura do modal é limitada, mas um texto longo empurra o botão para baixo. Fique em duas frases.
Perguntas e respostas
Dá para medir os cliques do pop-up no GA4?
O Clew conta visualizações, conclusões e fechamentos nas estatísticas dele. O botão leva à sua página, então o GA4 registra essa visita como sempre.
O GTM atrasa o pop-up?
O widget carrega um instante depois do contêiner. Só um item Assim que a página carregar na primeiríssima visualização pode aparecer uma fração de segundo depois do que numa instalação direta.
Dá para mostrar o pop-up numa página só?
Sim. Instale a linha no site inteiro e escolha Caminho exato ou Seção por prefixo em Onde mostrar (URL da página). O pop-up não aparece em nenhuma outra página.
O pop-up é grátis?
O formato modal faz parte do Pro; contas novas têm 14 dias de teste com tudo, sem cartão. Tours e tooltips são grátis no plano Free.
Para onde o botão leva?
Para qualquer página que você colocar em URL do link. Ela abre em outra aba, para o visitante não perder a página em que estava.
O que mais dá para adicionar com o Google Tag Manager
- Como criar um tour do produto com o Google Tag Manager sem programador
- Como adicionar um checklist de onboarding com o Google Tag Manager sem programador
- Como configurar o onboarding de usuários com o Google Tag Manager sem programador
- Como adicionar um tooltip em seu site com o Google Tag Manager sem programador
- Como criar um guia interativo do produto com o Google Tag Manager sem programador
- Como criar um aviso de paywall com o Google Tag Manager sem programador
Pop-up em outras plataformas
- ShopifyComo colocar um pop-up em uma loja Shopify sem programador
- WordPressComo colocar um pop-up em um site WordPress sem programador
- WebflowComo colocar um pop-up em um site Webflow sem programador
- WixComo colocar um pop-up em um site Wix sem programador
- FramerComo colocar um pop-up em um site Framer sem programador