¿Qué es un pop-up y para qué sirve?

Autor : Cantabria Cloud

14 Abr, 2021

Seguramente, y a poco que estés al día en cuanto a diseño web, habrás oído hablar de las ventanas emergentes o popups. En este post te explicamos qué es un pop-up y cual es su utilidad en la práctica. ¿Te animas a aprender un poco más sobre
ellos?

¿Qué es un pop-up?

Un pop-up es una ventana emergente que se muestra en primer plano sobre el contenido de una página web. Puede aparecer de varias maneras:

  • Inicialmente: nada más abrir el sitio web nos «salta» el Popup y vemos debajo el contenido de la web.
  • Con un contador de tiempo: dependiendo cómo se prepare, se puede hacer que aparezca tras pasar «x» segundos desde que abrimos el documento web.
  • Al pulsar sobre un botón o enlace: también se puede hacer que su apareción sea producida cuando el usuario pulse sobre algún elemento. También es posible hacerlos aparecer ante otros eventos, como que pasemos por encima de algo o que hagamos doble click.

Características más habituales en los popup

  • Suele ser mal recibida por el usuario final, aunque es cierto que veremos muchas aplicaciones que aportan valor.
  • Se considera una práctica intrusiva y sólo deberíamos usarlo en casos muy justificados.
  • Lo habitual es que tenga un diseño más pequeño que la página (rectangular o cuadrada), que tenga colores vivos y lleve asociado uno o varios botones.

Tipos de pop-up

Los pop-up pueden ser clasificados como:

  • Modales: si no permiten interactuar con la web hasta que no los cerremos.
  • No modales: si pulsamos fuera de el propio pop-up se cerrará. Son menos invasivos de cara a la usabilidad de la página web.

Historia de los popups

No hay que olvidar que los popup aparecieron hace muchísimos años, mucho antes de haber páginas web. Los pop-up provienen del software de escritorio para mostrar mensajes de aviso, notificaciones o hacer preguntas al usuario de estos programas de ordenador.

¿Para qué sirve un popup?

De manera sencilla podemos decir que un popup sirve para atraer al máximo la atención del usuario de un sitio web. Además permite establecer una posible conversión en su comportamiento: ir a alguna sección, aprovechar una oferta, suscribirse a nuestra lista de correo, comprar, etc.

Es cierto que ha habido épocas en el diseño web en el que se ha hecho un uso excesivo de este elemento; no es raro aún encontrarse con webs (normalmente fraudulentas) que cuando pulsamos en cualquier lado nos abren varias pestañas con fines como mínimo dudosos. Aún así, no hay que evitar tampoco su uso si consideramos que proporcionará funcionalidad a nuestra página o que el usuario podrá sacar algún beneficio de la misma.

Aunque veremos que los popup se pueden utilizar existen extensiones y programas para los navegadores que los bloquean

¿Penaliza Google su uso?

En absoluto, si la experiencia de usuario (UX) es buena, puede ser justamente lo contrario. El tema es no abusar de su uso y que este esté totalmente justificado de cara al usuario.

Buenos ejemplos de popup

A continuación te mostramos algunos ejemplos de pop-up que son totalmente razonables y que pueden usarse sin ningún temor.

Pop-up de descuento

Este es un tipo de popup en el que se muestra un descuento global para toda la tienda online.

Popup de producto

Es bastante habitual en tiendas online que se nos muestre un popup con algún tipo de oferta cuando navegamos por los diferentes productos. En este caso no es una oferta genérica que se aplique a todos los artículos del ecommerce: es una oferta para un producto en concreto. Lo ideal sería que tuviese relación con los productos que el usuario ya ha visto.

Pop up de suscripción

Este es el más habitual: el de ofrecer la opción de suscribirse a una lista de correo. En este caso vemos que no lleva ninguna contraprestación por lo que lo podríamos considerar como un poco «agresivo«. Veremos más adelante ejemplos de popup de suscripción que llevan aparejados un pequeño regalo (ya sea un descuento o la descarga de un ebook) y que suavizan un poco la percepción por parte del usuario final.

Pop up de acceso/registro

Este tipo de popup es muy interesante para el registro o la entrada al área de clientes de una página web.

Popup de aviso importante o emergencia

Los hemos visto mucho durante esta crisis del covid-19. Son excelentes para indicar al usuario algún aviso importante como que cerramos durante unos días por vacaciones o que nuestros servicios diferirán de los habituales por alguna circunstancia excepcional. Este sería el único caso que el usuario entiende como no invasivo aunque se lo mostremos de forma invasiva.

