Lo que se debe y no se debe hacer al agregar ventanas emergentes a su sitio web + ejemplos

Son las 9 de la noche de un jueves y usted está tomando un poco de té, o tal vez vino si ha sido un día difícil, y está comprando casualmente en su sitio web favorito. Empiezas a bostezar y te das cuenta de que es hora de prepararte para ir a la cama. Justo cuando estás a punto de cerrar la pestaña, ¡BAM! Una ventana emergente de intención de salida muestra el siguiente mensaje: “¡Espere! Tienes artículos en tu bolsa." Una llamada a la acción le indica que "pague ahora" y termina comprando un bolso nuevo.

Todos hemos estado allí porque esas malditas ventanas emergentes de intención de salida funcionan. De hecho, las ventanas emergentes de intención de salida tienen una tasa de conversión de alrededor del 3 al 5%. Si bien no es una gran cantidad, es suficiente para ayudarlo a aumentar sus clientes potenciales, ventas e interacciones en el sitio sin tiempo de desarrollo. Las ventanas emergentes son una práctica estándar en los sitios web, pero ¿sabe qué hacer y qué no hacer al agregar una a su propio sitio?

No abarrotes demasiada información.

Como regla general, las ventanas emergentes no deben exceder un ancho máximo de 900 px. Si usa una imagen, eso no deja mucho espacio para el contenido, así que asegúrese de ser creativo.

Old Navy utiliza su ventana emergente para animar a los clientes a solicitar su tarjeta de crédito. Han incluido una copia informativa y el botón de llamada a la acción (CTA) lleva a los clientes a la aplicación. Este es un ejemplo emergente simple pero efectivo.

Recopile información del usuario .

Recopilar correos electrónicos para que pueda enviar comunicaciones futuras es una excelente manera de mantenerse en la mente de sus clientes nuevos y existentes. Puede recopilar direcciones de correo electrónico para un boletín informativo u ofrecer un código de cupón.

No es necesario crear un formulario enorme. De hecho, solo un campo de correo electrónico es suficiente. Si desea personalizar sus correos electrónicos, puede agregar un campo de nombre. Si necesita recopilar más información del usuario, hágalo más tarde. Su ventana de tiempo para esta interacción es suficiente para mostrarle al visitante la información que desea y recopilar la información principal que necesita.

Sugerencia: si no desea que los visitantes adivinen el clásico "Bienvenido10" como su código de descuento del 10 %, use códigos personalizados en su lugar.

No abrumes a tu audiencia con demasiadas ventanas emergentes.

Sea consciente de la experiencia de sus usuarios mientras navegan por su sitio. Crear un bache en el viaje de sus visitantes con una ventana emergente no deseada puede ser perjudicial. Por ejemplo, hace poco estaba mirando alfombras y vi una interrupción mientras buscaba productos. Cada vez que hacía clic para ver la siguiente página de productos, veía esta ventana emergente y tenía que rechazarla antes de poder continuar con mi búsqueda.

Afortunadamente, mejoraron su experiencia de usuario (UX) con este pequeño círculo para que la ventana emergente se expandiera, pero solo si elegía hacer clic en ella. Otra forma de mejorar esta ventana emergente sería mostrarla solo una vez que el cliente haya agregado un artículo a su carrito.

Otro mal ejemplo es la pantalla emergente doble de la NFL.

Mostrar dos ventanas emergentes a la vez es abrumador. Cuando hice clic en "más tarde" para la ventana emergente de notificación del navegador, la oferta por tiempo limitado también se cerró, por lo que se eliminó mi oportunidad de registrarme. Cíñete a una ventana emergente a la vez o, en este caso, usa una ventana emergente cronometrada. De esa manera, el visitante primerizo tiene la oportunidad de ver y contemplar una opción a la vez.

Siga leyendo para obtener más información sobre el uso de ventanas emergentes temporizadas.

