El poder del diseño emergente:6 reglas para multiplicar por 10 su tasa de suscripción y una aplicación para hacerlo por usted

Hay dos cosas que DEBES hacer absolutamente como propietario de una tienda en línea:

1. Haz que la gente visite tu tienda.
2. Haga todo lo que esté a su alcance para convertir a esos visitantes en clientes.

Lo primero generalmente requiere una buena cantidad de tiempo y dinero, lo que pone aún más énfasis e importancia en lo segundo.

No es suficiente tener productos de calidad y una tienda atractiva:debe atraer a sus visitantes y destacarse de la competencia.

Una de las formas más comunes en que las tiendas en línea atraen a los clientes es con ventanas emergentes y pancartas. Estas interacciones en pantalla no son tan diferentes de un letrero de venta en la ventana frontal de una tienda física o un empleado de ventas que le pregunta si desea unirse a su programa de fidelización.

Las ventanas emergentes no son un invento reciente, por supuesto.

El primer anuncio emergente apareció en escena a mediados de los años 90 y, desde entonces, los vendedores en línea han sopesado las desventajas de usar ventanas emergentes (clientes molestos, interrupción de la experiencia del usuario, incluso ralentización de la velocidad de la página) con el hecho de que las ventanas emergentes son muy, muy efectivo .

¿Qué tan efectivo?

Un estudio descubrió que cambiar de un formulario de barra lateral a un diseño emergente estilo lightbox aumentó las suscripciones de correo electrónico en un 1375%.

Un estudio encontró que cambiar de un formulario de barra lateral a una ventana emergente estilo lightbox aumentó las suscripciones de correo electrónico en un 1,375%. Otra empresa intentó usar una ventana emergente para capturar suscripciones de correo electrónico y vio un aumento de 10 veces en la tasa de suscripción.

Tanto si eres fanático como si no, el uso de ventanas emergentes es una forma segura de atraer la atención de los visitantes, ya sea para recopilar una dirección de correo electrónico, promocionar una venta o cualquier otra cosa. Incluso las ventanas emergentes más feas generalmente se convierten bien, razón por la cual casi todos los sitios web las usan.

Si bien las ventanas emergentes no son un fenómeno nuevo, lo que es relativamente reciente es el desarrollo y la proliferación de soluciones emergentes más elegantes y manejables.

En 2017, los usuarios no solo esperan ver ventanas emergentes cuando visitan sitios web, sino que los especialistas en marketing, incluidos los propietarios de tiendas en línea, tienen herramientas para crear ventanas emergentes que se ven geniales y satisfacen los intereses de sus clientes.

Ese último punto es clave para usar bien las ventanas emergentes, y es algo que ampliaremos más adelante en esta publicación cuando compartamos algunas de las mejores prácticas para usar ventanas emergentes en su tienda.

Por ahora, recuerda que las ventanas emergentes siempre deben ofrecer un beneficio al cliente . Como propietario de una tienda en línea, si no tiene una razón mutuamente beneficiosa para mostrar una ventana emergente, probablemente no valga la pena.

Si no tiene una razón mutuamente beneficiosa para mostrar una ventana emergente a un cliente, entonces no vale la pena.

Cuando diseñamos Pixelpop, nuestro objetivo era brindarles a las empresas en línea una forma de duplicar la experiencia del cliente de clase mundial que teníamos en mente cuando diseñamos los 67 temas de Stencil actualmente en la tienda de temas BigCommerce. Queríamos ayudar a los comerciantes a aprovechar al máximo cada persona que visita su tienda, ya sea que eso signifique convertirlos en ventas ahora o recopilar su correo electrónico para aumentar las posibilidades de convertirlos en el futuro.

Al final, creamos una aplicación emergente que es increíblemente fácil de usar y que facilita que cualquier propietario de una tienda cree una variedad de atractivos diseños emergentes y pancartas diseñados para atraer visitantes, aumentar las conversiones e impulsar las ventas.

Durante el año pasado, pensamos mucho en lo que significa crear una estrategia de participación ganadora, desde los tipos de ventanas emergentes y las opciones que debe considerar, hasta cómo hacer coincidir exactamente su ventana emergente con su marca y el tema de BigCommerce.

En esta publicación, compartiremos lo que aprendimos y le daremos las herramientas necesarias para asegurarnos de atraer a cada visitante de la mejor manera posible.

Comience ahora

Echa un vistazo a Pixelpop en la tienda de aplicaciones de BigCommerce.

Regla n.º 1. Comience a recopilar direcciones de correo electrónico

