10 ventanas emergentes de Shopify para aumentar tus ingresos y suscriptores de correo electrónico

Las ventanas emergentes de Shopify son una forma comprobada de ganar más direcciones de correo electrónico, convertir a los visitantes del sitio web y aumentar las ventas.

Pero, ¿por qué son tan efectivos? Porque la mayoría de las herramientas emergentes le permiten usar una orientación avanzada y una optimización perfectamente sincronizada. Y es más probable que las ventanas emergentes den lugar a una acción cuando están personalizadas y aparecen en el momento adecuado.

Aquí en OptiMonk, sabemos un par de cosas sobre lo que se necesita para armar una ventana emergente que llame la atención y genere conversiones. Para inspirarte, aquí hay una lista de nuestros ejemplos emergentes favoritos y por qué funcionan tan bien.

Con eso, ¡vamos a sumergirnos!

Tabla de contenido

Ventanas emergentes para capturar direcciones de correo electrónico

Ventanas emergentes para reducir el abandono del carrito

Ventanas emergentes para promocionar ofertas especiales

Cómo crear una ventana emergente en Shopify usando OptiMonk

Cuantos más correos electrónicos pueda recopilar, más rápido podrá escalar su negocio.

Algo para pensar: aproximadamente la mitad de sus visitantes no están listos para comprar hoy, pero tienen la intención de comprar en el futuro. Captar a esos posibles clientes con una lista de correo electrónico le permite monetizarlos en el futuro.

El crecimiento de su lista de correo electrónico no sucede por accidente. Puede dar a los visitantes de su sitio un "empuje" muy necesario para unirse a su lista con una ventana emergente de correo electrónico de Shopify bien ubicada.

1. Involucrar a los visitantes lo antes posible con una ventana emergente de descuento | Calzado ROVUX

¿Qué hace bien esta ventana emergente?

• Esta ventana emergente cuenta con un diseño limpio y elegante, utilizando colores contrastantes para llamar la atención sobre la llamada a la acción (CTA).
• El titular ofrece un incentivo directo: "¿Quieres un 10 % de descuento?"
• ROVUX utiliza un CTA conversacional, enfatizando que los clientes se unirán a su comunidad. ¡Buen trabajo!
• La ventana emergente detecta automáticamente si los visitantes han iniciado sesión en Facebook gracias a la función de visualización inteligente de OptiMonk . Esto les permite elegir automáticamente entre presentar una experiencia de Messenger (con sesión iniciada) o correo electrónico (con sesión desconectada).

¿Cómo puedo copiarlo?

Sugerimos usar la plantilla Valencia de OptiMonk ya que usa colores contrastantes por defecto.

Todo lo que necesita hacer es encontrar una imagen hermosa que se ajuste a su marca y cambiar el fondo de la plantilla.

Después de eso, elija un color que contraste para la ventana emergente (recomendamos usar Paletton ) y ¡bum! Edite el texto y listo.

2. Sea audaz con las ofertas de pantalla completa que sus visitantes no pueden perderse | Acolchado

¿Qué hace bien esta ventana emergente?

• Las campañas de pantalla completa representan una excelente manera de captar la atención de los visitantes del sitio: esta ventana emergente hace exactamente eso.
• Cuenta con un título atractivo que va al grano.
• Al no requerir mucha información personal para completar el formulario, la suscripción requiere poco esfuerzo por parte del visitante.
• El CTA es procesable y claro como el cristal.

¿Cómo puedo copiarlo?

Utilice la plantilla de Helsinki de OptiMonk.

Simplemente elimine los campos "Nombre" y "Apellido" si desea un formulario más simple. A continuación, actualice el título y ¡listo!

Esta plantilla demuestra que la captura de correo electrónico de Shopify no tiene por qué ser complicada.

3. Destaca promocionando un gran descuento | Artes marciales mixtas de diamante

¿Qué hace bien esta ventana emergente?

• Esta ventana emergente pone un fuerte incentivo al frente y al centro: 15% de descuento y exclusivas para suscriptores.
• El fondo oscuro y la imagen hacen que la forma blanca realmente destaque.

¿Cómo puedo copiarlo?

Utilice nuestra plantilla de París. Esta plantilla emergente puede parecer muy diferente a simple vista, pero puede personalizarla con algunos cambios sencillos.

Para empezar, cambie el fondo a una imagen en blanco y negro. Luego, elimine todos los elementos que no sean necesarios y cambie el color del botón.

Por último, ajuste la altura mínima de la ventana emergente y listo.

4. Sea personal preguntando a los visitantes por sus preferencias | dos etiquetas

