Los mejores ejemplos de ventanas emergentes en sitios web que le ayudarán a impulsar la conversión (2024)

Las ventanas emergentes del sitio web son un elemento simple pero poderoso que transforma su sitio web.

En el comercio electrónico, una ventana emergente hace más que simplemente recopilar correos electrónicos de clientes potenciales. Aunque todavía hay sentimientos encontrados en torno a esta característica versátil, podemos asegurarle que las ventanas emergentes no han muerto, especialmente en las compras virtuales. La prueba más sólida es nuestra lista de los mejores ejemplos de ventanas emergentes de sitios web en esta publicación del blog. ¿Se pregunta cómo lo hacen? Siga leyendo para descubrirlo.

¿Qué son las ventanas emergentes de un sitio web?

Una ventana emergente de un sitio web es una ventana que aparece en la parte superior de la página actual que uno está navegando sin que el usuario realice ninguna acción, de ahí el nombre.

Entonces, ¿cómo funcionan las ventanas emergentes?

Los factores que desencadenan las ventanas emergentes son sutiles, pero son comunes entre los usuarios de Internet. A continuación, se muestran algunas acciones que provocan la aparición de ventanas emergentes en una tienda de comercio electrónico:

• Primera visita: los usuarios serán recibidos con una ventana emergente la primera vez que ingresen al sitio web de la tienda.
• Retraso de tiempo: aparecerá una ventana emergente después de que los visitantes hayan permanecido durante un cierto período de tiempo, idealmente alrededor del 50%-60% del tiempo promedio en la página .
• Desplazamiento debajo del pliegue: una vez que los usuarios se hayan desplazado más allá del contenido por encima del pliegue y hayan comenzado a explorar la página, aparecerá una ventana emergente.
• Intención de salida: aparecerá una ventana emergente cuando el sitio web detecte que los usuarios están a punto de abandonar la página (es decir, el cursor se mueve cerca del botón “x” en la pestaña).
• Activado por clic: al hacer clic en un enlace o un botón de la página, los usuarios verán aparecer una ventana emergente.

¿Qué son las ventanas emergentes de un sitio web?

Beneficios de las ventanas emergentes en su sitio web para su tienda de comercio electrónico

Hemos repasado cómo funcionan las ventanas emergentes de los sitios web, ahora veamos cómo se pueden utilizar para llevar su tienda al siguiente nivel.

Recopilar clientes potenciales orgánicos

Las ventanas emergentes son excelentes para captar clientes potenciales orgánicos para los propietarios de tiendas. Al presentar a cada visitante una ventana emergente con un propósito específico, los vendedores pueden hacer crecer su catálogo de correo electrónico y SMS de manera efectiva.

Aviso legal: asegúrese de no lanzar una ventana emergente intrusiva que aleje a sus clientes. Sea amable y conmovedor con su diseño y mensaje.

Consejo profesional: intente crear Click Funnel : el sistema ayuda a convertir sus clientes potenciales en clientes de pago y a aumentar sus ingresos y ganancias con un enfoque sistemático.

Aumentar el valor promedio del pedido (AOV)

Las ventas cruzadas y las ventas adicionales son tácticas increíbles para impulsar las ventas, y ¿qué mejor manera de presentar estos métodos que una ventana emergente que anuncia los productos que atraen a sus clientes? Cerca del final del embudo de ventas , las recomendaciones de productos relevantes son la clave para aumentar el valor promedio del producto y hacer que los compradores permanezcan más tiempo en su sitio web.

Más información: Cómo aprovechar el potencial: aumentar el valor promedio de los pedidos en el comercio electrónico

Promocionar determinadas campañas y ofertas

Si tiene una campaña de temporada y una oferta especial, debe estar en el centro de atención en todo momento. Además de las páginas de destino , los boletines informativos y los anuncios en las redes sociales, las ventanas emergentes son un elemento pequeño pero atractivo para promocionar su nueva línea de productos. Con este tipo de contenido, es ideal colocar ventanas emergentes directamente en la página de inicio para participar en las campañas justo después de que sus clientes potenciales ingresen al sitio.

