16 ejemplos de pop-ups que generan conversiones

En este artículo te explicaremos las mejores prácticas para aprovechar al máximo esta oportunidad de exposición. Además, destacaremos llamativos ejemplos de ventanas pop-up y presentaremos algunas de nuestras plantillas pop-up favoritas.

Utiliza la información para inspirar tus propios diseños, aumentar tu lista de correo electrónico y ver cómo se dispara tu negocio.

Las ventanas pop-up son ventanas emergentes de contenido que aparecen sobre una página web mientras el usuario navega en ella. Aumentan la visibilidad del contenido en la ventana emergente, lo que las convierte en una forma eficaz de promocionar ofertas o convertir a los visitantes en suscriptores de correo electrónico. 

Puedes fácilmente añadir ventanas pop-up a tu sitio web con MailerLite creando una con nuestro generador de formularios y pegando el código generado en la cabecera de tu sitio web o conectándote a través de nuestros plugins de WordPress o de e-commerce. 

Puedes utilizar las ventanas pop-up del sitio web para aumentar tu lista de correo electrónico, promocionar páginas y productos, probar rápidamente ofertas y compartir noticias importantes con los visitantes. Sigue leyendo para ver cómo cada uno de estos casos de uso puede beneficiar a tu empresa.

1. Las ventanas pop-up son una forma eficaz de hacer crecer tu lista de correo electrónico. 

Las ventanas pop-up o emergentes son una forma efectiva de convertir a los visitantes de sitios web y blogs en suscriptores de correo electrónico. Como las ventanas pop-up aparecen sobre el contenido que está leyendo el lector, es difícil pasarlas por alto, y cuantas más personas vean tu oferta, más probabilidades habrá de que conviertan.

Para hacer crecer tu lista de correo electrónico con ventanas pop-up de sitios web, simplemente crea una con un texto que explique los beneficios de unirse a tu lista y añade un formulario de suscripción de correo electrónico.  

2. Las pop-ups pueden promocionar ofertas en tu sitio web y landing pages

Las ventanas pop-up también son una forma eficaz de aumentar la exposición de las promociones en tu sitio web y landing pages. Los pop-ups promocionales te permiten mostrar tus últimas ofertas o productos a cualquiera que visite tu sitio. Esto puede generar más ventas, descargas y conversiones. 

3. Las ventanas pop-up te permiten probar diferentes ofertas

Nada mejorará más rápidamente el rendimiento de tu sitio web que las pruebas continuas. La forma en que se redactan, diseñan e incluso presentan las ofertas puede influir en cómo las recibe el público.

Las ventanas emergentes te permiten comprobar rápidamente cómo reacciona tu público a las ofertas especiales mostrándoselas a todos los visitantes de tu sitio web. Distribuye por todo tu sitio web las promociones que obtengan mejores resultados y elimina las que no lo hagan. 

Haz clic aquí para obtener más información sobre cómo configurar pruebas A/B de formularios con MailerLite. 

4. Las ventanas pop-up te ayudan a anunciar noticias importantes

Este tipo de ventanas son una forma estupenda de informar a los visitantes de tu sitio web de anuncios comerciales. Utilízalas junto con publicaciones en redes sociales, correos electrónicos y blogs para maximizar el número de personas que ven tus noticias importantes como el lanzamiento de nuevas funciones, actualizaciones de productos, tu última colección, o cambios en los horarios de apertura.

Ahora deberías entender cómo los pop-ups pueden ayudarte a ti y a tu negocio. A continuación te mostramos los distintos tipos de ventanas emergentes que puedes utilizar, así como un ejemplo de cada una de ellas.

1. Ejemplo de pop-up temporal

Estas ventanas temporales aparecen después de que un usuario haya estado en tu sitio web durante un número determinado de segundos.

Se trata del tipo más popular de ventanas pop-up, que puedes mostrarlas en una específica landing page o en todo el sitio. Sólo tienes que elegir dónde mostrarlos y cuánto tiempo esperar en la configuración de ventanas pop-up en MailerLite.

En el blog de MailerLite mostramos ventanas pop-up temporales después de 7 segundos para que la gente pueda asimilar el contenido de la página antes de ver la oferta.

2. Ejemplo de pop-up de bienvenida

Las ventanas emergentes de bienvenida cubren toda la ventana del navegador, lo que garantiza que tu oferta capte plenamente la atención del visitante. 

Si embargo, si no se utilizan correctamente, estas ventanas pop-up pueden ser muy intrusivas y perjudicar la experiencia del usuario. Por eso utilízalas en ocasiones especiales y no pierdas de vista tus análisis para ver cómo reacciona tu público.

Aquí tienes un ejemplo de pop-up de bienvenida en el blog de 99Designs. Es imposible que se pierda, pero tiene un botón de cierre claro para que la gente pueda volver fácilmente al contenido.

3. Ejemplo de pop-up activada por desplazamiento