¿Qué hace bien esta ventana emergente?

• El descargo de responsabilidad de privacidad de datos brinda a los visitantes del sitio una sensación de confianza y seguridad.
• Al solicitar la preferencia de género de los visitantes a cambio de un descuento, es mucho más fácil personalizar las ofertas y los mensajes para los nuevos suscriptores.

¿Cómo puedo copiarlo?

Comience con la plantilla de Nueva York de OptiMonk.

Simplemente agregue un elemento de entrada y menú desplegable en lugar del cuadro de Messenger. Incluya un elemento Checkbox debajo del botón y listo. Personaliza colores e imágenes para optimizar tu oferta.

5. Invite a los visitantes a unirse a usted con un sutil mensaje secundario | Fortalezas locales

¿Qué hace bien esta ventana emergente?

• El formato de mensaje lateral no es intrusivo: no molesta a los visitantes del sitio mientras navegan.
• La foto incluida del fundador de la marca hace que la ventana emergente se sienta mucho más personal.

¿Cómo copiarlo?

Pruebe una plantilla de mensaje lateral en OptiMonk (sugerencia: sugerimos la plantilla de Mayon).

Elimine el elemento Radiobutton y agregue dos campos de entrada en su lugar. Cambia el encabezado, sube tu foto y listo. También puede editar el margen de la imagen si no desea que se salga del borde.

6. Llegue a los visitantes en sus términos preferidos (Messenger vs. correo electrónico) | Nutrición al mejor precio

¿Qué hace bien esta ventana emergente?

• Esta tienda utiliza la función de visualización inteligente de OptiMonk para presentar una ventana emergente a través de Messenger para los visitantes que inician sesión en Facebook.
• Esta ventana emergente se enfoca en los suscriptores de Messenger, que está bien documentado para superar a otros canales de suscripción (con una tasa de apertura de ~80% y una tasa de clics de ~25%).

¿Cómo copiarlo?

Comience con la plantilla de Doha de OptiMonk.

Elimine las imágenes en el fondo, cambie los elementos de texto, ¡y eso es todo!

Si también desea hacer crecer su lista de Messenger, agregue el elemento Messenger a su ventana emergente y agregue la integración de la herramienta de marketing de Facebook Messenger.

No puede hacer crecer su lista de correo electrónico sin preguntar directamente, así que no tenga miedo de hacerlo. Resaltar su valor a través de ventanas emergentes es una forma sencilla de obtener más suscripciones sin problemas.

Según las estadísticas del Instituto Baymard , ~70% de los visitantes del sitio que agregan un artículo a su carrito de compras dejarán la tienda Shopify sin comprar.

Ay.

El abandono del carrito es un gran problema para todas las tiendas de comercio electrónico. Una ventana emergente de carrito abandonado de Shopify en el momento oportuno atrae a los visitantes a permanecer en el sitio y tomar medidas en lugar de rebotar.

7. Llegue a los visitantes en sus términos preferidos (Messenger vs. correo electrónico) | Nutrición al mejor precio

¿Qué hace bien esta ventana emergente?

• Echa un vistazo a ese enlace de cierre ("No, gracias, prefiero pagar el precio completo"). Esto aprovecha el miedo de los visitantes a perderse algo (FOMO) y, en última instancia, los alienta a obtener un descuento.
• Esta ventana emergente es imperdible. La superposición de colores resalta y llama la atención.

¿Cómo copiarlo?

Sugerimos utilizar la plantilla de Santiago de OptiMonk.

Comience moviendo todos los elementos al bloque azul, luego elimine primero el blanco. Agregue una superposición de degradado de colores y cambie el color del botón.

8. Aproveche el FOMO (miedo a perderse) de sus visitantes | Vida de ritmo

¿Qué hace bien esta ventana emergente?

• En lugar de ofrecer un 10 % de descuento, esta tienda Shopify ofrece anillos gratis: ese es un poderoso incentivo.
• El texto del titular ("¡Espera! No te olvides de...") detiene a los lectores en seco.

¿Cómo puedo copiarlo?

Utilice la plantilla de Budapest de OptiMonk.

Cambia la superposición negra a blanca. Cambie los colores del texto y los botones para que coincidan con su marca, y eso es todo.

La lucha contra el abandono del carrito requiere que sea proactivo para mantener a los visitantes en la página. Activar ventanas emergentes de comercio electrónico antes de que las personas tengan la oportunidad de rebotar puede hacer el truco.

Las ofertas especiales representan una estrategia comprobada para atraer clientes.

