Los 49 mejores ejemplos de ventanas emergentes impresionantes y por qué lo están matando

Como vendedor, siempre he tenido una relación de amor y odio con las ventanas emergentes. Por un lado, pueden ser extremadamente molestos, especialmente si aparecen en el momento en que abro un sitio web.

Por otro lado, si se hacen bien, pueden ser una herramienta extremadamente poderosa para lograr sus objetivos, ya sea obtener más suscriptores, más clientes potenciales o más seguidores en las redes sociales. Por esta razón, hoy veremos algunos ejemplos emergentes brillantes que lo están haciendo muy bien.

Y ahora, sin más preámbulos, profundicemos en ellos:

1. Armani

El primero en nuestra lista de hermosos y efectivos ejemplos emergentes es este de Armani. La imagen que han seleccionado es hermosa e inmediatamente llama la atención, y el formulario emergente en sí es lo más simple posible.

Esto es bueno porque es rápido y ahorra tiempo a los usuarios.

La marca solo requiere una dirección de correo electrónico del usuario y seleccionar la opción de género para que pueda recibir un boletín más personalizado. Me gusta esta ventana emergente porque tiene la información suficiente para lograr su objetivo.

2. Gucci

Este ejemplo de ventana emergente geodirigida de Gucci hace un gran trabajo al ayudar al usuario a confirmar su ubicación para que pueda recibir ofertas geodirigidas dependiendo de dónde se encuentre en el mundo.

Me encanta el hecho de que comienza con un cálido "Bienvenido a Gucci", y la imagen que han seleccionado para la ventana emergente ofrece un adelanto de su nueva colección.

3. Ted Panadero

Si bien todavía estamos en el tema de las marcas de ropa, el siguiente en nuestra lista de ejemplos emergentes es esta belleza de Ted Baker. Es otra ventana emergente orientada geográficamente, y me gusta el hecho de que han facilitado un menú desplegable fácil para seleccionar el país correcto.

También me encanta que hayan incluido los países más comunes en la parte inferior para que puedas seleccionarlos fácilmente en lugar de desplazarte hasta el final con el menú desplegable.

4. Asistente para blogs

Probablemente uno de mis ejemplos emergentes favoritos es este de Blogging Wizard. La ilustración del mago del dragón es simplemente adorable, la llamada a la acción es clara : "haz crecer tu blog más rápido" y el botón de suscripción "¡Sí, estoy dentro!" es muy tentador.

Tener un llamado a la acción claro es extremadamente importante para cualquier botón emergente, y Blogging Wizard está haciendo un gran trabajo con él. Además, palabras como "gratis" y "solo para suscriptores" realmente se suman a la tentación de registrarse.

5. Aire Ryan

Aunque no es tan visual como otras, la razón por la que esta ventana emergente de Ryan Air es tan efectiva es por su redacción . La frase “Sé el primero en escuchar” da una sensación de exclusividad, y la palabra “famoso” te hace querer aprender más.

Además, la promesa de que Ryan Air no bombardeará su bandeja de entrada es una bocanada de aire fresco. Después de todo, enviar spam a los correos electrónicos de los usuarios es uno de los mayores errores de marketing por correo electrónico que cometen las empresas.

6. Asesor de viajes

Ejemplos emergentes: Trip Advisor

Me encanta la forma en que Trip Advisor ha utilizado el poder de la ventana emergente. En lugar de hacer una ventana emergente tradicional con un reclamo de marketing tradicional, le brindan directamente la oportunidad de registrarse en Google de la manera más fácil posible.

De esta manera, no solo obtienen más registros más rápido, sino que también evitan a los usuarios la molestia de tener que registrarse y completar un formulario largo y aburrido.

7. Comportamiento

Esta ventana emergente de Behance es muy sutil (la imagen detrás de ella no es parte de la ventana emergente). Aparece en el lado derecho de la pantalla y te sigue sin ser intrusivo ni interferir con la experiencia del usuario.

Al igual que Trip Advisor, hace que sea muy fácil para los usuarios registrarse de la forma que deseen: con correo electrónico, Apple, Facebook o Google. ¡Muy bien hecho!

8. Woocommerce

Este de nuestros ejemplos emergentes es un poco diferente, pero definitivamente vale la pena mencionarlo. Me gusta el hecho de que Woocommerce haya diseñado una hermosa ventana emergente personalizada para mostrar su cumplimiento de GDPR, de una manera que combina perfectamente con su sitio web.

La redacción es simple y tiene toda la información necesaria que necesita para navegar a través de su sitio web.

9. Shein

