19 ejemplos de ventanas emergentes de descuento para elevar su promoción de ventas

La mayoría de los especialistas en marketing confían en las ventanas emergentes para recopilar suscriptores de correo electrónico, y estamos totalmente de acuerdo. Pero si eso es todo para lo que está usando ventanas emergentes, es probable que esté dejando dinero sobre la mesa.

Cuando se hace correctamente, las ventanas emergentes pueden impulsar las ventas directamente y canalizar a los visitantes a su proceso de pago.

Para reflexionar: el 59 % de los compradores buscan códigos de descuento antes de realizar una compra en línea.

En lugar de obligar a los posibles compradores a luchar por una oferta, las ventanas emergentes son la oportunidad perfecta para poner sus descuentos al frente y al centro.

Si aún no ha comenzado a obtener promociones emergentes, no entre en pánico. Te tenemos cubierto.

En esta guía, repasaremos 19 ejemplos de ventanas emergentes de descuento, por qué son efectivos y formas de implementar promociones similares en su sitio.

Vamos a sumergirnos.

No existe una táctica única para promocionar su descuento especial con una ventana emergente.

A continuación, desglosamos una variedad de ofertas, promociones y ventanas emergentes que puede usar para mejorar su marketing.

Ventanas emergentes de envío gratis

Dos tercios asombrosos de los consumidores buscan umbrales de envío gratis en sitios web antes de agregar artículos a sus carritos. Incluir el envío gratuito como parte de las ventanas emergentes de descuento es una decisión inteligente no solo para captar la atención de los visitantes, sino también para aumentar el valor de cualquier pedido.

Echemos un vistazo a algunos ejemplos a continuación.

1. Atraiga a los compradores con envío gratis y un descuento espectacular (SwissWatchExpo.com)

Lo que hace bien esta ventana emergente:

• El temporizador de cuenta regresiva crea una sensación de urgencia, empujando a los visitantes a actuar ahora y no más tarde.
• Tiene un esquema de color simple pero efectivo. El contraste en blanco y negro hace que el diseño emergente sea llamativo y fácil de leer.
• El botón de llamada a la acción (CTA) "Obtenga mis $ 100 de descuento" es poderoso.
• La opción de exclusión personalizada "No, gracias..." hace que los visitantes del sitio web lo piensen dos veces antes de aceptar esta oferta.

Lo que podría optimizarse o probarse A/B:

• Puede probar el valor y el tipo de descuento ($100 de descuento + envío gratis, en comparación con solo $100 de descuento o solo el envío gratis).
• Considere alternativas a la propuesta única de venta (PVU).

2. Combata el abandono del carrito con una sorpresa de envío gratis (ProspectorKnives.com)

Lo que hace bien esta ventana emergente:

• Nuevamente, un temporizador de cuenta regresiva es una forma fantástica de generar urgencia y acción.
• Sencillez. La ventana emergente logra presentar múltiples ofertas (envío gratis y un descuento) sin abrumar a los visitantes.
• Tiene un gran mensaje para reducir el abandono del carrito y evita que los compradores escépticos reboten.

Lo que podría optimizarse o probarse A/B:

• La oferta necesita una prueba A/B para calcular el valor ideal para la oferta (basado en una estrategia de descuento definida ).
• Los detalles del temporizador de cuenta regresiva podrían "destacar" un poco más con un texto más grande o un esquema de color contrastante.
• Lo mismo ocurre con el botón CTA de llamada a la acción. Un color contrastante podría hacer que se destaque más.

3. Aumente el valor promedio de su pedido ofreciendo entrega gratuita (Oka.com)

Lo que hace bien esta ventana emergente:

• El descuento se basa en el valor del pedido. Atrae a aquellos clientes que buscan ese umbral de envío gratuito.
• La oferta se muestra a los clientes de países específicos a través de la orientación geográfica. Esto crea una experiencia más personalizada.
• Tiene un mensaje directo y honesto sobre la suscripción a su lista de correo electrónico ("... Puede darse de baja en cualquier momento").
• El botón CTA contrasta bien con la copia emergente.

Lo que podría optimizarse o probarse A/B:

• Podrían mejorar la legibilidad cambiando la imagen de fondo.
• La ventana emergente sería más llamativa si usaran un diseño más simple.

Código de descuento emergente y ejemplos de cupones

2020 fue un gran año para los compradores en línea. De hecho, el 92% de los compradores en los EE. UU. buscaron cupones antes de realizar compras.