Popup interrogativo

Es una forma muy interesante de hacer que el usuario nos envíe cierta información a modo de encuesta.

Pop-up de pago correcto

Es el típico popup que nos aparecerá al finalizar una compra y haber pagado correctamente.

Popups que nos gustan

A continuación os mostramos algunos ejemplos de popup que nos parecen reseñables de webs relacionadas con el marketing digital, SEO y diseño web en español.

Popup de descarga del Ebook de Rafa Sospedra

Es el más clásico de los tres y aunque se podría mejorar el tema de las cajas de abajo o que falta algún acento, es casi un estándar en cuanto a popup de suscripción con regalo incluido.

Popup de Blogger30 de Dean Romero

A nivel de diseño gráfico está muy logrado, ¡nos encanta su estilo con el vector degradado alrededor!. Se ve muy profesional.

Blog de descarga del ebook de Antonio Lopez

Nos parece que está muy conseguido e ideal para «replicar» en aquellos que permitan descargar un libro gratis o cosas similares.

Alternativas a los popup

Si crees que los popups son muy agresivos, existen otras maneras de obtener un efecto más o menos similar con peor conversión (al ser menos intrusivos) pero con una mayor aceptación de cara al usuario. Básicamente consistiría en llamadas a la acción o incrustados y los popup en encabezado. Veamos un ejemplo de cada.

Incrustados / LLamada a la acción

Este es un ejemplo sacado de la web de Luis Villanueva. Consigue integrar muy bien en el diseño de la página una llamada a la acción. Seguramente su tasa de conversión no diste mucho de un popup convencional, porque ese botón que pone «Pásate por Wontalia» está diciendo «púlsame».

Pop-up de encabezado

En este caso es un tipo de popup que el usuario no considera invasivo al mostrarse en pequeñito en la parte superior de la página. Su % de conversión si bien no alcanzará nunca a un popup estándar, si no es prioritaria para ti esta métrica, puedes ponerlo y obtener buenas conversiones.

Conclusión

Los pop-ups han sido denostados durante años; pero no hay razón para no usarlos. ¿Nuestro consejo? Ser conscientes que un popup bien diseñado y con una finalidad clara puede ser una muy buena herramienta de cara a conseguir ciertos objetivos de conversión, pero conviene no abusar de ellos en el diseño de nuestro website.

Artículos Relacionados

Artículos de Interes

¿Por qué debes tener un BLOG en la página web de tu negocio?
¿Por qué debes tener un BLOG en la página web de tu negocio?

¿Por qué debes tener un BLOG en la página web de tu negocio?

Dentro de las estrategias de Marketing Digital, uno de los principales activos con los que debes contar, es un blog corporativo. Por si no lo sabes, tener un blog, te va a permitir conectar con diferentes clientes potenciales, informar sobre tus servicios o...

Guía de optimización de fichas de producto en tiendas online
Guía de optimización de fichas de producto en tiendas online

Guía de optimización de fichas de producto en tiendas online

Si tienes una tienda online probablemente te habrás dado cuenta que si no has trabajado en profundidad las fichas de productos, estas apenas reciben tráfico orgánico. Esto es debido a que nos enfrentamos a una tipología de página "diferente" con algunas...

¿Por qué debes tener un BLOG en la página web de tu negocio?
¿Por qué debes tener un BLOG en la página web de tu negocio?

¿Por qué debes tener un BLOG en la página web de tu negocio?

Dentro de las estrategias de Marketing Digital, uno de los principales activos con los que debes contar, es un blog corporativo. Por si no lo sabes, tener un blog, te va a permitir conectar con diferentes clientes potenciales, informar sobre tus servicios o...

Guía de optimización de fichas de producto en tiendas online
Guía de optimización de fichas de producto en tiendas online

Guía de optimización de fichas de producto en tiendas online

Si tienes una tienda online probablemente te habrás dado cuenta que si no has trabajado en profundidad las fichas de productos, estas apenas reciben tráfico orgánico. Esto es debido a que nos enfrentamos a una tipología de página "diferente" con algunas...

Abrir chat
1
Hola, 👋, Soy Carlos de Cantabria Cloud, ¿Tienes alguna duda? ¿En qué te puede ayudar? Recuerda que SABER y HABLAR es GRATIS. ¿Qué necesitas?