El siguiente en nuestra lista de excelentes ejemplos emergentes es este de la marca de ropa Shein. La razón por la que es tan efectivo son los cupones virtuales que ofrecen hasta un 20% de descuento , que es una oferta muy tentadora que llama la atención de inmediato.

La fecha de caducidad corta crea una sensación de urgencia, y el botón CTA es tan poderoso para hacer que el usuario tome medidas: "Recoger todo".

10. Casa Zara

Este ejemplo de Zara Home es sencillo, pero creo que por eso funciona tan bien. El mensaje es claro, y todo lo que necesita para recibir las últimas noticias y ofertas es escribir su correo electrónico, dar su consentimiento y hacer clic en el botón Suscribirse.

Creo que si añaden un incentivo, por ejemplo un 5% o un 10% de descuento a cambio de darte de alta, sería aún más efectivo.

11. Hubspot

Este es probablemente uno de los ejemplos emergentes más simples de esta lista, y puede sorprender que una empresa líder en automatización de marketing como Hubspot (enlace de afiliado) no haya hecho algo más elaborado.

Sin embargo, como mencioné anteriormente, a veces lo simple es mejor, y Hubspot tiene un poderoso CTA : "únete a miles de profesionales" y "construye y haz crecer un sitio web de alto rendimiento".

Además, la pregunta sutil "¿Todavía no usas Hubspot?" en la parte inferior les da la oportunidad de presentarse y difundir aún más el conocimiento de la marca.

12. BeFunky

Ejemplos emergentes: BeFunky

A continuación, tenemos esta hermosa ventana emergente del editor de fotos virtual BeFunky.

Me gusta su selección de fotos para demostrar las posibilidades de su plan de pago , que van acompañadas del mensaje “desbloquea cientos de funciones premium al actualizar”. El botón CTA atrae a la acción inmediata: "actualizar ahora".

13. Shein

El siguiente en nuestra lista de increíbles ejemplos emergentes es otro de Shein. Aparece en el lado derecho de la pantalla, comportándose y luciendo como un cupón , lo cual es una táctica muy efectiva para atraer la atención.

Además, han reforzado el mensaje "regístrese y obtenga un 10% de descuento adicional" varias veces en el cupón, asegurándose de que no pierda la oportunidad.

Poner la palabra "gratis" en "compras gratis" en letras rosas enormes es otra táctica efectiva: ¡a la gente siempre le encantan las cosas gratis!

14. Hootsuite

Hay muchas razones por las que este es uno de los mejores ejemplos emergentes de la lista. Desde la redacción humorística que llama su atención hasta el final del mensaje con "Simplemente dejaremos esta prueba gratuita de 90 días para otra persona", no puede evitar probar su producto.

La prueba de 90 días en sí misma es un gran incentivo para registrarse, y la cuenta regresiva en la parte inferior crea una sensación de urgencia extremadamente poderosa. ¡Especialmente considerando el hecho de que aparentemente solo quedan 5 minutos para obtener la oferta!

(Lo cual, por supuesto, no es necesariamente cierto, pero es una táctica de marketing muy efectiva).

15. Puma

Ejemplos emergentes: Puma

A continuación, tenemos un diseño simple, pero bastante elaborado en términos de información emergente de Puma. Llama la atención con el mensaje “ Únete al fanático de Puma ”, ofreciendo un 10% de descuento como incentivo.

Sin embargo, la ventana emergente solicita más información del usuario en comparación con otros formularios que hemos visto. Además de la dirección de correo electrónico, también debe completar su fecha de nacimiento y preferencia de compra para poder registrarse.

16. Converse

Nuestra lista de hermosos ejemplos continúa con este de Converse. Me encanta porque está muy bien hecho y estéticamente agradable, e incluso un poco "provocativo" con la pregunta "¿Estás listo para más?"

Además, la oferta de un 20% de descuento en la próxima compra del usuario es muy atractiva y hará que la audiencia se registre rápidamente sin dudarlo. La mayoría de las empresas tienden a ofrecer solo el 10% de este tipo de promociones para registrarse.

17. El secreto de las mujeres

A continuación, tenemos esta hermosa ventana emergente de Women's Secret. En términos de estructura, no es tan diferente y único como otros ejemplos emergentes en la lista.

Sin embargo, la razón por la que quería incluirlo es porque brinda a los usuarios información sobre cómo darse de baja incluso antes de suscribirse. Si bien esto puede parecer contradictorio, creo que es una gran táctica para demostrar que eres una empresa confiable.

18. Trinidad