Ofrezca cupones a cambio de correos electrónicos (clientes potenciales).

Volviendo a recopilar clientes potenciales, recopilar información de sus visitantes debería ser gratificante. La mayoría de los consumidores quieren algo a cambio, ya sea acceso a un boletín mensual o un pequeño descuento en su primera compra. Incluso puede hacer que los usuarios se registren en su programa de recompensas. Ofrecer un cupón o contenido exclusivo para un correo electrónico y un nombre es un intercambio fácil y aumenta sus clientes potenciales para futuras campañas de marketing.

Capte la atención de los visitantes a través del color y las ventanas emergentes cronometradas.

Las ventanas emergentes están destinadas a captar la atención de su audiencia, ¿verdad? Por lo tanto, haga que su ventana emergente se destaque usando un color complementario. Eche un vistazo a una rueda de colores y encuentre un color que complemente su combinación de colores principal. No haga que su ventana emergente distraiga demasiado, pero si es una notificación pequeña, querrá que se destaque en la página que está viendo su visitante.

Además, el uso de una función de tiempo para mostrar su ventana emergente después de que un usuario ha estado en el sitio durante un cierto período de tiempo puede ayudar a reenfocar su atención y mantenerlo en el camino correcto.

Por ejemplo, cuando está completando una solicitud y se distrae, es posible que vea una ventana emergente similar a la siguiente.

Esta notificación no solo le recuerda al usuario que debe redirigir su atención a la aplicación, sino que también presenta una sensación de urgencia para completarla. En última instancia, el uso de una ventana emergente cronometrada puede mantener a los visitantes de su sitio web en el camino que espera que tomen y terminen su solicitud, compra o envío de formulario.

No olvide agregar la opción para cerrar la ventana emergente.

Sea claro acerca de cómo un visitante del sitio puede cerrar una ventana emergente para evitar confusiones. El peor de los casos: un visitante cierra la pestaña por completo y nunca regresa a su sitio. ¡Ay! Nadie quiere eso, especialmente en el negocio de servicio al cliente, retención y ventas.

Use el widget de acción de ShortStack para crear una acción emergente de cierre. Algunos textos excelentes para usar para que el visitante cierre la ventana emergente son:

• Rechazar una oferta
• Cerca
• La próxima vez
• Recuérdame más tarde
• No, gracias
• Gracias por la información

Utilice ventanas emergentes para clasificar por edad su sitio o productos específicos.

¿Vende productos como nicotina o alcohol que requieren que el comprador tenga cierta edad? Use una ventana emergente fácil como la de Rogue Brewery para asegurarse de que el contenido que ven sea apropiado para su edad.

Puede usar una plantilla prefabricada como esta para asegurarse de que los visitantes tengan la edad correcta para ingresar a su sitio.

Informe a sus clientes de los cambios importantes.

Cuando está lanzando nuevos productos o servicios y desea mostrar esa información a sus usuarios, la mejor manera de informarles es a través de una ventana emergente. Cuando tenemos una nueva plantilla, función o actualización importante de nuestro Creador de campañas, informamos a los clientes a través de ventanas emergentes en la aplicación, como la que se muestra a continuación.

Cualquiera que busque más información sobre esta nueva función puede hacer clic en el botón CTA para obtener una explicación más detallada. Del mismo modo, si el cliente no quiere conocer la función o ya conoce la información, la opción para cerrar la ventana emergente aparece claramente en dos lugares: el icono de la papelera y el mensaje "¡Gracias por la información!" opción.

Conclusión

Con todo, las ventanas emergentes son una herramienta de marketing increíblemente exitosa. Ya sea que desee informar a los visitantes del sitio web sobre un nuevo cambio o si desea recopilar algunos clientes potenciales para futuras campañas de marketing, intente utilizar una ventana emergente. Consulte lo que se debe y lo que no se debe hacer para ayudarlo a alcanzar sus objetivos comerciales para 2023.