Si ya estás haciendo esto, ¡felicidades! Has tenido un gran comienzo.

Si no, ahora es el momento de agregar Pixelpop a su tienda (toma dos segundos) y crear una ventana emergente de registro de correo electrónico. Continúa, agrega la aplicación ahora mismo. Estaremos aquí cuando vuelvas.

Este es el aspecto que debería tener justo antes del lanzamiento.

Entonces, ¿por qué es tan importante recopilar direcciones de correo electrónico? Por un lado, sin importar qué tan buenos sean sus productos, sin importar las ofertas especiales que ofrezca, nunca convertirá a todos los compradores que visiten su tienda.

La gran mayoría va a hurgar un poco, ver lo que tienes para ofrecer y luego rebotar en busca de la próxima gran oferta.

Al usar una ventana emergente de registro de correo electrónico, tiene la oportunidad de volver a atraer a esos visitantes y venderles en el futuro, no solo una vez, sino una y otra vez.

¿Y si eres una de esas personas que creen que el marketing por correo electrónico está muerto? Considere esto:

• 66% de los clientes en línea completaron una compra como resultado de un correo electrónico de marketing
• El correo electrónico solicita compras al triple de la velocidad de las redes sociales
• El 72 % de las personas prefiere recibir contenido promocional por correo electrónico (en comparación con el 17 % que prefiere las redes sociales)

El punto es que, si no está utilizando una ventana emergente para recopilar direcciones de correo electrónico, está perdiendo una gran oportunidad y una parte aún mayor de las ventas.

En 10 minutos, puede crear una ventana emergente de registro de correo electrónico y sincronizarla con MailChimp o Conversio para que los registros se agreguen automáticamente a la lista de correo de su elección. Si utiliza un proveedor de servicios de correo electrónico diferente, también puede descargar un archivo CSV con las direcciones de correo electrónico recopiladas.

Diseñe fácilmente su ventana emergente para que se ajuste a su marca y necesidades.

Cuando lleguen los periodos de mucha actividad comercial y se vuelva aún más costoso adquirir tráfico, le alegrará tener una lista de clientes que están familiarizados con su marca y productos, a los que puede dirigirse con ventas y ofertas especializadas.

Regla #2. Ejecute ventanas emergentes con campañas planificadas

Pixelpop admite más que solo registros de correo electrónico. De hecho, ofrece 7 tipos de ventanas emergentes en total:

1. Registro de correo electrónico
2. Anuncio
3. Promoción de página
4. Código de cupón
5. Seguimiento social
6. Imagen personalizada
7. Descargo de responsabilidad sobre cookies

Ahora, obviamente no va a ejecutar todas estas cosas a la vez, pero puede elegir qué y cuándo promocionar, y cómo incorporar ventanas emergentes en sus distintas campañas.

Pancartas y ventanas emergentes de envío gratis

Por ejemplo, si ofrece envío gratuito, siempre es una buena idea anunciarlo en voz alta y orgullosa en la parte superior o inferior de la página. Los temas de BigCommerce ofrecen un área de banner integrada que funciona bien para esto, pero su personalización es bastante limitada en comparación con la diversidad de opciones admitidas por Pixelpop.

Puede ver el banner integrado de BigCommerce en la parte inferior de la captura de pantalla anterior.

Para crear un banner de envío que realmente llame la atención de los clientes, necesitará una solución de la tienda de aplicaciones. Hay aplicaciones independientes dedicadas a esta funcionalidad, pero con Pixelpop todo lo que necesita hacer es crear una ventana emergente de anuncio y seleccionar "barra" al elegir su forma.

La versión Pixelpop de un banner en una tienda BigCommerce. Estos pueden reemplazar los banners listos para usar.

¿Puede permitirse el lujo de ofrecer envío gratis?

Si no ofreces envío gratis, deberías tomarte un momento para considerar si podría ser una buena opción para tu tienda. Comience por calcular el valor promedio de su pedido durante los últimos meses, auméntelo en un 10-20% e intente ofrecer envío gratuito en cualquier pedido que supere ese monto.

Banners y ventanas emergentes de ventas y promociones

Al igual que con el envío gratuito, si está ejecutando una oferta navideña o cualquier otra promoción, querrá asegurarse de que los visitantes sepan sobre esto en el momento en que llegan a su página.

Con una ventana emergente de promoción de página, puede dirigir el tráfico a una página de producto destacada o con descuento, o incluso a un contenido especial como una página de ventas o una guía de regalos.