Nuestra selección de excelentes ejemplos emergentes continúa con Trinity.one, una agencia de automatización y marketing por correo electrónico. Me gusta esta ventana emergente porque es muy simple y directa , y solo necesita dejar su correo electrónico para suscribirse.

Si bien no hay nada particularmente especial al respecto, a veces lo simple funciona mejor que hacer las cosas sofisticadas y complicadas.

19. Convertir carro

Ejemplos emergentes: Convertir carro

Realmente me gustó este mensaje emergente del sitio web de ConvertCart. El diseño es suave y llamativo, y el estilo es muy moderno. También me encanta la copia emergente: "Antes de ir, robe estos secretos de ventas".

La redacción de la copia lo invita a tomar medidas, especialmente con el nombre pegadizo del libro electrónico en sí: "Lecciones de 15 sitios web de alta conversión". Una cosa que mejoraría es hacer que el botón de llamada a la acción sea más grande.

20. Convertir carro

El siguiente de nuestros ejemplos emergentes es nuevamente de Convert Cart, porque también lo encontré excelente por muchas razones. Primero, el nombre de la guía es extremadamente pegadizo, y resaltar los “42 Irresistibles” realmente llama la atención donde debería.

Además, el color brillante realmente resalta sobre un fondo gris, lo que hace que el botón de llamada a la acción sea aún más llamativo.

21. Qode interactivo

Ejemplos emergentes: Qode interactivo

A continuación, tenemos este magnífico ejemplo de diseño emergente de Qode Interactive. Me encanta el hecho de que es realmente visual y estéticamente agradable, y se centra más en el aspecto visual que en el mensaje de marketing como tal.

Por supuesto, tienen una breve explicación que destaca el hecho de que ofrecen la mayor colección gratuita de Qi Addons para Elementor. El botón CTA es un poco difícil de ver; lo haría en un color más brillante.

22. Optimonster

Continuamos con esta sorprendente ventana emergente de OptinMonster. Hay muchas cosas buenas al respecto, como:

• Un reclamo de marketing claro : "Convierta y monetice su tráfico web"
• Un gran número que llama la atención: "Únete a más de 1,000,000 de sitios web";
• Y una llamativa y poderosa llamada a la acción: "Aumentar mis conversiones".

Además, han proporcionado una opción de exclusión diciendo "No, gracias, tengo suficientes conversiones...". Es un pequeño juego psicológico para engañarlo para que se suscriba porque ninguna compañía dijo nunca que tiene suficientes conversiones.

23. Astra

Entre todos los tipos de mensajes emergentes, este también está muy orientado a generar más suscripción. El tema Astra ha hecho un gran trabajo al hacerlo sorprendentemente visual y llamar la atención al indicar su número actual de suscriptores.

24. Espléndido

Ejemplos emergentes: Dashly

Dashly ha hecho un gran trabajo al diseñar esta ventana emergente sobre su libro de jugadas. La imagen que da un pequeño adelanto al contenido del ebook es genial, y va perfectamente acompañada de un claro reclamo de Marketing.

Además, han hecho que sea muy fácil descargar el libro de jugadas correcto, ya sea que sea una empresa SaaS o una empresa de comercio electrónico.

25. MobileMonkey

Esta ventana emergente de MobileMonkey se siente un poco abrumadora con tanta información sin una distinción clara entre cada texto.

Sin embargo, han hecho un gran trabajo al crear una sensación de urgencia : palabras como "gratis para siempre", "la oferta finaliza hoy" y "reclama la tuya ahora" te incitarán a tomar medidas lo antes posible.

26. Ben & Jerry´s

Hablando de impresionantes ejemplos de ventanas emergentes, tenemos que mencionar este adorable diseño de Ben & Jerry's. Es muy simple (la imagen detrás no es parte de la ventana emergente), pero me encanta la fuente que han elegido, es muy distintiva.

También me encanta que llamen a sus tiendas "tienda exclusiva local", suena muy lindo y transmite una vibra positiva. El CTA "ordenar ahora" es claro y directo.

27. Adidas

El siguiente en nuestra lista de ejemplos emergentes proviene de Adidas. Este tiene una función diferente a la ventana emergente de suscripción de Armani: ayuda al sitio web a mostrar a los usuarios los productos correctos para la ubicación correcta.

Me encanta cuando las empresas hacen eso porque realmente ahorra tiempo y mejora la experiencia del usuario . Sería muy decepcionante llegar al final del pago de su carrito de compras solo para darse cuenta de que un producto no se puede entregar en su ubicación.

28. Horario compartido

A continuación, tenemos otro brillante ejemplo emergente, esta vez de CoSchedule. La razón por la que me encanta es porque es más fácil de usar que muchos otros.

