Estás a mitad de un artículo cuando un cuadro se desliza al centro de la pantalla. Te ofrece un código de descuento si escribes tu email. Puedes cerrarlo con una X en la esquina o seguir leyendo. Esa capa superpuesta es un pop-up web.
Los ames o te molesten, los pop-ups son una de las herramientas más habituales para la interacción web. Un pop-up web es una capa que se sitúa sobre el contenido normal de la página, y suele activarse por un temporizador, un scroll o un clic. Esto es lo que son, cómo funcionan y cuándo tienen sentido.
¿Qué es un pop-up web?
Un pop-up web es una ventana de mensaje que aparece sobre una página web sin sacar al visitante de ella. Puede cubrir parte de la pantalla o toda la ventana. La mayoría de los pop-ups incluyen un titular, un mensaje corto, una llamada a la acción y una forma de cerrarlos.
Los pop-ups interrumpen el flujo normal de lectura a propósito. Captan la atención para algo que el dueño de la web considera importante: una suscripción a la newsletter, una oferta limitada, un aviso de cookies o una petición de encuesta.
¿Por qué usan pop-ups las webs?
Las webs usan pop-ups porque el contenido normal de la página no siempre se ve. Un visitante puede leer un artículo entero e irse sin ver nunca el formulario de suscripción de la barra lateral. Un pop-up pone la oferta justo delante de él.
Cuando el diseño del pop-up está bien pensado, puede aumentar las suscripciones por email, promocionar rebajas de temporada o destacar un producto nuevo. Cuando el diseño es agresivo, acorta las visitas y daña la confianza. La herramienta en sí es neutra. Lo que decide el resultado es cómo la uses.
Tipos habituales de pop-ups web
La mayoría de los ejemplos de pop-ups web entran en unas pocas categorías. Los pop-ups de bienvenida saludan a los visitantes nuevos con una oferta de presentación. Los pop-ups de salida aparecen cuando alguien está a punto de irse. Los pop-ups por scroll se activan cuando el visitante lee una parte determinada de la página. Los pop-ups por clic se abren cuando alguien hace clic en un botón o enlace concreto.
Cada tipo sirve a un objetivo distinto. Los pop-ups de bienvenida hacen crecer tu lista de emails. Los pop-ups de salida intentan recuperar a un visitante que de otro modo se iría. Los pop-ups por scroll premian a los lectores implicados con una oferta relevante. Ajustar el tipo de pop-up al comportamiento del visitante marca una diferencia real.
Cómo es un buen diseño de pop-up
Un buen diseño de pop-up es simple y respetuoso. Usa un titular claro que exprese el beneficio. Limita el mensaje a una o dos frases. Ofrece una sola acción, no tres. Haz que el botón de cerrar sea fácil de encontrar.
Adapta el estilo del pop-up a tu web. Los colores, las fuentes y el tono deben ser coherentes con el resto de tu marca. Un pop-up que parece de otra web rompe la confianza al instante.
El momento importa tanto como el aspecto. Mostrar un pop-up antes de que alguien lea tu contenido resulta agresivo. Mostrarlo después de que haya interactuado con tu página parece un siguiente paso natural. Lee cómo usar pop-ups sin molestar a los visitantes para ver reglas prácticas sobre el momento.
Para profundizar en un tipo concreto, consulta qué es un pop-up de intención de salida. Si quieres comparar los pop-ups con opciones menos intrusivas, lee pop-ups frente a banners en nuestro blog.
Preguntas frecuentes
¿Los pop-ups web perjudican la experiencia de usuario?
Los pop-ups se vuelven un problema cuando bloquean contenido, aparecen demasiado pronto o salen en cada carga de página. Sigue las buenas prácticas con pop-ups para que tu mensaje resulte útil y no molesto.
¿Qué debe decir un pop-up para conseguir suscripciones?
Empieza por el beneficio, no por la acción. Recibe cada semana consejos para hacer crecer tu negocio funciona mejor que Suscríbete a nuestra newsletter. Deja el formulario en uno o dos campos. Nombre y email bastan para la mayoría de las webs.
¿Cuántos pop-ups debería mostrar por visita?
Un pop-up por sesión es un buen punto de partida. Mostrar varios pop-ups en una misma visita frustra a la gente y aumenta las salidas. Si necesitas varios mensajes, usa una barra fija para los secundarios.
¿Qué diferencia hay entre un pop-up y una barra fija?
Un pop-up cubre el contenido de la página y exige atención. Una barra fija se sitúa arriba o abajo de la pantalla sin bloquear el contenido principal. Lee qué es una barra fija para saber cuándo encaja mejor cada formato.
¿Funcionan los pop-ups en dispositivos móviles?
Los pop-ups pueden funcionar en el móvil, pero requieren más cuidado. Las capas a pantalla completa resultan más agresivas en pantallas pequeñas que en el ordenador. Considera un pop-up de intención de salida o un disparador por scroll en lugar de un temporizador en pantallas pequeñas.
¿Puedo añadir pop-ups a mi web de WEMASY?
El creador de webs de WEMASY te permite añadir elementos de pop-up a tus páginas con el editor visual. Puedes controlar el mensaje, el diseño y el momento sin instalar plugins aparte ni escribir código.