Cómo añadir un popup a tu web con Google Tag Manager sin programador
Guía paso a paso para un popup con Google Tag Manager: instala una línea, escribe el modal en el editor de Clew y decide cuándo aparece —tras unos segundos, al hacer scroll o en una visita repetida— sin volver a tocar la plantilla.
- Tiempo
- ● 10 minutos
- Precio
- Prueba gratis de 14 días, sin tarjeta
- Quién lo hace
- Quien pueda publicar en GTM
Ejemplo: un popup con Google Tag Manager
La web de marketing de un SaaS usa un stack propio y marketing solo puede editar GTM. Quien pasa 20 segundos en /pricing ve un modal “¿Dudas con el plan? Reserva una llamada de 15 minutos” con enlace a la página de demo.
Este formato forma parte del plan Pro. Cada cuenta nueva empieza con una prueba gratis de 14 días con todos los formatos y reglas de audiencia, sin tarjeta. Al terminar no se borra nada y lo publicado se sigue mostrando; los tours y tooltips siguen gratis en el plan Free.
Cómo añadir el popup con Google Tag Manager, paso a paso
- Paso 01
Copia tu snippet de Clew
Crea una cuenta gratis (o inicia sesión), añade tu sitio y abre Admin → Resumen. Haz clic en la línea de la tarjeta del widget para copiarla: ya lleva la clave real de tu sitio en lugar del marcador.
<!-- Clew: sustituye PEGA_AQUI_TU_CLAVE por la clave del sitio de Admin > Resumen --> <script src="https://tryclew.io/widget/PEGA_AQUI_TU_CLAVE.js" async></script>
Paso 1 · ilustración esquemática - Paso 02
Crea una etiqueta Custom HTML en GTM
En tagmanager.google.com abre tu contenedor, Tags → New → Tag Configuration → Custom HTML, y pega la línea de Clew. Llama a la etiqueta
Clew widget.
Paso 2 · ilustración esquemática - Paso 03
Actívala en All Pages
En Triggering elige All Pages y guarda. Cárgala en todas partes: en qué página aparece el popup se decide en Clew, no en GTM.
Paso 3 · ilustración esquemática - Paso 04
Preview y después Submit y Publish
Comprueba en Preview que
Clew widgetestá en Tags Fired y luego Submit → Publish. Nada llega al sitio real antes de publicar.
Paso 4 · ilustración esquemática - Paso 05
Escribe el popup en Clew
En Clew abre Flujos → + Nuevo flujo y elige Formato Ventana modal. Añade un paso: un título corto, una o dos frases y, en Texto del enlace / URL del enlace, el texto del botón y la página que abre. El modal no necesita selector: siempre aparece centrado.
Paso 5 · ilustración esquemática - Paso 06
Elige dónde, cuándo y a quién se muestra
En el mismo editor, completa Dónde mostrarlo (URL de la página), Cuándo mostrarlo, Segmentación de audiencia y Frecuencia. Estos son los ajustes del ejemplo de arriba:
Ajuste Valor Formato Ventana modal Dónde mostrarlo (URL de la página) Sección por prefijo /pricingCuándo mostrarlo Tras N segundos: 20 segundos Segmentación de audiencia Sin reglas: todos los que abren la página Frecuencia Una vez por visitante 
Paso 6 · ilustración esquemática - Paso 07
Publica y compruébalo en el sitio real
Pon Estado en Publicado y guarda. Abre la página en una ventana privada: Clew recuerda quién ya vio un elemento de “una vez”, así que tu navegador habitual puede saltárselo. Las vistas, finalizaciones y abandonos aparecen en las estadísticas.
Paso 7 · ilustración esquemática
Errores comunes: popup con Google Tag Manager
No uses un activador History Change
El widget sigue solo la navegación de las apps de una página. Un segundo activador en History Change solo vuelve a cargar el script para nada.
El modo de consentimiento puede retrasarlo
Si el contenedor usa Consent Mode y la etiqueta espera al consentimiento, el popup aparece solo cuando el visitante acepta. Decídelo según tu política de privacidad.
Revísalo en móvil antes de publicar
Con un gestor de etiquetas es fácil publicar en todas las páginas a la vez. Abre la página en una ventana estrecha: el ancho del modal está limitado, pero un texto largo empuja el botón hacia abajo. Quédate en dos frases.
Preguntas y respuestas
¿Puedo medir los clics del popup en GA4?
Clew cuenta vistas, finalizaciones y cierres en sus estadísticas. El botón lleva a tu página, así que GA4 registra esa visita como siempre.
¿GTM retrasa el popup?
El widget carga un instante después del contenedor. Solo un elemento Al cargar la página en la primera vista de página podría aparecer una fracción de segundo más tarde que con una instalación directa.
¿Puedo mostrar el popup solo en una página?
Sí. Instala la línea en todo el sitio y elige Ruta exacta o Sección por prefijo en Dónde mostrarlo (URL de la página). No aparecerá en ninguna otra página.
¿El popup es gratis?
El formato modal forma parte de Pro; las cuentas nuevas tienen 14 días de prueba con todo, sin tarjeta. Los tours y tooltips son gratis en el plan Free.
¿Adónde lleva el botón?
A cualquier página que pongas en URL del enlace. Se abre en otra pestaña para que el visitante no pierda la página donde estaba.
Qué más puedes añadir con Google Tag Manager
- Cómo crear un tour de producto con Google Tag Manager sin programador
- Cómo añadir un checklist de onboarding con Google Tag Manager sin programador
- Cómo configurar el onboarding de usuarios con Google Tag Manager sin programador
- Cómo añadir un tooltip a tu web con Google Tag Manager sin programador
- Cómo crear una guía interactiva de producto con Google Tag Manager sin programador
- Cómo añadir un aviso de paywall con Google Tag Manager sin programador
Popup en otras plataformas
- ShopifyCómo añadir un popup a una tienda Shopify sin programador
- WordPressCómo añadir un popup a una web en WordPress sin programador
- WebflowCómo añadir un popup a una web en Webflow sin programador
- WixCómo añadir un popup a una web en Wix sin programador
- FramerCómo añadir un popup a una web en Framer sin programador