Las ventanas emergentes de sitios web son excelentes para comunicar ofertas, capturar clientes potenciales y atraer a los visitantes que están a punto de abandonar su sitio web.
Si se ejecutan bien, las ventanas emergentes de sitios web pueden aumentar significativamente la participación y aumentar las conversiones. De hecho, una investigación de Sumo muestra que la tasa de conversión promedio de las ventanas emergentes de sitios web es del 3.09%.
La clave para las ventanas emergentes de alta conversión es crear un diseño que llame la atención y tener en cuenta la experiencia del usuario.
En esta publicación, analizaremos los diferentes tipos de ventanas emergentes de sitios web y compartiremos ejemplos prácticos de cómo utilizarlas para generar clientes potenciales, impulsar la participación y aumentar las conversiones.
¿Qué es una ventana emergente de un sitio web?
Una ventana emergente de un sitio web es una superposición gráfica o un cuadro que "aparece" en la pantalla cuando un visitante navega por su sitio. Capta instantáneamente la atención del usuario y le solicita que realice una acción específica.
Una ventana emergente de un sitio web suele contener texto, imágenes y una llamada a la acción clara que solicita una acción específica, como ingresar una dirección de correo electrónico.
Puede utilizar una ventana emergente de un sitio web para muchas cosas, entre ellas:
- Promoción de campañas y descuentos.
- Recopilación de direcciones de correo electrónico
- Proporcionar consentimiento de cookies y exenciones de responsabilidad
- Recopilación de comentarios
- Envío de alertas y suministro de información.
- Recopilación de participantes en preventa
¿Son efectivas las ventanas emergentes de sitios web?
Las ventanas emergentes de sitios web son una forma eficaz de generar clientes potenciales e interactuar con los visitantes del sitio web, con una tasa de conversión promedio de más del 3%.
Una ventana emergente eficaz en un sitio web puede beneficiarle de varias maneras, entre ellas:
- Generación conductora: Los formularios de registro que requieren direcciones de correo electrónico a cambio de un incentivo son eficaces para la generación de leads.
- Conversiones de ventas: Puede utilizar una ventana emergente del sitio web para obtener mejores conversiones al dirigir a los visitantes a sus páginas de destino, ofertas o productos relevantes.
- Compromiso: Las ventanas emergentes se pueden utilizar para ofrecer ofertas especiales o contenido exclusivo que anime a los visitantes a interactuar con su sitio web.
- Informacion del cliente: Puede utilizar ventanas emergentes en sitios web para recopilar información del cliente, como fecha de nacimiento, número de teléfono o preferencias. Estos pueden ayudarle a ofrecer recomendaciones de productos o servicios relevantes y personalizadas.
- Segmentación de clientes: una ventana emergente de un sitio web puede ayudarle a recopilar datos de los clientes, como detalles demográficos, intereses y comportamiento, para una segmentación adecuada. Esto le ayuda a crear campañas de marketing más específicas.
Los mejores ejemplos de ventanas emergentes de sitios web: por tipo
Los especialistas en marketing digital utilizan varios tipos de ventanas emergentes de sitios web según el objetivo. Por ejemplo, puede utilizar ventanas emergentes del Día de la Madre para vender obsequios específicos de un evento.
Analicemos los tipos de ventanas emergentes utilizando ejemplos reales. Le mostraremos por qué se destacan y cómo puede diseñar ventanas emergentes similares para lograr objetivos específicos.
1. Ejemplos de ventanas emergentes de carga de página
Esta ventana emergente para sitios web aparece tan pronto como una página web está completamente cargada, captando instantáneamente la atención del visitante. A continuación se muestran algunos ejemplos de cómo otras marcas utilizan este tipo de ventana emergente para interactuar con el sitio web.
Tuckernuck
La marca de ropa Tuckernuck combina imágenes atractivas con incentivos para animar a los usuarios a registrarse para recibir mensajes promocionales por SMS.
Los visitantes pueden disfrutar de un 10% de descuento en su compra simplemente registrándose con su número de móvil.
Urraca
Ekster utiliza imágenes de productos, fuentes grandes y un descuento importante para llamar la atención. Esta CTA es un mensaje eficaz para que los visitantes ingresen sus direcciones de correo electrónico y aprovechen la oferta.
AfroChic
Esta ventana emergente del sitio web invita a los visitantes a “celebrar la cultura de la diáspora africana”, aprovechando el vibrante patrimonio que resuena en su audiencia. La promoción de las diversas ofertas de la marca, incluidos libros, revistas y un podcast, permite a los visitantes interactuar con el contenido en su formato preferido.
2. Ejemplos de ventanas emergentes con intención de salida
Una ventana emergente con intención de salir del sitio web se activa cuando parece que un visitante está a punto de abandonar un sitio, por ejemplo, cuando su cursor se dirige hacia el ícono "cerrar" en un navegador.
Puede utilizar esta ventana emergente como llamada final para incentivar a los usuarios a realizar la acción deseada antes de irse.
Veamos algunos ejemplos de ventanas emergentes de sitios web con intención de salida.
Coschedule
Este es un excelente ejemplo de ventana emergente con intención de salida que utiliza un tono conversacional y una copia. La copia resalta efectivamente los beneficios de la plataforma: más trabajo realizado en menos tiempo para la misma plantilla. Luego, la CTA se destaca en un color naranja brillante para captar la atención del visitante, instándolo a programar una demostración sin comprometerse a registrarse.
Coursera
El mensaje de intención de salida de Coursera aparece en la parte inferior de la pantalla y pide cortésmente a los visitantes que completen una encuesta sobre cómo se enteraron de la marca.
Debido a su tono amigable y estructura no intrusiva, este es un buen ejemplo de una ventana emergente de un sitio web que se utiliza para recopilar comentarios, en lugar de promocionar productos.
Semilla
En lugar de las opciones habituales de sí o no, esta ventana emergente del sitio web incluye una opción para los visitantes que todavía tienen preguntas sin respuesta y aún no están listos para registrarse. La ventana emergente aumenta la participación al brindar opciones que atraen a los visitantes en diferentes etapas del embudo de ventas.
Ya sea que decidan comprar el producto o aprender más sobre él, estarán comprometidos.
3. Ejemplos de ventanas emergentes cronometradas
Aparece una ventana emergente de sitio web cronometrada después de que un visitante pasa una cantidad específica de tiempo en su sitio web. Puede configurar el tiempo de la ventana emergente para que los visitantes tengan tiempo suficiente para leer su contenido antes de ver una ventana emergente con un mensaje relevante.
A continuación se muestran algunos ejemplos de ventanas emergentes de sitios web cronometradas.
Bandier
La marca de moda y fitness Bandier utiliza una ventana emergente cronometrada en su sitio web para ofrecer un descuento a los visitantes del sitio a cambio de sus números de teléfono. El formulario revela su política de privacidad, lo que ayuda a generar confianza y hacer que la ventana emergente sea más efectiva.
Thinx
La ventana emergente de este sitio web se muestra 10 segundos después de que la página web se carga por completo. Confirma la ubicación del visitante y le informa sobre las convenientes opciones de envío y precios que ofrece la marca.
La promesa de compras cómodas puede animar a los usuarios a comprar en el sitio web.
4. Ejemplos de ventanas emergentes de sitios web activadas por desplazamiento
Este tipo de ventana emergente de sitio web se muestra cuando un visitante se desplaza a un punto específico de su página web. Al igual que las ventanas emergentes cronometradas, les brinda a los visitantes el tiempo suficiente para navegar por su sitio antes de ver una solicitud.
INH Cabello
Esta ventana emergente es un cuestionario para que los visitantes encuentren el tono de color de cabello perfecto y aparece cuando se desplazan hasta la parte inferior de la página. Cualquiera que responda el cuestionario recibe recomendaciones de productos personalizadas, lo que hace que su experiencia de compra sea más cómoda.
Al esperar hasta que el visitante haya llegado al final de la página, INH Hair sabe que es probable que esté interesado. Y mencionar que el cuestionario solo tomará 90 segundos les permite a las personas saber que no dedicarán mucho tiempo a ello.
Famous Footwear
La ventana emergente activada por desplazamiento de Famous Footwear se activa una vez que un visitante se ha desplazado por las tres cuartas partes (o el 75%) de la página de inicio. Esto les da a los usuarios tiempo suficiente para explorar los productos disponibles antes de ofrecer un descuento para animarlos a comprar.
5. Ejemplos de ventanas emergentes activadas por clic
Esta ventana emergente de sitio web se activa cuando un usuario hace clic en un elemento de su página web, como un texto específico, una imagen o un botón. Una ventana emergente para sitios web activada por un clic brinda a los visitantes del sitio más información sobre el elemento seleccionado.
Estudio JARI
Cuando los visitantes hacen clic en un producto en la página web de Studio JARI, aparece una ventana emergente con especificaciones detalladas del producto.
Un buen detalle es que los visitantes pueden agregar el producto a su carrito directamente desde la ventana emergente, lo que hace que la experiencia de compra sea más fluida.
Madewell
Esta ventana emergente se activa cuando los usuarios hacen clic en "descuento" en la página de inicio. Tiene un doble propósito: alentar a los visitantes a registrarse para recibir correos electrónicos y recomendar la marca a un amigo para obtener un descuento.
Nordstrom
El mensaje “¡Chatea con nosotros!” El botón en la parte inferior de la página web de Nordstrom activa una ventana emergente que brinda a los clientes varias opciones para administrar sus pedidos. Esto mejora la experiencia del cliente al proporcionar una manera fácil de devolver o cancelar pedidos o verificar el estado del pedido.
6. Ejemplos de tapete de bienvenida/ventanas emergentes de pantalla completa
A diferencia de otras ventanas emergentes en sitios web que cubren solo una parte de la pantalla, una ventana emergente de bienvenida cubre toda la página. Cuando se ejecuta correctamente, dirige la atención del visitante hacia la CTA, evitando que se distraiga con otros elementos del sitio web.
Brooklinen
La ventana emergente del sitio web de Brooklinen tiene un diseño minimalista que se centra en dos elementos clave: el descuento y el botón CTA. Es simple pero efectivo. Cualquiera que esté interesado en comprar probablemente aprovechará el descuento y aquellos que no lo estén podrán simplemente optar por no participar.
Caja de Seúl
Este es otro ejemplo de cómo utilizar un diseño simple para su ventana emergente de pantalla completa. Utiliza un fondo liso con imágenes en el lateral para captar la atención del visitante.
Esta alfombra de bienvenida comunica el beneficio de forma rápida y clara: el visitante tiene un 10% de descuento y puede reclamarlo simplemente seleccionando qué área le interesa más.
7. Ejemplos de ventanas emergentes de sitios web de Hello Bar
A diferencia de otros tipos de ventanas emergentes, una ventana emergente del sitio web de la barra de saludo solo aparece en la parte superior o inferior de la página. No impide que sus visitantes se desplacen por su sitio web, ya sea que interactúen con la ventana emergente o no.
Recreo
Esta ventana emergente de barra de saludo de la marca de bebidas Recess utiliza un enfoque sutil pero efectivo. Su ventana emergente aparece en la parte inferior de la página, lo que garantiza que la experiencia de navegación del visitante no se interrumpa y que el mensaje permanezca visible para los visitantes mientras naveguen por el sitio web.
El diseño de la ventana emergente incorpora colores vibrantes que contrastan con el resto del sitio web. Capta instantáneamente la atención del visitante e impulsa la participación con un simple incentivo: una dirección de correo electrónico a cambio de un descuento.
Café de caléndula
La ventana emergente del sitio web de Marigold Coffee es mínima y no intrusiva, con un tono amigable y conversacional.
8. Ejemplos de ventanas emergentes de alerta informativa
Se utilizan para brindar a los visitantes información importante sobre su marca, productos o servicios, incluidos cambios de políticas, cambios de precios, consentimiento de cookies, descuentos y más.
Biografía de Charlotte
La marca de maquillaje Charlotte Bio utiliza una ventana emergente de alerta informativa en el sitio web para mostrar información de consentimiento de cookies. Utiliza textos divertidos y pegadizos pero claros y concisos para transmitir su mensaje.
popupsmart
Esta ventana emergente de alerta informativa les dice a los visitantes que Popupsmart ahora ofrece automatización del correo electrónico de Shopify.
La ventana emergente está ubicada en la esquina inferior izquierda de la pantalla y no interrumpe la experiencia de navegación del visitante. También utiliza colores similares a los del resto de la página, creando una experiencia uniforme e inmersiva.
Dolce & Gabbana
Además de explicar claramente para qué se utilizan las cookies, el diseño de esta ventana emergente dirige inconscientemente la atención del visitante a la CTA "Permitir todo" resaltándola en negro mientras el resto de la ventana emergente permanece en blanco.
9. Ejemplos de ventanas emergentes gamificadas
Una ventana emergente de sitio web gamificada utiliza elementos divertidos, interactivos y atractivos para captar la atención del visitante.
Aquí ofrecemos unos ejemplos.
Luna Nella
La marca de moda Luna Nella utiliza una rueda de la fortuna para hacer que su ventana emergente sea divertida e interactiva. Los invitados hacen clic para girar, con una probabilidad de 3 en 5 de ganar algo (ya sea un descuento o envío gratis). La CTA es clara y sencilla: proporciona tu dirección de correo electrónico para reclamar el descuento.
aura bora
La marca de agua con gas Aura Bora lleva la gamificación al siguiente nivel al incorporar un juego real en la ventana emergente. Incluso si alguien no está seguro de querer comprar, puede verse tentado a jugar y obtener el máximo descuento. Una vez que lo obtengan, es posible que decidan utilizarlo.
Esa es la belleza de esta ventana emergente gamificada: tiene el potencial de convertir a los visitantes ocasionales del sitio en clientes.
Toms
Toms, una marca de zapatos, también utiliza la rueda de la fortuna para captar clientes potenciales. La ventana emergente del sitio web utiliza un texto breve y atractivo para animar a los visitantes a girar la rueda y ganar un descuento, aumentando así la participación.
10. Ejemplos de ventanas emergentes de redireccionamiento de página
Estas ventanas emergentes de sitios web redirigen a los visitantes a páginas específicas que ofrecen información más relevante o valiosa. Es una estrategia excelente si intenta generar más tráfico y participación en páginas específicas de su sitio web.
Prestashop
Esta ventana emergente de Prestashop informa a los visitantes que pueden ver un sitio web de una ubicación específica. Esto puede aumentar la participación, ya que es más relevante para el visitante y ofrece una experiencia más personal.
Otro mañana
La marca de ropa sostenible Another Tomorrow utiliza una ventana emergente de redireccionamiento de página minimalista que permite a los usuarios ver productos o regresar a la página de inicio.
11. Ejemplos de ventanas emergentes alternativas para bloquear anuncios
Algunos visitantes tendrán un bloqueador de anuncios que evita que aparezcan anuncios en su pantalla, lo que reduce sus ingresos. Este tipo de ventana emergente solicita a los visitantes que desactiven sus bloqueadores de anuncios para tener acceso completo al contenido de su sitio web.
USA Today
Esta ventana emergente de USA Today no solo les dice a los usuarios que deshabiliten sus bloqueadores de anuncios, sino que también explica por qué deberían hacerlo. Pide a los visitantes que apoyen el sitio pagando por el contenido o desactivando el bloqueador de anuncios.
Business Insider
La ventana emergente de solución de bloqueo de anuncios de Business Insider aprovecha el texto grande y en negrita para captar la atención del lector sobre el uso de un bloqueador de anuncios. Luego ofrece las mismas opciones que USA Today: convertirse en suscriptor pago o eliminar el bloqueador de anuncios.
12. Ejemplos de ventanas emergentes de inicio de sesión de usuario
Este tipo de ventana emergente de sitio web permite al visitante crear o iniciar sesión en su cuenta sin salir de la página. Esto puede resultar especialmente útil para las marcas de comercio electrónico, ya que les permite ofrecer una experiencia de compra más personalizada a los clientes.
Academia LearnDash
En lugar de redirigir a los usuarios a una página de inicio de sesión diferente, LearnDash Academy utiliza una ventana emergente de inicio de sesión y registro dos en uno. Esto crea una experiencia perfecta para los visitantes, lo que facilita el inicio de sesión o el registro según sea necesario.
Moooi
Esta ventana emergente de inicio de sesión es simple y funcional. Ofrece a los usuarios la opción de iniciar sesión en su cuenta Moooi existente o crear fácilmente una nueva cuenta si no tienen una.
13. Ejemplos de ventanas emergentes de sitios web de encuestas
Este tipo de ventana emergente le permite recopilar comentarios y reseñas de los clientes directamente desde su sitio web. Puede utilizarlos de varias maneras, incluida la recopilación de información valiosa para luego diseñar campañas de marketing altamente específicas.
Círculos Vida
Circles.Life adopta un enfoque único al combinar una ventana emergente con intención de salida con una encuesta. Utiliza una ventana emergente para saber por qué abandonan el sitio.
Kennedy azul
Kennedy Blue utiliza un formulario emergente de varios pasos para recopilar información sobre la experiencia del visitante en el sitio. Esta ventana emergente con intención de salida ofrece un descuento para animarlos a realizar la encuesta.
Puede replicar esta estrategia utilizando cualquier tipo de incentivo, como contenido privado y ofertas exclusivas, según su tipo de negocio.
14. Ejemplos de ventanas emergentes de imanes potenciales
Estas ventanas emergentes brindan valiosos recursos o incentivos a cambio de información de contacto como direcciones de correo electrónico o números de teléfono. Por ejemplo, puedes ofrecer un libro electrónico gratuito, un artículo exclusivo o un código de descuento.
Tommy Hilfiger
La marca de moda Tommy Hilfiger utiliza un diseño de caja de luz, resaltando el contenido emergente oscureciendo el resto de la pantalla. La ventana emergente ofrece un claro incentivo, un 20% de descuento, a cambio de unirse a la marca y proporcionar información por correo electrónico.
La ventana emergente también menciona los términos y condiciones de la membresía para mantener la transparencia y generar confianza.
Bolas de proteína de Scott
Esta ventana emergente de sitio web presenta un logotipo ubicado de manera destacada para reforzar la marca de la empresa, con una destacada oferta de descuento del 20% por registrarse. Esto, combinado con el CTA rojo brillante, atrae la atención del visitante y lo anima a registrarse.
Convertir flujo
ConvertFlow utiliza un formulario emergente de varios pasos para generar clientes potenciales. El primer paso ofrece un calendario gratuito que viene con plantillas recomendadas.
Una vez que los visitantes hacen clic en el botón CTA de la primera ventana emergente, aparece el segundo paso para recopilar direcciones de correo electrónico y nombres. Luego, el visitante puede acceder al calendario.
15. Ejemplos de ventanas emergentes de registro
Al igual que las ventanas emergentes de inicio de sesión, estas ventanas emergentes permiten al usuario registrarse o inscribirse en eventos específicos como seminarios web o podcasts sin salir de su sitio web.
Puede vincularlo a una página de destino, donde puede recopilar direcciones de correo electrónico para proporcionar más información sobre el evento al que se están registrando los visitantes.
nCambio
Esta ventana emergente del sitio web muestra cómo la empresa de gestión de envíos nShift indica a los usuarios que se registren fácilmente en su seminario web. Un lado contiene un formulario de registro, mientras que el otro lado enumera los puntos clave de aprendizaje del seminario web. Esta estrategia resalta efectivamente los beneficios del evento, aumentando así las inscripciones.
Search Engine Diario
Esta ventana emergente del sitio web permite a los visitantes reservar un asiento para un seminario web con anticipación, con un título que comunica claramente los beneficios de asistir.
16. Ejemplos de ventanas emergentes de registro de pedidos anticipados
Estas ventanas emergentes se utilizan para recopilar una lista de clientes potenciales antes del lanzamiento de un producto o servicio. Puede dirigir a los usuarios a una página de destino o solicitarles que completen un formulario de pedido anticipado.
Gary vaynerchuck
El emprendedor en serie Gary Vaynerchuck deja clara su oferta en esta ventana emergente del sitio web: obtenga un 20% de descuento al reservar su libro y proporcionar una dirección de correo electrónico.
Cultura Espresso
La ventana emergente de Culture Espresso permite a los visitantes reservar cookies que luego recogerán en persona y ofrece la opción de realizar el pedido a través del sitio web o la aplicación móvil (lo que también lo convierte en una forma eficaz de aumentar las descargas de aplicaciones).
17. Ejemplos de ventanas emergentes de códigos de cupón
Las ventanas emergentes con códigos de cupón funcionan como imanes de clientes potenciales. Ofrecen códigos de cupón para descuentos a cambio de la dirección de correo electrónico o la información de contacto de un visitante.
Participar alimentos
Partake Foods utiliza una imagen de producto atractiva para animar a los visitantes a registrarse y reclamar el cupón. También menciona cuántos minoristas venden este producto, destacando lo fácil que es realizar una compra.
Cabello Briogeo
Briogeo Hair utiliza una ventana emergente en el sitio web para ofrecer un 10% de descuento a cambio de una dirección de correo electrónico.
El popup tiene un diseño claro y sencillo: muestra la oferta por un lado y una imagen del producto por el otro.
18. Ejemplos de ventanas emergentes de sitios web de suscripción por correo electrónico
Este tipo de ventanas emergentes de sitios web están diseñadas para recopilar direcciones de correo electrónico con fines de marketing. Puede ofrecer descuentos y otros tipos de incentivos para generar clientes potenciales con esta ventana emergente.
Bukky Baldwin
Esta ventana emergente de suscripción por correo electrónico solicita a los usuarios que se suscriban al boletín informativo de la empresa y destaca el beneficio clave de hacerlo. Un campo de formulario único y una CTA clara facilitan el proceso y alientan a más visitantes a registrarse.
Empuje la vida
La marca de estilo de vida para sillas de ruedas Push Living utiliza una ventana emergente de sitio web simple centrada en texto para recopilar direcciones de correo electrónico para una lista de correo. Incluso sin imágenes, el diseño es atractivo y los beneficios se comunican de manera concisa.
Café de ocho onzas
La marca minorista de café Eight Ounce Coffee utiliza esta ventana emergente de sitio web para ofrecer acceso exclusivo a ofertas de compras y eventos a los visitantes que se suscriben a su boletín. Enumerar los beneficios ayuda a convencer a los visitantes del sitio de que valdrá la pena registrarse.
19. Ejemplos de ventanas emergentes para habilitar el número de teléfono
Este tipo de ventana emergente de sitio web funciona como una ventana emergente de correo electrónico. Sin embargo, en lugar de recopilar direcciones de correo electrónico, solicita números de teléfono.
Anthropologie
Esta ventana emergente del sitio web genera confianza y transparencia al detallar cómo se utilizará su número de teléfono, cómo cancelar la suscripción y cómo comunicarse con el soporte si se registra. Esto, junto con la oferta de descuento del 10%, anima a los visitantes a registrarse.
Prueba chicos
Esta ventana emergente de sitio web de suscripción solo utiliza texto, no hay elementos visuales que lo acompañen. Sin embargo, las fuentes claras y grandes resaltan el incentivo para registrarse, y el contraste entre el botón CTA y el fondo blanco llama la atención del visitante.
Envolver
Los especialistas en marketing digital utilizan ventanas emergentes de sitios web para captar clientes potenciales, promover sus ventas y ofertas e impulsar las conversiones de ventas.
Debe seleccionar el tipo apropiado de ventana emergente de sitio web para lograr sus objetivos de marketing. Sin embargo, no existen reglas establecidas y recomendamos experimentar con diferentes ventanas emergentes de sitios web para determinar cuáles son las más efectivas para su negocio.
Encuentre un equilibrio entre alcanzar los objetivos de marketing y brindar una experiencia de usuario positiva. Manténgalos breves y concisos para atraer aún más a los visitantes e impulsar las conversiones.
Fuente de Omnisend
Descargo de responsabilidad: la información establecida anteriormente es proporcionada por omnisend.com independientemente de Chovm.com. Chovm.com no representa ni garantiza la calidad y confiabilidad del vendedor y los productos.