Reducir el abandono del carrito de compras

La tasa de abandono del carrito de compras no es ninguna broma, con un enorme70,19 % en promedio , este es ciertamente un problema que todo vendedor quiere evitar.

Entonces, ¿cómo pueden ayudarte las ventanas emergentes con esto?

Es tan sencillo como configurar una pantalla emergente que recuerde a los compradores que no han realizado la compra después de haber pasado algún tiempo en su sitio web; esto ayudará a cerrar el trato de manera rápida y eficaz. A veces, todo lo que necesitan los compradores es un pequeño empujón para realizar un pedido.

Más información: Añadir al carrito: cómo crearlo y mejores prácticas

10 ejemplos brillantes de ventanas emergentes que utilizan los vendedores en línea

Todas estas tiendas en línea tienen dos cosas en común: emplean ventanas emergentes en sus sitios web como táctica de marketing y todas se basan en Shopify, una plataforma de comercio electrónico confiable que tiene reputación de albergar marcas famosas como Kylie Cosmetics y Gymshark.

Aunque comparten similitudes, sus ventanas emergentes están diseñadas para aprovechar sus ventajas. Echemos un vistazo a lo que están haciendo bien.

Olipop : una ventana emergente directa para hacer crecer su lista de correo electrónico

Se espera un popup colorido en la tienda online de Olipop.

Olipop, que se puede ver con frecuencia en los videos de TikTokers famosos, es una de las marcas de bebidas más de moda en este momento. Dado que su tienda en línea es visualmente vibrante, la ventana emergente no es menos elegante. Con un mensaje atractivo y un botón de CTA claro, los visitantes no dudarán en registrarse en la lista de correo electrónico de Olipop.

Sugardoh : una ventana emergente de recopilación de correos electrónicos y códigos de descuento en dos pasos

La ventana emergente de pantalla completa de Sugardoh es vibrante y concisa, con un aviso de descuento.

La ventana emergente de Sugardoh es especial. Después de unos segundos en su tienda, los visitantes se encontrarán con una ventana de pantalla completa. ¿Qué hace que esto no sea intrusivo? El título atractivo cumple su función de transmitir un mensaje que no parezca spam. Al hacer clic en "Solicitar mi código", accederá a una segunda página, donde podrá ingresar su correo electrónico en el elegante cuadro de entrada.

Consejo profesional: ¿Le parece atractivo el paquete de productos de Sugardoh? Pruebe GemPages para crear su propio paquete que los clientes no puedan ignorar

Teddy Fresh : una ventana emergente de correo electrónico y SMS

Recibe noticias personalizadas de Teddy Fresh después de suscribirte a su boletín.

La ventana emergente de Teddy Fresh es un ejemplo clásico de cómo debería ser una ventana emergente válida para correo electrónico y SMS. La pequeña ventana es agradable a la vista, con casillas para elegir las preferencias de compra, ingresar el correo electrónico y una opción para recibir noticias por SMS. Es difícil criticar una ventana emergente tan simple pero impecable como esta.

Partake Foods : una ventana emergente que ofrece cupones físicos

Dale vida a tu próxima compra de comestibles con un cupón de Partake Foods.

La ventana emergente de Partake Foods capta la atención de los usuarios con un mensaje breve pero atractivo: Regístrese y ahorre. Con productos en 14.000 minoristas de todo Estados Unidos, la empresa se propone ofrecer cupones imprimibles a sus clientes. Simplemente introduzca su dirección de correo electrónico para comenzar a ahorrar.

Temas temáticos : una ventana emergente de cuestionario intuitiva de una sola página que le ofrece un descuento

Conozca su piel y reciba un descuento interactuando con el popup de Topicals.

Topicals ha perfeccionado su tienda de comercio electrónico a la perfección, incluida la ventana emergente del sitio web. En forma de un breve cuestionario, Topicals hace que sea natural e intuitivo para los compradores proporcionar sus correos electrónicos a cambio de un descuento. La ventana emergente tiene un texto mínimo y elementos visuales atractivos, que se mantienen en sintonía con el estilo de la tienda.