Cuando se hace bien, puede volver a atraer a sus visitantes y convencerlos de comprar más temprano que tarde. Convertir a los nuevos visitantes en compradores primerizos y a los clientes existentes en compradores repetidos significa crear una ventana emergente atractiva.

9. Ofrezca a los visitantes un descuento único | Dados impresionantes

¿Qué hace bien esta ventana emergente?

• El titular "Oferta desbloqueada" capta la atención de los visitantes y presenta una oferta exclusiva.
• Ofrecer descuentos para un producto específico es una decisión inteligente, especialmente cuando los productos están personalizados, según la experiencia de navegación.

¿Cómo puedo copiarlo?

Puede utilizar la plantilla de Nueva York de OptiMonk.

Simplemente agregue el producto que está ofreciendo a la derecha como una imagen. Luego, cambie el color de fondo del bloque de texto de la izquierda. Después de eso, simplemente cambie el texto y el color del botón a blanco.

10. Proporcione un ligero “empuje” a sus ofertas con una nanobarra | Joovv

¿Qué hace bien esta ventana emergente?

• Las nanobarras son menos intrusivas que las ventanas emergentes tradicionales. Se pueden mostrar en cualquier lugar y no molestar a sus clientes.
• Esta ventana emergente brinda una experiencia fluida al mover a los visitantes del Punto A al Punto B. Al anunciar las ventas del Black Friday y Cyber ​​Monday con la nanobarra, los redirige a la página de destino correcta.

¿Cómo puedo copiarlo?

La nanobarra de Joovv se creó utilizando la plantilla de barra GDPR de OptiMonk.

Para copiarlo, elimine la imagen y la casilla de verificación. Luego, agregue un elemento de texto, cambie los colores e inserte su copia. ¡Hecho!

Paso 1: deberá agregar OptiMonk a su tienda en línea a través de la tienda de aplicaciones de Shopify. Esto se puede hacer con solo unos pocos clics una vez que seleccione "Agregar aplicación" en nuestra página .

Paso 2: después de aceptar los permisos de rutina, podrá instalar OptiMonk y mejorar su tienda Shopify con todas nuestras increíbles plantillas emergentes.

Paso 3: Luego, su nueva cuenta OptiMonk se creará automáticamente. Debe hacer clic en las pantallas de incorporación y luego elegir un objetivo:

“Agregué OptiMonk a mi tienda Shopify. ¿Ahora que?"

Paso 4: ¡Empieza eligiendo una plantilla! Aunque hay más de 200 plantillas para elegir, puede reducir rápidamente su búsqueda eligiendo un tipo de mensaje o un objetivo.

Paso 5: ahora puede comenzar a personalizar sus propias ventanas emergentes utilizando las plantillas y los ejemplos de los que hablamos anteriormente.

Usando nuestro editor de arrastrar y soltar, puede instantáneamente:

• Cambia el tamaño y la posición de tus imágenes y texto
• Modifique su combinación de colores en función de su marca
• Edite los cuadros de texto para reflejar el mensaje exclusivo de su empresa

Tenga en cuenta que nuestro editor le permite personalizar cada etapa del proceso, incluyendo:

• La página principal (tu pop real)
• La página de agradecimiento (lo que aparece después de que alguien se registra)
• El avance (una vista previa de su ventana emergente en la que los visitantes pueden hacer clic)

Paso 6: una vez que haya descubierto el lado creativo de su ventana emergente, es hora de decidir cuándo se la presentará a los visitantes.

Por ejemplo, OptiMonk le permite activar su ventana emergente en función del comportamiento de los visitantes, como:

• Cuando alguien está a punto de abandonar su sitio (intención de salida)
• Cuando alguien se desplaza o hace clic en cierta parte de su sitio
• Después de una cierta cantidad de tiempo (5 segundos, 10 segundos)

Paso 7: Una vez que haya decidido todo lo anterior, estará listo para activar su campaña en su tienda. Simplemente encienda el botón Activar.

¡Y eso es! Ahora puede realizar un seguimiento del rendimiento de sus campañas en el panel de análisis para ver qué tan bien sus ventanas emergentes están convirtiendo a los clientes.

Con las herramientas adecuadas y un poco de creatividad, atraer suscriptores y clientes con ventanas emergentes es más fácil que nunca.

Estos diez ejemplos del mundo real de las ventanas emergentes de Shopify pueden servir como una inspiración muy necesaria. Puede recrearlos fácilmente usted mismo usando OptiMonk.

¡Lo invitamos a hacer exactamente eso creando una cuenta gratuita de OptiMonk hoy mismo! O puede descargar la aplicación desde la tienda de aplicaciones de Shopify .