Esos números no mienten. Los cupones son un método comprobado para impulsar las ventas y aún funcionan de manera brillante. Es por eso que son perfectos para sus ventanas emergentes.

Veamos algunos ejemplos a continuación.

4. Cree su lista con un código de descuento opcional (Jonquil.com.au)

Lo que hace bien esta ventana emergente:

• Un mensaje de buen gusto a pantalla completa. Está a la altura con su marca y el diseño del sitio.
• Funciona para obtener suscriptores de correo electrónico y, al mismo tiempo, alentar a los visitantes del sitio web a convertirse.
• Tiene una copia de bienvenida ("únete a la . . . familia") y un texto único de CTA.

Lo que podría optimizarse o probarse A/B:

• Hay toneladas de fuentes que se utilizan en la ventana emergente y podría ser confuso. Prueba A/B del título con la fuente del CTA.
• También puede probar A/B el campo del formulario con un solo campo (dirección de correo electrónico). Aunque algunos visitantes están contentos de completar más campos en busca de un trato, hacerlo puede hacer que otros reboten. ¡No lo sabrás hasta que lo pruebes por ti mismo!

5. Ofrezca un código de descuento a cambio de una suscripción por correo electrónico (ProspectorKnives.com)

Lo que hace bien esta ventana emergente:

• Ayuda a construir su lista de correo electrónico y fomenta pedidos futuros con un código de descuento al mismo tiempo.
• La propuesta de venta es muy clara.
• Gran uso del color tanto en el CTA como en el porcentaje de descuento (20%) en la oferta.

Lo que podría optimizarse o probarse A/B:

• Extender el formulario de registro con un campo de nombre para permitir la personalización.
• La imagen de fondo está demasiado cargada y podría desviar la atención del visitante de la oferta. Considere qué tan intensa es la imagen y si abruma a sus visitantes.

6. Conecta a tus nuevos clientes con un descuento exclusivo (Zooji.com)

Lo que hace bien esta ventana emergente:

• Tiene un diseño único y colorido (quizás el más elegante de nuestros ejemplos de ventanas emergentes de descuento).
• La imagen dirige naturalmente la atención hacia la oferta en sí.
• Captura el tono y la voz de la marca.

Lo que podría optimizarse o probarse A/B:

• El botón podría ser más grande o contrastar más con el color de fondo.
• Las características adicionales, como los temporizadores de cuenta regresiva, podrían ayudar a disminuir el abandono del carrito sin quitar el anuncio existente.

7. Involucrar a los visitantes con una ventana emergente de varios pasos (CharmsToTreasure.com)

Lo que hace bien esta ventana emergente:

• Ventana emergente de dos pasos: el formulario aparece para los usuarios más comprometidos que ya han hecho clic en "SÍ".
• Uso eficaz de una pregunta en el título (hace que sea menos probable que los visitantes digan "no").
• Excelentes opciones de color para resaltar la oferta y el CTA.
• La flecha sutil agrega estilo y atrae la atención de los visitantes hacia el botón CTA.

Lo que podría optimizarse o probarse A/B:

• Podría aparecer una barra adhesiva después de que alguien complete el formulario para recordarle la oferta.
• "10% DE DESCUENTO" podría ser tan negrita como el texto "SÍ".

8. Evite que los visitantes reboten con un descuento imperdible (MyKinin.com)

Lo que hace bien esta ventana emergente:

• Fondo y estilo acogedores: elegante fuente y opciones de color.
• Hace una oferta directa a nuevos clientes (pista: su descuento emergente no tiene que ser ciencia espacial).
• No requiere mucho esfuerzo por parte del visitante (piense: suscripción de un solo campo).

Lo que podría optimizarse o probarse A/B:

• Agregue un campo "Nombre" para permitir la personalización.
• Cantidades en dólares de prueba A/B comparadas con un porcentaje de descuento.

9. Fomente la acción inmediata con una oferta especial urgente (CellPhoneCenter.com)

Lo que hace bien esta ventana emergente:

• Opciones de colores brillantes y complementarios (incluida la flecha roja que empuja a los visitantes del sitio web a la CTA).
• El texto del botón CTA crea una sutil sensación de urgencia.
• Gran uso de "palabras poderosas" en toda la copia (es decir, "Hoy", "Guardar", "Fácil", "Ahora").

Lo que podría optimizarse o probarse A/B:

• Todo el texto emergente podría estar en mayúsculas en aras de la coherencia y captar la atención de los visitantes.
• Una variante sin una imagen de fondo podría atraer más atención a la oferta especial.

10. Haz que los nuevos clientes sientan que están recibiendo un trato increíble (PurePetFood.co.uk)

Lo que hace bien esta ventana emergente:

• Tiene un diseño brillante y divertido.
• Cumple la doble función de construir su lista de suscriptores de correo electrónico mientras anima a los compradores a comprar.
• Oferta única: puedes pedir un producto de prueba con un descuento que puede dar lugar a futuros pedidos.

Lo que podría optimizarse o probarse A/B:

• El texto "20% DE DESCUENTO" y el botón "PRUEBA" podrían ser más vívidos.
• No está claro cómo usar el código: "¿Debo usar el código de cupón al finalizar la compra o no?"
• El código de cupón se muestra antes de registrarse. En última instancia, esto podría perjudicar la tasa de conversión y el rendimiento de la ventana emergente si los visitantes canjean el código sin suscribirse.

11. Presente a los clientes primerizos una oferta clara (Natural-Fertility-Info.com)

Lo que hace bien esta ventana emergente:

• Tiene un diseño moderno y limpio.
• Texto mínimo: mientras tanto, la oferta destaca el texto en negrita.
• El botón CTA es vívido y tiene un mensaje claro (además, la simplicidad de la suscripción de un solo campo es excelente para recopilar direcciones de correo electrónico).

Lo que podría optimizarse o probarse A/B:

• El botón y el texto de la llamada a la acción podrían resaltar más: los colores más brillantes y una tipografía más audaz serían un buen punto de partida.
• Considere agregar un campo de "Nombre" para permitir la personalización.
• La primera línea de texto podría estar en mayúsculas por coherencia.

12. Ponga un descuento simple y sencillo al frente y al centro para los visitantes del sitio web (Pond5.com)

Lo que hace bien esta ventana emergente:

• Diseño brillante y moderno con excelentes colores y fuentes.
• El logotipo de la empresa encaja muy bien en el diseño.
• El botón CTA es claro y audaz.

Lo que podría optimizarse o probarse A/B:

• El texto del botón podría estilizarse con una frase de llamada a la acción personalizada en lugar de "SUSCRÍBETE AHORA".
• La ventana emergente podría funcionar bien como un mensaje de pantalla completa.
• Eliminar la imagen de fondo podría llamar más la atención sobre la oferta.

Ofertas por tiempo limitado

Las promociones emergentes centradas en la urgencia y la escasez son populares por una razón. Es decir, alientan la acción inmediata y hacen que su oferta parezca demasiado buena para perderla.

Junto con la oferta adecuada y los elementos creativos, se encuentran entre las mejores ventanas emergentes para promociones de ventas.

13. Genere anticipación e impulse las ventas con un temporizador de cuenta regresiva (MMAWarehouse.com )

Lo que hace bien esta ventana emergente:

• Diseño deliberado que coincide con la marca del sitio web.
• Implementa un temporizador de cuenta regresiva para crear urgencia y reducir el abandono del carrito.
• Excelente elección de color para el botón CTA. El toque de rojo hace que los visitantes quieran hacer clic en él.

Lo que podría optimizarse o probarse A/B:

• El código de cupón solo debe ser visible después de que el cliente haya hecho clic en el botón (para medir con precisión las conversiones).
• Podrían hacer una prueba A/B con un color de fondo ligeramente diferente para que su oferta se destaque más.

14. Aproveche el FOMO (miedo a perderse) de sus visitantes (SoggyDoggyDoormat.com)

Lo que hace bien esta ventana emergente:

• Asegura que los visitantes solo vean las mejores ofertas en la tienda.
• Su oferta por tiempo limitado crea FOMO.
• Diseño simple y limpio (el contraste claro y oscuro es fácil de leer).

Lo que podría optimizarse o probarse A/B:

• El color del botón podría ser más brillante.
• El texto podría explicar los beneficios o detalles de las ofertas.

15. Reduzca el abandono del carrito con una oferta de cuenta regresiva (TapestryGirls.com)

Lo que hace bien esta ventana emergente:

• El esquema de colores brillantes obliga a los visitantes a prestar atención a la oferta.
• Su oferta audaz es fácil de entender.
• El temporizador de cuenta atrás anima a los visitantes a actuar lo antes posible.