Las ventanas emergentes activadas por desplazamiento se muestran cuando un usuario alcanza un cierto punto en tu página. Por ejemplo, una ventana pop-up activada por desplazamiento puede aparecer después de que un visitante haya recorrido el 70% de una entrada larga de un blog.

Dado que las personas que ven una ventana emergente activada por desplazamiento ya han visto el valor que proporcionas, es más probable que interactúen con tu oferta.

Aquí tienes un buen ejemplo de una ventana pop-up activada por desplazamiento en el blog Help Scout.

4. Ejemplo de pop-up de bienvenida en formato barra

Las ventanas emergentes de bienvenida en formato barra aparecen en la parte superior o inferior de tu página web. Son las menos invasivas de todas las ventanas emergentes porque no tapan el contenido que el visitante está leyendo. Estas ventanas pop-up funcionan bien tanto para anuncios en todo el sitio como para formularios de suscripción por correo electrónico.

Así es como Elegant Themes utiliza su barra de bienvenida emergente para llamar la atención sobre su oferta.

5. Ejemplo de pop-up de salida

Las ventanas emergentes de salida aparecen cuando un visitante está a punto de salir de tu página. Funcionan detectando el momento en que el cursor del visitante alcanza la parte superior de la página, lo que indica que está a punto de abandonarla. Genial, ¿no es así? La ventana pop-up de intención de salida aparece para recordar a la persona tu oferta e incluso puede ayudar a reducir el abandono del carrito.

El equipo de Coschedule utiliza ventanas emergentes de intención de salida para llegar a los visitantes por última vez antes de que se vayan.

6. Ejemplo de pop-up para destacar un beneficio

La ventana pop-up debe explicar claramente las ventajas de la oferta para que los usuarios sepan por qué deben suscribirse. 

Al promocionar un newsletter por correo electrónico, los beneficios pueden ser tan sencillos como la información que el visitante conocerá al suscribirse y cómo éstos le ayudará.

A continuación se muestra un ejemplo creado con MailerLite de la plataforma de integración Workato. Destaca que las personas que se suscriban al newsletter quincenal aprenderán todo lo necesario para crear mejores integraciones y automatizaciones. 

7. Ejemplo de lead-magnet pop-up

Puedes dar a la gente un incentivo adicional para inscribirse en tu lista mediante la promoción de un lead magnet que reciben cuando se unen. 

Photoshop Mosaic hace esto prometiendo enviar a cualquiera que se suscriba a la lista un conjunto de texturas abstractas gratuitas de alta resolución para Photoshop.

8. Ejemplo de pop-up para promoción de oferta de MailerLite

Considera la posibilidad de utilizar tu ventana emergente para enviar a la gente directamente a una página de tu sitio web en lugar de utilizarla para generar suscripciones de correo electrónico. Para ello, crea una ventana emergente de promoción en MailerLite .

Cuando organizamos nuestras mayor promoción el año pasado, por ejemplo, utilizamos ventanas pop-up para anunciar la oferta y enviar a los usuarios a la página de suscripción. Esto resultó en cientos de clics que se hicieron en esta ventana emergente, lo que supuso cientos de oportunidades de venta más de las que habríamos tenido de otro modo.

9. Pop-up de ficha de ayuda

Las ventanas emergentes promocionan un recurso que puede ayudar a los lectores a alcanzar un objetivo específico. En el ejemplo de abajo, SmartBlogger ofrece una guía para ayudar a que el contenido de sus usuarios se convierta en viral.

10. Pop-up con valor añadido

Las ventanas emergentes tienen más posibilidades de conversión cuando la oferta está estrechamente relacionada con el contenido de la página. Para conseguir más inscripciones, ten en cuenta los retos que suelen tener las personas que visitan tu sitio web y tus páginas y, a continuación, crea ofertas relacionadas. 

En MailerLite, promocionamos nuestro curso intensivo de entregabilidad de correo electrónico descargable con una ventana pop-up temporizada en la entrada de nuestro blog sobre los mejores servicios de limpieza de listas de correo electrónico. 

11. Pop-up con cuestionario

Las ventanas emergentes de cuestionarios y encuestas piden al lector que responda a preguntas para descubrir información sobre sí mismo. La empresa recoge suscripciones enviando los resultados del cuestionario al visitante en un correo electrónico.

Esta puede ser una forma eficaz de generar suscriptores de correo electrónico, ya que las personas que han pasado tiempo interactuando con la prueba querrán conocer los resultados. La siguiente ventana pop-up de Tony Robbins es un buen ejemplo que enlaza con un cuestionario en línea. ¿Qué empresario no querría saber si su negocio está estancado o prosperando?

12. Pop-up con CTA

Esta ventana emergente de Satisfy Running promete a los suscriptores acceso anticipado a nuevos productos y un descuento. El llamado a la acción (CTA) es prominente y el valor es claro. Además, la sencilla combinación de colores con mucho contraste es muy fácil de leer.

El doble beneficio hace de esta una ventana pop-up eficaz para cualquier tienda de comercio electrónico que quiera animar a la gente a unirse a su lista.