Aquí hay una vista de ejemplo mientras la ventana emergente está en modo de construcción.

Pancartas y ventanas emergentes de códigos de cupones

El 96 % de los compradores estadounidenses dice que busca y usa cupones.

La ventana emergente del código de cupón también es ideal para promociones, ya que muestra un código de cupón que los visitantes pueden usar para obtener un descuento al finalizar la compra. (Y si no cree en los cupones, ¡considere el 96% de los compradores estadounidenses que informan que usan cupones!)

Puede crear ventanas emergentes que ocupen toda la pantalla, pero aun así encajar con su marca.

La versatilidad fue clave cuando estábamos diseñando Pixelpop. Queríamos brindarles a los comerciantes una herramienta todo en uno que pudieran usar junto con cada campaña, ya sea que eso significara crear su lista de correo, obtener más seguidores en las redes sociales o limpiar el inventario con una venta de fin de semana.

Si está haciendo algo especial para su tienda, no se quede sentado esperando que los clientes se enteren. Cree una ventana emergente y entregue su mensaje alto y claro.

Regla #3. Programa tus ventanas emergentes de manera efectiva

Antes de publicar una ventana emergente, revise las configuraciones disponibles y asegúrese de que cada ventana emergente aparezca en el lugar correcto, en el momento correcto. Pixelpop ofrece una variedad de opciones de programación y demora, que puede usar para refinar su estrategia de interacción.

Así es como se ve esa interfaz:

La programación es bastante simple:elija una fecha de inicio y finalización para que aparezca su ventana emergente, pero hay mucho espacio para la delicadeza cuando se trata de retrasos.

Con Pixelpop, puede elegir entre varios tipos de retrasos, incluidos retrasos de página (número de páginas vistas), retrasos de desplazamiento (porcentaje de página desplazada), retrasos cronometrados (cantidad de tiempo dedicado a la página) y el favorito de todos los vendedores en línea:salir -retrasos de intención (los explicaremos en un segundo).

El uso de un ligero retraso brinda a los clientes potenciales la oportunidad de ver lo que ofrece su tienda antes de que intente registrarlos para cualquier cosa.

En el caso de las ventas y las ofertas especiales, por lo general desea mostrar esas ventanas emergentes lo antes posible, lo que significa que no debe usar demoras. Sin embargo, con otras ventanas emergentes, como suscripciones de correo electrónico y ofertas de códigos de cupones, puede ser mejor esperar un poco o usar una estrategia emergente de intento de salida.

Usar un retraso de página de 2 a 5 páginas, usar un retraso de desplazamiento de 60 a 70 % o usar un retraso de tiempo de 10 a 20 segundos es una buena manera de permitir que sus visitantes miren a su alrededor antes de pedirles su dirección de correo electrónico. El uso de un ligero retraso brinda a los clientes potenciales la oportunidad de ver lo que ofrece su tienda antes de que intente registrarlos para cualquier cosa.

Ventanas emergentes de intención de salida

Retrasar la ventana emergente de un código de cupón es una forma similar de crear un incentivo, y también es un caso de uso perfecto para la tan cacareada ventana emergente de intención de salida. Si no ha oído hablar de estas pequeñas bellezas, básicamente lo que hacen es esperar hasta el último momento posible antes de que el visitante esté a punto de abandonar su tienda y luego aparecen en escena en todo su esplendor de conversión.

Aquí hay un ejemplo:

La razón por la que la intención de salida funciona tan bien con las ventanas emergentes de códigos de cupones (y los registros de correo electrónico, para el caso) es porque le da al visitante la cantidad máxima de tiempo para interesarse en sus productos sin interrumpir su experiencia, y luego, justo cuando están estás a punto de irte, tienes una oportunidad perfecta para convertirlos.

En un mundo físico, sería como tener un asociado de ventas clarividente que sabe exactamente cuánto tiempo dejar al cliente solo antes de comprometerlo con una oferta.

Entonces, ¿qué tan efectivas son las demoras por intención de salida?

Considere que la tasa global actual de abandono de carritos ronda el 77%. Los estudios han demostrado que las ofertas con intención de salida pueden recuperar una parte significativa de las ventas perdidas al convencer a los compradores de que se queden o regresen más tarde con un código de cupón especial o una campaña de marketing por correo electrónico.

Intente crear una ventana emergente de código de cupón en forma de una "adquisición de pantalla completa", habilite la intención de salida para ofrecer a los clientes un 10% de descuento y vea qué tipo de aumento de conversión obtiene.