Lo que podría optimizarse o probarse A/B:

• El texto de exclusión podría ser más legible.

¡Esta ventana emergente funciona con OptiMonk! Vea cómo Tapestry Girls vio un aumento del 50 % en las conversiones después de aprovechar nuestra plataforma.

Campañas de temporada y ventanas emergentes del Black Friday

No es ningún secreto que el comercio electrónico de vacaciones está en auge a medida que los consumidores acuden en masa al Black Friday, Cyber ​​Monday y otras ventas de temporada.

Los días festivos representan un momento ideal para ejecutar ventanas emergentes de promoción de ventas y son una gran oportunidad para impulsar las ventas de cualquier sitio de comercio electrónico.

Echa un vistazo a estas ventanas emergentes de temporada a continuación.

16. Deleite a sus compradores de temporada con ventanas emergentes gamificadas (EasyologyPets.com)

Lo que hace bien esta ventana emergente:

• Ventana emergente única de girar la rueda que es adecuada para el diseño y la temporada.
• Ofrece múltiples promociones para las necesidades de todos (y evita que los clientes las combinen).
• Juguetón y divertido: no se siente como una promoción tradicional.

Lo que podría optimizarse o probarse A/B:

• Podrías hacer una prueba A/B del color del botón en el centro.
• Experimente con el posicionamiento de la copia (tamaño también) y CTA.

17. Destaca tus mejores ofertas (Beddingstock.com)

Lo que hace bien esta ventana emergente:

• La promoción Black Friday/Cyber ​​Monday hace que la ventana emergente sea sensible al tiempo.
• El CTA contrastante es imperdible.
• La copia destaca la importancia y el valor de la oferta ("LA VENTA MÁS GRANDE DEL AÑO").

Lo que podría optimizarse o probarse A/B:

• Podría implementarse como una ventana emergente de varios pasos con una revelación de código.

Ventanas emergentes de recomendación de productos

Las recomendaciones de productos representan aproximadamente el 33% de las ventas de comercio electrónico . Por lo tanto, es una decisión inteligente guiar a sus visitantes hacia ciertos artículos.

Puede personalizar sus ventanas emergentes de "elemento sugerido" según el comportamiento de navegación de su tráfico.

Veamos algunas ventanas emergentes de recomendación de productos a continuación.

18. Promociona tus productos más populares | Photopaperdirect.com

Lo que hace bien esta ventana emergente:

• Las recomendaciones inteligentes de productos son una excelente técnica de personalización. Por ejemplo, OptiMonk le permite mostrar ofertas relevantes a los visitantes en función del comportamiento de navegación anterior. Esto incluye productos que han buscado o artículos que agregaron previamente a su carrito.
• Ofrece tres productos relevantes para el cliente. Crea una sensación de elección (pero no desencadena la parálisis del análisis).
• El llamativo texto del encabezado atrae a más visitantes.

Lo que podría optimizarse o probarse A/B:

• El color del titular debe contrastar más para destacarse del fondo.
• Prueba A/B del valor del descuento para maximizar el compromiso (por ejemplo, ¿un 25 % o un 50 % de descuento frente a una cantidad fija en dólares de $10 o $15 de descuento funciona mejor?).

19. Dé la bienvenida a los visitantes que regresan y recuérdeles sus productos favoritos (TinyBeastDesigns.com)

Lo que hace bien esta ventana emergente:

• Tiene un esquema de color llamativo que combina con la marca.
• Recomienda un producto específico, lo que hace que la ventana emergente parezca más personal.
• Se presenta como una clara bienvenida y una mano amiga para el visitante.

Lo que podría optimizarse o probarse A/B:

• La miniatura del producto podría ser más grande y clara: experimente con las ventanas emergentes y el tamaño de la imagen.
• Podrían hacer que el botón X sea más fácil de encontrar con un círculo alrededor o con un color o tamaño más notable.

¡Esta es otra ventana emergente increíble impulsada por OptiMonk! Obtenga más información sobre cómo Tiny Beast Designs recopiló más de 2200 registros en una nueva tienda utilizando nuestras herramientas emergentes.

Supongamos que desea utilizar ventanas emergentes de descuento y está listo para implementarlas en su tienda.

Para concluir, revisemos algunas de nuestras prácticas recomendadas de diseño de ventanas emergentes y consideraciones a tener en cuenta antes de impulsar sus campañas.