En lugar de aparecer en el centro u ocupar toda la pantalla, aparece sutilmente en la parte inferior de la página. Además, está bellamente diseñado y los colores combinan muy bien con la apariencia general del sitio web.

29. Enlace de retroceso

Hablando de grandes ejemplos emergentes, es imposible no mencionar a Backlinko. Son excelentes para hacer que su contenido de alta calidad sea extremadamente visual.

Esta ventana emergente no solo es creativa y sorprendente a la vista, sino que también tiene un poderoso reclamo de marketing. Como mencioné anteriormente, la palabra “gratis” siempre llama la atención, especialmente si es en otro color como en este caso.

La guía gratuita que ofrece Backlinko a cambio de una suscripción es un gran producto que agrega valor para la audiencia. Además, el botón CTA "Obtener la guía gratuita ahora" muestra un sentido de urgencia.

30. Aliexpress

Ejemplos emergentes: Aliexpress

Nuestro próximo ejemplo emergente es de Aliexpress, y es absolutamente imposible pasarlo por alto. La combinación de colores vivos, entre todos los Claims que expresan urgencia como “¡No desperdicies este descuento!” incitarlo inmediatamente a agarrar el cupón.

Otro componente que hace que la ventana emergente sea tan efectiva es que tiene la fecha de vencimiento. Esto se suma a la sensación de urgencia y hace que la audiencia actúe haciendo clic en el botón de color brillante.

31. Calvin Klein

A continuación, tenemos un ejemplo emergente de la marca de ropa Calvin Klein. La razón principal por la que esta ventana emergente funciona tan bien es el emocionante 10% de descuento que la marca te ofrece al suscribirte, una táctica que muchas otras marcas también están implementando.

Seamos honestos: a todos nos encanta un incentivo adicional para hacer algo, especialmente si es monetario.

32. Estanque de deseos

Ejemplos emergentes: Wishpond

La razón por la que me encanta este ejemplo de Wishpond es que están usando una ventana emergente para vender su... producto que te permite crear ventanas emergentes.

El texto "¡Espera! That's Exit Intent” casi me da un susto de salto porque pensé que era un virus, pero honestamente, fue bastante inteligente de su parte. Te llama la atención de inmediato, y luego explican la razón detrás de este misterioso mensaje.

33. Aire mágico

El siguiente en nuestra lista de impresionantes ejemplos emergentes es este de Wizz Air. Al igual que CoSchedule, han decidido colocarlo en la parte inferior de la pantalla en lugar del centro, y creo que queda genial.

Me encanta el hecho de que comiencen la frase con "psst": llama la atención y agrega humor a un reclamo de marketing tradicional. El hecho de que digan "para ti" también lo hace sentir más personal.

34. mangos

A continuación, tenemos este hermoso ejemplo emergente que apareció en el lado derecho de la pantalla mientras me desplazaba por el blog de Mangool. Me encanta porque aparece para recomendar una lectura de interés relacionada con el tema que ya estaba leyendo.

Me gusta la idea de tener ventanas emergentes para lecturas recomendadas de publicaciones de blog, en lugar de usarlas solo con fines comerciales, como capturar clientes potenciales o aumentar las suscripciones.

Esta táctica puede ayudar a las empresas a reducir la tasa de rebote y mantendrá a las personas en el sitio web por más tiempo.

35. Diario de noticias de negocios

Ejemplos emergentes: Business News Daily

A continuación, tenemos esta ventana emergente de Business News Daily, que no es muy intrusiva y combina muy bien con la apariencia de su sitio web. Aparece en la parte inferior de la pantalla y ofrece recursos en Business a cambio de su correo electrónico.

36. Elementor

¡Aún no hemos terminado! A continuación, en nuestra selección de excelentes ejemplos emergentes, tenemos este de Elementor.

Una vez más, creo que es una idea genial incluir el número de suscriptores actuales , en este caso, "Elementors". Un número tan impresionante parece prometedor, y puede convencer a más personas de ver de qué se trata la publicidad.

37. Hostgator

Ejemplos emergentes: Hostgator

Esta ventana emergente de Hostgator es otro gran ejemplo de un banner no intrusivo. Aparece en la parte inferior de la pantalla, sin ocupar toda la pantalla ni asustar a las personas tan pronto como llegan al sitio web.

Además, el precio que han calculado, "a partir de sólo 2,75 $" al mes, es extremadamente atractivo para un servicio de alojamiento y llamará la atención de inmediato.

38. Telar

Nuestra lista de increíbles ejemplos emergentes continúa con este pequeño banner de Loom, que aparece en la esquina inferior derecha de la pantalla.