¿Cuánto más puedes ganar?

Utilice esta calculadora de carritos abandonados gratuita para ver cuánto dinero más podría ganar si pudiera enviar un correo electrónico a los clientes para que vuelvan a comprar.

Regla #4. Utilice la orientación avanzada para obtener resultados aún mejores

Hablando de refinar su estrategia de participación, puede personalizar las ventanas emergentes para ciertos segmentos de audiencia. Si desea mostrárselo solo a personas de un determinado país, o solo en ciertas páginas, o solo a las personas que llegan de una determinada campaña de correo electrónico, más poder para usted.

Hay muchas cosas que puede hacer con las opciones de orientación de Pixelpop. Si desea personalizar sus mensajes u ofertas para diferentes audiencias globales, o ejecutar ventas regionales basadas en días festivos nacionales (¿alguien quiere la venta del Cinco de Mayo?), puede habilitar la orientación geográfica con la opción "Orientar por ubicación".

Así es como se ve esa interfaz:

Si desea llamar la atención sobre una venta de un producto individual, puede crear una ventana emergente especial que aparezca solo en la página de ese producto utilizando la opción "Objetivo por página".

Una vez más, así es como se ve esa interfaz:

Una forma muy eficaz de utilizar la segmentación avanzada es con “Orientar por parámetro de URL/UTM”. opción. Lo que esto significa es que la ventana emergente solo se mostrará a los clientes que lleguen a su sitio desde una URL específica (o URL parcial).

Si su cliente llega de un correo electrónico o una campaña publicitaria, puede usar un banner o una ventana emergente para darle la bienvenida a su sitio y reiterar una oferta o promocionar un producto que haya visto antes. Esto crea un vínculo más cohesivo entre sus correos electrónicos, anuncios, promociones, etc. y su tienda en línea y, a menudo, aumenta las conversiones.

Y de nuevo, cómo se ve la interfaz:

La próxima vez que envíe un correo electrónico a su lista de correo, cree una ventana emergente adjunta con un cupón de 10% de descuento como agradecimiento por ser un suscriptor leal y agregue un parámetro UTM que luego puede pegar en sus opciones de orientación.

Del mismo modo, si está publicando un anuncio con un producto específico, cree una ventana emergente en su tienda que anuncie un descuento en ese producto y luego adjunte un parámetro UTM tanto a su anuncio como a las opciones de orientación de su ventana emergente.

Regla #5. Haga coincidir sus ventanas emergentes con su tema

Una de las mejores cosas de Pixelpop es su editor de ventanas emergentes completo y fácil de usar que le permite elegir entre una variedad de temas emergentes y fuentes, colores, formas, tamaños y estilos personalizados. Una vista previa en vivo le permite ver cómo se ve su ventana emergente en su tienda mientras la edita, incluida la opción de obtener una vista previa de cómo se ve en dispositivos móviles y tabletas.

Personalice fácilmente su ventana emergente para que coincida con el tema y la marca de su sitio en todos los dispositivos.

Si eres usuario de Stencil, mucho mejor, porque ahora es un buen momento para recordarte que Pixel Union, la agencia de diseño de comercio electrónico detrás de Pixelpop, es el mismo equipo que diseñó los 67 temas disponibles actualmente en la tienda de temas de BigCommerce.

Lo que eso significa es que está trabajando con el mismo espíritu de diseño que se utilizó para crear su escaparate de BigCommerce. No solo eso, sino que también tiene acceso al equipo de atención al cliente de Pixel Union, las mismas personas agradables con las que se comunicaría si alguna vez necesitara ayuda con su tema.

Si eres usuario de Blueprint, no te desesperes: Pixelpop es totalmente compatible con todos los temas de Blueprint y su versatilidad facilita aumentar la participación con una ventana emergente que coincida con su tienda.

Qué estilos emergentes usar con su tema de plantilla

En ese sentido, es importante elegir el diseño emergente adecuado para su tienda. Tome un tema con muchas imágenes como Ginebra o Lookbook, por ejemplo. Para complementar su diseño de ancho completo, querrá una ventana emergente limpia y nítida que no reste valor a la hermosa fotografía de su producto. Un fondo sólido en blanco o negro, según el tono de las imágenes, siempre es una buena opción.

Por otro lado, si usa un tema más clásico basado en cuadrículas como Foundry o Venture, puede ser un poco más atrevido en el diseño de su ventana emergente. Todavía desea que complemente las fuentes y los colores de la página, pero no tenga miedo de diseñar una ventana emergente que capte la atención del cliente.