Cutter & Squidge : una ventana emergente que fomenta las compras

Cutter & Squidge promociona su colección de temporada a través de una ventana emergente incitante.

Cutter & Squidge utiliza su ventana emergente para promocionar su última colección de productos con un método excepcional. En lugar de decirles directamente a los clientes que vayan a ver los nuevos artículos, la marca utiliza un obsequio gratuito como incentivo para que los compradores realicen una compra. Esto demuestra que la empresa se ha puesto en el lugar de sus clientes para ofrecerles lo que quieren, en lugar de decirles qué hacer, lo cual es un rotundo no en el mundo de los negocios.

OOFOS : una ventana emergente no intrusiva que captura correos electrónicos

OOFOS utiliza una ventana emergente sutil para invitar a los visitantes a ingresar sus correos electrónicos.

Si buscas un diseño emergente que no obstruya la experiencia de compra del cliente, el ejemplo de OOFOS es el que debes tener en cuenta. Con la decisión de colocar la ventana emergente en la parte inferior derecha, los usuarios siguen recibiendo notificaciones sobre el elemento, pero tienen la libertad de seguir leyendo y desplazándose. El enfoque minimalista de un mensaje breve, un botón de CTA en contraste y una imagen clásica del producto son detalles de primera que hacen que la ventana emergente de esta marca sea una de las mejores.

Por Charlotte : una ventana emergente simple que aumenta la lista de correo electrónico

by charlotte tiene un diseño emergente cohesivo que fluye bien con el resto de la página.

La visión de Charlotte se puede captar de inmediato después de pasar unos segundos en el sitio web, gracias a las imágenes contemporáneas y la fuente elegante. La ventana emergente también encarna ese espíritu a la perfección.

Una imagen estéticamente agradable junto a los cuadros de entrada le da un toque animado a la ventana emergente y la hace menos simple, al tiempo que se conserva toda la información.

Seoulbox : una ventana emergente de pantalla completa que se adapta a tus intereses

Seoulbox utiliza sus productos para agregar un toque visual atractivo a su ventana emergente.

Seoulbox se especializa en snacks y productos coreanos, y su ventana emergente presenta sus productos de forma hermosa, junto con un título claro que invita a los visitantes a hacer clic. Al igual que otros ejemplos de ventanas emergentes de pantalla completa de nuestra lista, Seoulbox se asegura de que su ventana emergente ofrezca un beneficio atractivo a los compradores antes de solicitar su información de contacto. Esta es la clave para diseñar ventanas emergentes de pantalla completa que no parezcan spam.

Yes You Can : una ventana emergente que capta clientes potenciales y se destaca

La atención de los clientes se captará instantáneamente con esta eficiente ventana emergente en el sitio web de Yes You Can.

Yes You Can elabora bebidas alternativas que saben como tus cócteles favoritos, sin detectar el contenido de alcohol. Si no puedes consumir alcohol por algún motivo, ¿por qué no pruebas un paquete a precio reducido? Simplemente introduce tu correo electrónico cuando aparezca la ventana inequívoca para recibir el código de descuento directamente en tu bandeja de entrada.

Con un toque minimalista, la ventana emergente de esta marca ocupa el centro de la pantalla, ofrece un mensaje claro y un botón de CTA, y es increíblemente eficaz para captar clientes potenciales.

El resultado final

Y ahí lo tienes, una lista de ejemplos de diseño de ventanas emergentes de sitios web para darte una idea sobre esta característica universal.

A pesar de la controversia actual en torno al uso de ventanas emergentes en sitios web, muchos vendedores de comercio electrónico aún las consideran una estrategia de marketing básica. Si todavía está probando las aguas con su negocio, es una buena idea probar esta función y controlar su rendimiento.

Si eres un usuario nativo de Shopify, tienes a tu disposición una amplia colección de aplicaciones de terceros que te ayudarán a configurar todo lo que necesitas para hacer realidad esta idea. Como alternativa, GemPages, como creador de páginas, también tiene una función de ventanas emergentes personalizadas a tu disposición.

Preguntas frecuentes sobre ejemplos de ventanas emergentes en sitios web