≡En resumen
- Un pop-up es una ventana o capa que se superpone al contenido sin que el usuario la solicite.
- Los hay de muchos tipos: ventana nueva, modal, pop-under, de intención de salida, por scroll o por tiempo.
- Google no castiga cualquier pop-up: penaliza en móvil los que tapan el contenido nada más llegar desde el buscador.
- Los avisos legales (cookies, verificación de edad) y los banners pequeños y fáciles de cerrar están permitidos.
- Un buen pop-up aparece en el momento justo, ofrece algo útil y se cierra con un clic.
01 ¿Qué es un pop-up o ventana emergente?
Un pop-up es una ventana o capa que aparece de repente encima de la página que estás viendo. En español se llama ventana emergente. Al principio eran ventanas nuevas del navegador que se abrían solas; hoy casi siempre son capas dibujadas dentro de la propia web (lo que en diseño de interfaces se llama modal o lightbox), que oscurecen el fondo y obligan a interactuar o cerrarlas para seguir leyendo.
El término viene del verbo inglés to pop up, «surgir» o «aparecer de golpe». Por eso también se usa para otras cosas que «saltan»: libros desplegables, tiendas efímeras o menús contextuales.
02 Origen: quién inventó los anuncios pop-up
Los anuncios emergentes nacieron a finales de los años 90 en Tripod, un servicio de páginas personales. El desarrollador Ethan Zuckerman escribió un código en JavaScript que abría la publicidad en una ventana aparte: así los anunciantes no veían su marca junto a contenidos que no querían asociar a ella. La idea se copió en toda la web y a principios de los 2000 las ventanas emergentes eran una plaga.
La respuesta llegó desde los navegadores. Opera fue el primero en incluir herramientas para bloquearlas y Mozilla afinó el sistema bloqueando solo las que se abrían al cargar la página, no las que el usuario pedía con un clic. En 2004 Microsoft añadió el bloqueador a Internet Explorer con el Service Pack 2 de Windows XP. Años después, en 2014, Zuckerman pidió disculpas públicamente por su invento en un artículo en The Atlantic.
2004
Internet Explorer incorpora el bloqueador de pop-ups (Windows XP SP2)
Fuente: Wikipedia, «Pop-up ad»
10/01/2017
Google empieza a penalizar en móvil los intersticiales intrusivos
Fuente: Google Search Central
03 Tipos de pop-up
Ventana nueva clásica
Abre otra ventana o pestaña del navegador. Es el formato original y hoy los navegadores la bloquean por defecto si no la provoca un clic.
Modal o lightbox
Una capa dentro de la misma página que oscurece el fondo. Es el pop-up más habitual en webs y tiendas online.
Pop-under
Se abre detrás de la ventana activa y solo lo ves al cerrarla. Se asocia a webs de baja calidad y publicidad agresiva.
Intención de salida
Salta cuando el ratón se dirige a cerrar la pestaña. Se usa para recuperar carritos o captar el correo antes de que te vayas.
Por scroll o por tiempo
Aparece al bajar un porcentaje de la página o tras unos segundos, cuando el usuario ya ha mostrado interés.
Slide-in y barras
Una caja que entra por una esquina o una franja fija arriba o abajo. Molestan menos porque no tapan el contenido.
| Formato | Qué es | Tapa el contenido |
|---|---|---|
| Pop-up | Ventana o capa que aparece sin pedirla, en cualquier momento de la visita | Parcial o totalmente |
| Intersticial | Pantalla completa que se muestra antes o entre páginas | Sí, del todo |
| Banner | Espacio publicitario integrado en el diseño de la página | No |
04 ¿Para qué sirve un pop-up en marketing?
Que un formato sea intrusivo no significa que no funcione. Un pop-up concentra toda la atención en un único mensaje y una única acción, y por eso sigue siendo una de las formas más directas de conseguir suscriptores para tu estrategia de email marketing. La clave es ofrecer algo a cambio, como un lead magnet: una guía, un descuento o una plantilla.
- ✓Captar suscriptores para la newsletter a cambio de un descuento o un recurso gratuito.
- ✓Anunciar una promoción temporal, el envío gratis o las rebajas.
- ✓Recuperar carritos abandonados con un mensaje de intención de salida.
- ✓Mostrar avisos obligatorios: consentimiento de cookies o verificación de edad.
- ✓Pedir una valoración o lanzar una encuesta breve tras una compra.
- ✓Invitar a descargar la app o a seguir a la marca en redes sociales.
05 Pop-ups y SEO: qué penaliza Google
Desde el 10 de enero de 2017 Google puede posicionar peor en móvil las páginas cuyo contenido no es accesible al llegar desde los resultados de búsqueda. Su documentación actual lo resume así: los intersticiales y diálogos intrusivos tapan el contenido, frustran al usuario y dificultan que los buscadores entiendan la página. Si trabajas tu posicionamiento SEO, conviene revisar cuándo y cómo aparecen tus ventanas emergentes.
| Penalizable | Aceptable |
|---|---|
| Pop-up que tapa el contenido nada más llegar desde Google | Aviso de cookies u otra obligación legal |
| Intersticial independiente que hay que cerrar para leer | Verificación de edad en webs para adultos o de apuestas |
| Diseño cuya parte superior imita un intersticial y deja el contenido debajo | Banner que ocupa una parte razonable de la pantalla y se cierra fácilmente |
| Pop-up que aparece mientras el usuario lee y cubre el texto | Inicio de sesión en contenidos que no son públicos |
06 Cómo diseñar un pop-up que convierta sin molestar
-
1
Define un único objetivo
Suscripción, descuento o aviso: un pop-up, una acción. Si pides tres cosas, no conseguirás ninguna.
-
2
Elige el momento
Mejor tras un porcentaje de scroll, unos segundos de lectura o la intención de salida que nada más cargar la página.
-
3
Ofrece algo concreto
Un porcentaje de descuento, envío gratis o un recurso descargable funcionan mejor que un genérico «suscríbete».
-
4
Pide solo lo imprescindible
El correo electrónico suele bastar. Cada campo extra reduce las conversiones.
-
5
Haz visible el botón de cerrar
Una X clara y que funcione también al pulsar fuera de la ventana o la tecla Esc.
-
6
Adáptalo al móvil
En pantallas pequeñas usa una barra inferior o un slide-in en lugar de una capa a pantalla completa.
-
7
Limita la frecuencia y mide
No lo repitas en cada página ni a quien ya se suscribió, y compara versiones con un test A/B.
Todo esto es optimización de la conversión en estado puro: el mismo pop-up puede duplicar o hundir resultados según el momento y el mensaje. Y es también una cuestión de diseño UX, porque una ventana que interrumpe en mal momento empeora la percepción de toda la marca.
Una tienda de cosmética muestra, solo a visitantes nuevos con productos en el carrito, un recuadro cuando el cursor se va hacia la barra de pestañas: «¿Te vas? Llévate un 10 % en tu primer pedido». Un campo para el correo, un botón y una X bien visible. En móvil, el mismo mensaje aparece como barra inferior tras 30 segundos.
07 Cómo bloquear o permitir las ventanas emergentes
Todos los navegadores actuales bloquean por defecto las ventanas nuevas que se abren sin un clic. Si una web legítima (tu banco, una pasarela de pago o una herramienta interna) necesita abrir una, puedes permitirla solo para ese sitio.
| Navegador | Ruta |
|---|---|
| Google Chrome | Configuración > Privacidad y seguridad > Configuración de sitios > Ventanas emergentes y redirecciones |
| Mozilla Firefox | Ajustes > Privacidad y seguridad > Permisos > Bloquear ventanas emergentes |
| Safari en Mac | Safari > Ajustes > Sitios web > Ventanas emergentes |
| Microsoft Edge | Configuración > Cookies y permisos del sitio > Elementos emergentes y redireccionamientos |
08 Otros significados de pop-up
Pop-up store
Tienda efímera que abre solo unos días o semanas en un local, para lanzar un producto o crear expectación.
Libro pop-up
Libro con figuras de papel que se despliegan en tres dimensiones al abrir cada página.
Menú emergente
En software, lista de opciones que aparece al hacer clic derecho o pulsar un botón.
Si quieres profundizar, el pop-up encaja mejor cuando forma parte de una estrategia de marketing de atracción que aporta valor antes de pedir nada. Y para ver usos creativos del formato, este artículo repasa la magia de los banners pop-ups para promociones, suscripciones, vídeo y WhatsApp.
Preguntas frecuentes sobre Pop-up
Pop-up significa «ventana emergente». Viene del inglés to pop up, «aparecer de golpe», y designa una ventana o capa que se abre sola sobre el contenido de una web.
Es un recuadro que aparece por encima de la página sin que lo pidas, normalmente para mostrar publicidad, una oferta, un aviso o un formulario de suscripción.
Solo los intrusivos. Google puede posicionar peor en móvil las páginas cuyo pop-up tapa el contenido al llegar desde el buscador, pero no los avisos legales ni los banners pequeños y fáciles de cerrar.
Es un anuncio que se muestra en una ventana emergente. Los estándares de la Coalition for Better Ads lo consideran un formato no aceptable en escritorio y en móvil.
El pop-up aparece delante del contenido que estás viendo; el pop-under se abre detrás de la ventana activa y solo lo descubres al cerrarla.
Ve a Configuración > Privacidad y seguridad > Configuración de sitios > Ventanas emergentes y redirecciones y marca que los sitios no puedan enviarlas. Desde ahí también puedes permitirlas en webs concretas.
Cuando el usuario ya ha mostrado interés: tras hacer scroll, pasar un tiempo en la página o al intentar salir. Mostrarlo nada más entrar es lo que más molesta y lo que Google penaliza en móvil.
Fuentes consultadas
Sobre el autor
CEO de appyweb, especialista en SEO, IA y desarrollo
Fundador de appyweb. Más de una década posicionando webs y tiendas online en Google y en las respuestas de la IA, y dedicado también al desarrollo de software y las automatizaciones.
Ver perfil y artículos → Ver perfil en LinkedIn ↗