Me gusta porque el color contrasta mucho con el fondo del blog de Loom, lo que hace que la ventana emergente se destaque incluso si el diseño en sí no es algo especial.

39. L'Oréal

Ejemplos emergentes: L'Oreal

A continuación, tenemos esta hermosa, pequeña pero elegante ventana emergente de la marca de maquillaje L'Oreal. Le brinda la oportunidad de investigar más sobre su primer acercamiento humano, y se muestra cómodamente en el centro de la pantalla para facilitar la búsqueda.

40. Mailchimp

¡Me encanta esta ventana emergente de Mailchimp! Es uno de los ejemplos emergentes más creativos que he visto hasta ahora. Si bien solo ocupa una pequeña parte de la pantalla, creo que es tan visual y único que inmediatamente atraerá su atención.

41. Grupo de información privilegiada de marketing

Este ejemplo emergente b2b de Marketing Insider Group es muy singular. A pesar de que no es visual ni interesante en términos de diseño, lo que lo hace único es el enfoque.

En lugar de preguntar directamente por el correo, quieren saber un poco más sobre ti y quién eres, que es lo que llama la atención en este caso.

42. Adespresso

Nuestra colección de ejemplos emergentes continúa con esta belleza de Adespresso. Me encanta su estética, los colores llamativos y el enorme botón verde que simplemente grita "gratis".

El llamativo amarillo es perfecto para resaltar el nombre del webinar.

43. Refrigeradores

Ejemplos emergentes: Coolors

Otro pop up realmente visual y estético es este de Coolors. Me encanta porque se siente bastante personal y amigable: el creador ha hecho un gran trabajo para que te sientas más cerca de él en este espacio digital distante.

El hecho de que se presente a sí mismo en lugar de esconderse detrás de la marca, combinado con la foto divertida, realmente atrae la atención y hace que quieras conectarte con él.

44. Diario del motor de búsqueda

Hablando de increíbles ejemplos de ventanas emergentes, no puedo olvidar mencionar a Search Engine Journal: están haciendo un gran trabajo con sus ventanas emergentes. Me encantan los colores en este, todo está muy bien organizado y es fácil de leer.

El botón de llamada a la acción se diseñó a la perfección para llamar la atención: el color rojo contrastante y el texto "¡Sí! ¡Reserva mi asiento ahora!” se combinan muy bien.

45. Héroe de palabras clave

A continuación, tenemos esta adorable ventana emergente de Keyword Hero. Creo que las ilustraciones son realmente bonitas y agradables a la vista. Me encanta el hecho de que también hayan incluido un ejemplo práctico de exactamente qué tipo de problema están tratando de resolver.

Después de todo, a veces puede ser difícil visualizar un producto, y han hecho un gran trabajo para que sea fácil de entender.

46. ​​Criar niños Ganar dinero

Ejemplos emergentes: Raising Kids Making Money

A continuación, tenemos estos ejemplos emergentes clásicos del blog Raising Kids Making Money. Me gusta porque es sutil en comparación con otras ventanas emergentes que usan colores más agresivos para llamar la atención, lo cual no está mal, por supuesto, vimos muchos ejemplos geniales.

Sin embargo, en algunos casos, hacer una ventana emergente más sutil puede ser menos intrusivo para el usuario.

47. MediaKix

Si bien el mensaje emergente de este sitio web no impresiona con las imágenes, hace un gran trabajo al llamar la atención con la copia emergente.

Mencionar grandes marcas como TikTok, Squarespace, COVERGIRL y Dunkin' inmediatamente te hace querer aprender más.

48. B2B sin consolidar

El siguiente en nuestra lista de ejemplos emergentes es este de UnboundB2B. Me gusta porque la forma en que está diseñado ayuda a la marca a conocer más sobre tus intereses y, a su vez, ofrecerte un contenido más personalizado que se adapte a tus necesidades.

49. CoPrograma

Hablando de increíbles ejemplos emergentes, tenemos otro de CoSchedule. Esta ventana emergente de salida realmente me llamó la atención porque promete tomar muy poco de su tiempo antes de abandonar el sitio web.

En otras palabras, nos piden que les demos la oportunidad de mostrar su genial producto. De esta manera, nos muestran que pueden demostrar el valor de su producto en solo 30 segundos, lo cual es un movimiento realmente poderoso de su parte.

Y esto fue todo de mi parte por hoy! Gracias por tomarte el tiempo de leer mi artículo sobre los mejores ejemplos de ventanas emergentes, ¡y espero verte en el próximo!