3.5Pop-ups (Popup Builder)
Lo esencial en 30 segundos
- El Popup Builder (Pro) crea ventanas emergentes (newsletter, promo, cookies).
- Los disparadores deciden cuándo (tras X segundos, al desplazar, a la salida); las condiciones, dónde.
- Regla de oro: no ser intrusivo — nada de pop-up al llegar; precaución en móvil (molesto, penalizado).
Hilo conductor — Nadia añade una promo (con tacto)
El carpintero quiere anunciar "-10 % en cocinas este mes". Nadia crea un pop-up… pero no lo dispara al llegar (molesto). Lo muestra tras algo de lectura o a la salida de la página, una sola vez, y lo prueba en móvil para que siga siendo fácil de cerrar.
Última sección del nivel 3 — potente pero a manejar con tacto.
1. Pop-up, disparadores, condiciones
El Popup Builder (Pro) diseña ventanas emergentes mostradas sobre la página (suscripción a newsletter, promoción, banner de cookies). Los disparadores (triggers) definen cuándo aparece el pop-up: al cargar (tras X segundos), al desplazar (una vez leída parte de la página), a la salida (cuando el ratón abandona la ventana). Las condiciones y reglas definen dónde se muestra (qué páginas) y con qué frecuencia.
Nadia ajusta su pop-up promo: disparo tras la lectura o a la salida, en las páginas de producto, una vez por visitante.
2. No ser intrusivo
La regla de oro: no ser intrusivo. Un pop-up al llegar molesta y hace huir; es preferible mostrarlo tras algo de interacción, con una cruz de cierre clara, y una sola vez.
Precaución en móvil: los pop-ups (intersticiales) son especialmente aparatosos allí y pueden ser penalizados por los motores. Prueba que se cierren fácilmente con el dedo, o limítalos en pantalla pequeña.
🔎 Ejemplo concreto — Pop-up promo con tacto (caso Nadia)
Contenido: "-10 % en cocinas este mes" + botón.
Disparador: tras el 40 % de desplazamiento O a la salida.
Condición: páginas "cocinas", 1 vez por visitante.
Cierre: cruz bien visible.
Móvil: probado, fácil de cerrar con el dedo.Resultado: una promo visible sin molestar.
Lección: disparar tras la interacción, nunca al llegar.
Vocabulario de la sección
- Pop-up (Popup Builder, Pro)
- Una ventana emergente mostrada sobre la página, diseñada con Elementor Pro.
Ejemplo sencillo: pop-up promo "-10 % cocinas".
Lo que no es: un pop-up permanente imposible de cerrar.
Reflejo: pop-up = mensaje puntual, que se puede cerrar.
- Disparadores (triggers)
- Cuándo aparece el pop-up: al cargar (tras X s), al desplazar, a la salida.
Ejemplo sencillo: aparición a la salida de la página.
Lo que no es: disparo inmediato al llegar.
Reflejo: disparar tras algo de interacción.
- Condiciones y reglas
- Dónde se muestra el pop-up (qué páginas) y con qué frecuencia.
Ejemplo sencillo: en las páginas de producto, una vez por visitante.
Lo que no es: mostrarlo en todo el sitio, en cada página.
Reflejo: dirigir las páginas + limitar la frecuencia.
- No ser intrusivo
- Evitar el pop-up al llegar; cierre fácil; una sola vez.
Ejemplo sencillo: cruz clara, aparición única.
Lo que no es: pop-up repetido que bloquea la lectura.
Reflejo: el visitante debe poder cerrar en un gesto.
- Precaución en móvil (intersticiales)
- En móvil, los pop-ups son aparatosos y a veces penalizados.
Ejemplo sencillo: probar el cierre con el dedo o limitar en móvil.
Lo que no es: un pop-up a pantalla completa imposible de cerrar en móvil.
Reflejo: comprobar cada pop-up en un móvil real.
En la práctica — Crear un pop-up útil y discreto
- Crea un pop-up (p. ej. promo o newsletter) con un mensaje claro y un botón.
- Ajusta un disparador no agresivo (tras desplazar o a la salida).
- Define las condiciones (páginas dirigidas) y la frecuencia (una vez).
- Prueba en móvil: cierre fácil con el dedo, sin bloqueo.
Guion listo para decir — encuadrar el uso de los pop-ups (20 s)
"Añado su oferta como mensaje emergente, pero no al llegar: aparecerá tras algo de lectura, una sola vez, y se cerrará con facilidad. Es más eficaz y menos molesto — sobre todo en móvil, donde un pop-up mal gestionado hace huir a los visitantes."
Explicar que el tacto aumenta la eficacia y protege el posicionamiento.
Plantilla para copiar y pegar — comprobación de pop-up
CONTENIDO: _______________ BOTÓN: _______________
DISPARADOR: tras ___ % de desplazamiento / a la salida / tras ___ s
CONDICIÓN (páginas): _______________ FRECUENCIA: 1 vez / ___
CIERRE (cruz clara): sí / no
PRUEBA MÓVIL (cierre con el dedo): hecha / por hacerPromo
Disparo tras la lectura o a la salida, en las páginas pertinentes.
Newsletter
Propuesta discreta tras la interacción, nunca al llegar.
Cookies
Banner claro y poco intrusivo, conforme a las obligaciones.
Móvil
Limitar o aligerar los pop-ups; probar el cierre con el dedo.
✓ Buenas prácticas
- Disparar tras la interacción, nunca al llegar.
- Limitar la frecuencia (una vez) y dirigir las páginas.
- Probar cada pop-up en móvil.
✗ Errores frecuentes
- Pop-up al llegar (molesta, hace huir).
- Pop-up repetido o difícil de cerrar.
- Pop-up a pantalla completa no cerrable en móvil (penalizado).
Puntos clave
- Popup Builder (Pro): ventanas emergentes.
- Disparadores = cuándo; condiciones = dónde + frecuencia.
- No intrusivo: cierre fácil, una vez.
- Precaución en móvil (intersticiales).
Reto 48h — aplica mañana
Crea un pop-up (promo o newsletter) disparado a la salida o tras desplazar, limitado a una vez y a ciertas páginas, con una cruz clara. Prueba el cierre en un móvil real. 20 minutos.
- Creo un pop-up con disparador y condiciones.
- Lo hago no intrusivo (frecuencia, cierre).
- Lo pruebo en móvil.
Preguntas frecuentes
¿Cuándo mostrar un pop-up?
Nunca al llegar: prefiere un disparador tras algo de interacción (desplazamiento, tiempo) o a la salida, una sola vez, con un cierre fácil.
¿Los pop-ups perjudican el posicionamiento?
En móvil, los pop-ups intrusivos (intersticiales) pueden ser penalizados por los motores. Limítalos, hazlos fáciles de cerrar y pruébalos en un teléfono.
¿Se pueden dirigir los pop-ups?
Sí: las condiciones definen en qué páginas se muestran, y las reglas de frecuencia evitan repetirlos en cada visita.
Nadia quiere anunciar una promo sin molestar a los visitantes. ¿Qué ajuste de pop-up es mejor?