1. Usa la gamificación para hacer que tus ventanas emergentes de descuento se sientan menos "vendedoras"

En pocas palabras, aquí en OptiMonk somos grandes admiradores de las ventanas emergentes gamificadas (consulte el ejemplo n.° 16 anterior).

¿Por qué? Las ventanas emergentes gamificadas no se sienten como mensajes de ventas. Representan una forma lúdica de interactuar con los visitantes y al mismo tiempo alentarlos a realizar una compra.

Por lo menos, las ventanas emergentes gamificadas son divertidas y fuera de lo común. Este es un marcado contraste en comparación con tantas marcas que no piensan mucho en sus promociones.

2. Activar ventanas emergentes en función del comportamiento real del visitante, no "solo porque sí".

Piensa en la experiencia del usuario a la hora de presentar tus códigos de descuento.

En lugar de activar su ventana emergente tan pronto como alguien llega al sitio, es importante dar a los nuevos visitantes algo de tiempo para respirar y navegar.

No querrás interrumpir la navegación de tu sitio ni asustar a nadie, ¿verdad?

Esto habla de la importancia de las ventanas emergentes activadas por comportamiento . Se muestran en función de los criterios preestablecidos que elija.

Por ejemplo, puede elegir ventanas emergentes que se activarán según el tiempo que alguien pasa en el sitio o cuánto se desplazó por una página. Esto asegura que sus ventanas emergentes sean vistas por los prospectos correctos.

Esto mejora sus posibilidades de conversión en el proceso.

3. Mantenga su diseño emergente y copia lo más simple posible

Un hilo común entre las mejores ventanas emergentes es que no son demasiado complicadas.

En resumen, sus ventanas emergentes deben ser fáciles de entender de un vistazo. Eso significa:

• Use un lenguaje simple, sepárelo en declaraciones breves y contundentes frente a oraciones o párrafos.
• Elimine imágenes innecesarias o cualquier cosa que pueda distraer a los visitantes.
• Cree un botón CTA claro que atraiga los ojos de sus visitantes.
• Agregue un botón X bueno y notable para que su comprador pueda "salir" de la ventana emergente cuando lo desee.

4. Evite abrumar a los visitantes con demasiados campos de formulario

Lo entendemos: desea recopilar la mayor cantidad de información posible sobre sus clientes potenciales y prospectos.

Pero hacerlo puede perjudicar sus posibilidades de ganar un cliente.

Considere que la mayoría de las personas compran en sus dispositivos móviles. No tienen tanto tiempo como cuando están navegando en sus computadoras en casa.

Hay una razón por la cual la mayoría de las ventanas emergentes de descuento simplemente solicitan nombres y direcciones de correo electrónico: menos campos de formulario son más fáciles para sus visitantes y es más probable que resulten en suscripciones reales.

5. Asegúrese de que el diseño de su ventana emergente coincida con su marca y sitio web

No hay sorpresas aquí: cualquier ventana emergente de ventas en su sitio debe coincidir con las creatividades en su sitio. Esto incluye su logotipo, combinación de colores y voz de marca.

Las ventanas emergentes deben sentirse como una parte integral de la navegación de su sitio y no como una interrupción directa.

Afortunadamente, crear ventanas emergentes elegantes y de marca puede ser pan comido gracias a herramientas como OptiMonk .

Puede adaptar sus ventanas emergentes de descuento en función de su marca y mensajes únicos en muy poco tiempo. Utilice nuestra Biblioteca de inspiración con cientos de plantillas para elegir.

¿Quiere obtener más información sobre cómo ejecutar ventanas emergentes que a sus clientes les encantará ver y que aumentarán sus ingresos hasta 10 veces? Lea nuestra Guía definitiva de ventanas emergentes.

Las promociones emergentes son poderosas para impulsar las ventas y generar lealtad a la marca.

Eso si prestas atención a las muchas piezas móviles de tus promociones.

Con suerte, estos ejemplos emergentes de descuentos pueden inspirarte a crear los tuyos propios para obtener más ventas.

Si aún no lo ha hecho, asegúrese de probar las toneladas de funciones de personalización de ventanas emergentes integradas en OptiMonk . Es fácil de usar y se integra en su sitio de comercio electrónico. Se sorprendería de lo rápido que puede poner en marcha su próxima promoción de ventas. ¡Cree una cuenta gratuita hoy y siga los ejemplos anteriores!