13. Pop-up para promocionar un e-book

Este ejemplo de ventana emergente de Tim Ferris promociona su último libro electrónico. Enlaza con un formulario que los lectores pueden utilizar para suscribirse al contenido.

El hecho de llamar al recurso "ebook" lo hace parecer más valioso que si lo llamara "PDF descargable". Esto podría aumentar las descargas. Como Tim Ferris es un autor superventas, la gente confía en que ofrecerá el valor añadido prometido.

14. Pop-up con cupón

Coupons and discounts are one of the most effective ways for e-commerce stores to generate email sign-ups. Use a pop-up to increase the visibility of the offer and maximize the number of people who sign up and buy. 

This pop-up from Perfect Glasses works because the £100 offer is generous and it highlights that people can access it immediately.

15. Pop-up con encuesta

Añadir una encuesta a una ventana emergente te ayuda a recopilar información esencial sobre tus clientes. En el siguiente ejemplo de ventana pop-up, Perfect Glasses incorpora una encuesta para descubrir más sobre los retos a los que se enfrenta la gente cuando compra en la marca.

Como la gente puede responder a la pregunta sin salir de la página web, es más probable que respondan. Además, la marca ofrece un 15% de descuento adicional a quienes completen la encuesta.

16. Pop-up para agendar cita

Considera la posibilidad de utilizar distintas ventanas emergentes para dirigirte a personas que se encuentran en distintas fases del recorrido del cliente en función de la página que estén visitando.

En este ejemplo de ventana pop-up de correo electrónico, Rhinofit utiliza un formulario emergente de promoción en su página de precios que invita a los visitantes del sitio a programar una demostración.

Esto funciona porque una reunión puede ayudar a las personas a superar las dificultades que puedan tener al comprar un artículo tan caro.

1. Facilitar el cierre de las ventanas pop-up

Las ventanas emergentes pueden ser intrusivas. Minimiza el impacto negativo haciendo que sea obvio cómo la gente puede cerrar tu pop-up para que puedan volver a tu contenido. Las ventanas pop-up de MailerLite tienen automáticamente un botón de cierre visible. Además, los visitantes pueden cerrar la ventana emergente haciendo clic en la página.

2. Utiliza estilos de marca coherentes

Alinea el diseño de tus ventanas emergentes con tu sitio web y tu marca. Para ello, haz coincidir el color principal, la tipografía y el texto de las ventanas emergentes con los de tu sitio web. El creador de pop-ups de MailerLite te permite personalizar fácilmente el diseño de cada pop-up para que tengan un aspecto coherente que los visitantes del sitio web reconozcan como tuyo.

3. Crea ventanas pop-up con capacidad de respuesta

Tus ventanas emergentes deben ser responsivas para que se vean bien en todos los tamaños de pantalla, desde móviles a tabletas y equipos de escritorio. Todos los botones y formularios deben ser accesibles independientemente del tipo de pantalla que utilice el visitante. Las ventanas emergentes de MailerLite son automáticamente responsivas, sin necesidad de trabajo adicional.

4. Establece una frecuencia adecuada para las ventanas pop-up

Si alguien cierra una ventana emergente, no quiere seguir viéndola. Respeta su decisión no mostrándoles más pop-ups durante su visita.

Puedes elegir fácilmente con qué frecuencia mostrar una ventana emergente al mismo visitante en la configuración del constructor de ventanas emergentes de MailerLite.

5. Solicita sólo la información necesaria

Es más probable que la gente se una a tu lista de correo electrónico cuando el proceso es sencillo. Reduce la fricción pidiendo sólo una dirección de correo electrónico. Siempre puedes utilizar encuestas por correo electrónico para recopilar más información sobre los suscriptores una vez que se hayan inscrito.

Si la recopilación de información del cliente es esencial para la eficacia de la generación de prospectos de tu empresa, puedes añadir más campos a tus formularios. Pero ten en cuenta que es posible que recibas menos suscripciones.

Acelera el proceso de creación de pop-ups con una de nuestras plantillas de pop-ups. Elige un diseño de pop-up que te guste y luego personalízalo según tus necesidades con nuestro constructor. Echa un vistazo a algunos de nuestros diseños favoritos en la biblioteca de abajo.

Si te gusta un diseño, hazlo tuyo dirigiéndote a la sección de creación de un nuevo formulario en tu panel de MailerLite, eligiendo crear una ventana pop-up y luego continuar desde allí.

Reflexiones finales sobre las ventanas pop-up

Si quieres empezar a hacer crecer tu lista y tu negocio utilizando pop-ups, nuestro editor de pop-ups facilita su creación. Haz clic aquí para registrarte gratis y empieza a crear tu primer pop-up hoy mismo.

Nota del editor: Este post se publicó originalmente en octubre de 2018 y se ha actualizado con nuevos ejemplos y funciones.

Y si has tenido alguna experiencia con ventanas pop-up (¡buena o mala!) que te gustaría compartir, nos encantaría saber más en la sección de comentarios más abajo.