Piensa también en qué parte de la página aparecen tus ventanas emergentes y cómo afectará eso a tu tema. Si usa un tema como Merchant, que tiene un área de funciones con forma modal y un botón CTA diseñado directamente en el carrusel, evite las ventanas emergentes de la página de inicio con forma modal y cíñase a las barras, las tarjetas y las adquisiciones de pantalla completa.

Por el contrario, un tema de doble columna como Capacidad es perfecto para un modal bien diseñado.

El editor de pantalla completa de Pixelpop presenta un selector de color compatible con código hexadecimal para que pueda implementar fácilmente el esquema de color de su marca. Cada tema emergente también viene con una variedad de opciones de fuente cuidadosamente seleccionadas, para que pueda encontrar una que complemente su tema.

Al final del día, mejorará drásticamente la experiencia de sus clientes y generará confianza al asegurarse de que sus ventanas emergentes se vean profesionales y coincidan con la apariencia de su tienda.

Regla #6. Siga las mejores prácticas para crear ventanas emergentes

Antes de firmar con nuestra llamada final para probar nuestro creador de ventanas emergentes, Pixelpop (ese no cuenta), pensamos en establecer algunas reglas básicas finales o mejores prácticas para usar ventanas emergentes.

1. Mantenga su mensaje claro y conciso. Fácilmente podríamos haber incluido esto como parte de la última regla, ya que una copia sucinta tiene mucho que ver con un buen diseño. Haz todo lo que puedas para evitar que tu copia dure más de un par de líneas. Más importante aún, asegúrese de que su mensaje sea claro, atractivo y coherente con la voz de su marca. ¡No tengas miedo de ser gracioso!
2. No abarrotes la página con ventanas emergentes. ¿Cómo le gustaría visitar una tienda en línea y encontrar anuncios emergentes apareciendo por todas partes? Bueno, tus clientes tampoco. Como regla general, mantenga un máximo de dos ventanas emergentes en una página determinada y nunca use la misma forma dos veces en una sola página. Las ventanas emergentes en forma de barra son las más fáciles de emparejar con ventanas emergentes adicionales.
3. Integre con un servicio de correo como MailChimp o Conversio. ¿Quién quiere lidiar con archivos CSV e importaciones y exportaciones manuales? Nosotros no. Conecte su ventana emergente de registro de correo electrónico a MailChimp o Conversio para que todos los registros nuevos se sincronicen automáticamente con la lista de correo de su elección.
4. Pruébelo, incluso en dispositivos móviles. Independientemente de la solución emergente que esté utilizando, no cometa el error de publicar una ventana emergente sin probarla primero. Eso significa verificar dos veces los enlaces y verificar cómo se ve en el móvil. La vista previa en vivo de Pixelpop le permite ver directamente en el editor cómo aparecerá en tabletas y teléfonos móviles, lo que puede ahorrarle mucho tiempo.
5. Asegúrese de que cumpla con las pautas de compatibilidad con dispositivos móviles de Google. En ese sentido, si no te enteraste, Google implementó algunos cambios en su algoritmo a principios de este año con el objetivo de hacer que la web sea más amigable para los usuarios de dispositivos móviles. La configuración "Google Mobile-Friendly" de Pixelpop garantiza que sus ventanas emergentes cumplan con estas nuevas pautas, condensando automáticamente sus ventanas emergentes en barras cuando se cargan en dispositivos móviles, para que no tenga que preocuparse por recibir un golpe de SEO.
6. Asegúrese de que ofrece un beneficio para el cliente. Mencionamos esto cerca del comienzo de la publicación y, a decir verdad, es el único consejo que queremos que todos los comerciantes tengan en cuenta al crear ventanas emergentes para su tienda. Si va a interrumpir la experiencia de navegación de un visitante, debe asegurarse de hacerlo de una manera que les haga decir "¡Gracias!" y no "¡Vete!"

Afortunadamente, hay muchas maneras en las que puede involucrar a los visitantes de una manera mutuamente beneficiosa:ofreciéndoles un descuento o una promoción especial, informándoles sobre un producto que podría resultarles interesante, vinculando a un contenido que ha escrito para ayudarlos a encontrar lo que buscan. estás buscando, y así sucesivamente.

En esencia, las ventanas emergentes son una forma de acercarte a tus clientes, ofreciéndote lo que ambos quieren y haciendo felices a todos.

Comience ahora

Echa un vistazo a Pixelpop en la tienda de aplicaciones de BigCommerce.