Learn Shopify ¿Cómo hacer crecer su lista de correo electrónico de Shopify con ventanas emergentes en el sitio web?

¿Cómo hacer crecer su lista de correo electrónico de Shopify con ventanas emergentes en el sitio web?

Guest
Updated:
8 minutes read
pop up 101

Imagina que el marketing de tu tienda Shopify es una máquina gigante.

De los muchos engranajes, el crecimiento de la lista de correo electrónico ocupa un lugar destacado. Es un motor con muchos canales de entrada que realizan el trabajo.

¿Una de las herramientas de generación de clientes potenciales más valiosas que pueden hacer que ese engranaje gire? La ventana emergente del sitio web.

Por supuesto, algunos visitantes rechazan las ventanas emergentes de los sitios web como si estuvieran jugando al juego del topo, pero muchos más esperarán y darán la bienvenida a esta estrategia de aumento de suscriptores, especialmente si se les ofrece la oferta adecuada a cambio de su información de contacto.

Ya sea que seas nuevo en el mundo de las ventanas emergentes en tu sitio web o que tu versión actual necesite un poco de cuidado, sigue estos pasos para conocer las mejores prácticas con algunos ejemplos de ventanas emergentes . Esta es tu guía para diseñar ventanas emergentes en tu sitio web que conviertan a los visitantes en suscriptores de correo electrónico .

¿Qué son las ventanas emergentes en los sitios web y por qué las necesitas?

Primero, lo básico.

Las ventanas emergentes de sitios web son formularios que aparecen en un sitio de comercio electrónico mediante una "emergencia" o un deslizamiento después de un tiempo. Invitan a los visitantes a suscribirse a la lista de correo electrónico o SMS de la marca.

Captura de pantalla de la ventana emergente de BackBone Swag

La ventana emergente del sitio web del cliente de GemPages, Backbone Swag, atrae a los visitantes a suscribirse con un descuento misterioso

Cada visitante que responde afirmativamente a una ventana emergente de un sitio web abre un portal, lo que otorga a la marca una línea directa de comunicación para nutrir la nueva relación.

Entra en juego la importancia de los mensajes de correo electrónico. El marketing por correo electrónico demuestra continuamente que es una herramienta imprescindible para cualquier tienda Shopify. Su retorno de la inversión (ROI) medio es del 122 % , el cuádruple del ROI de cualquier otro canal de marketing digital.

¿Necesita más pruebas de su eficacia? Un estudio ha descubierto que, en comparación con otras iniciativas de marketing, el correo electrónico general es el que más influye en la toma de decisiones de compra en línea.

Cree fácilmente ventanas emergentes en su sitio web con GemPages
Incentive a los visitantes de su sitio web a interactuar con su empresa mediante ventanas emergentes. No se requiere codificación.

Ahora, volvamos al motor de crecimiento de listas y lo que hace que las ventanas emergentes del sitio web sean un componente integral.

Cuando alguien visita tu tienda Shopify para conocer tu marca, hasta cierto punto está interesado en ella. Es una oportunidad desaprovechada si le permites irse sin pedirle su información de contacto.

En otras palabras, estás desperdiciando la oportunidad de aumentar tus datos propios (el mejor tipo de datos que puedes tener porque la persona detrás de ellos los ha verificado).

Una cosa más que debes saber antes de pasar al meollo de esta publicación: las ventanas emergentes de los sitios web no solo sirven para impulsar el crecimiento de tu lista de correo electrónico .

Las ventanas emergentes en sitios web son ventajosas para:

  • Dirigir a los visitantes a una página de producto en particular
  • Hacer un anuncio, como una venta.
  • Comunicación de retrasos en los envíos
  • Recomendar una compra complementaria/venta cruzada en el momento del pago

Introducción a las ventanas emergentes en sitios web

Crear una ventana emergente en un sitio web no es difícil una vez que comprendes los conceptos básicos y las decisiones relacionadas que los formulan. Los cuatro elementos esenciales para diseñar tu sitio de comercio electrónico son:

  • Los huesos de un popup
  • Tamaño y ubicación de colocación
  • Estrategia
  • Momento

Los huesos (marco) de un popup

Las ventanas emergentes de gran rendimiento se adaptan a un marco estándar.

Diagrama que muestra el diseño y los elementos de una ventana emergente de un sitio web

Marco de ventana emergente de sitio web tradicional

La mayoría incorpora todos o una mezcla de los mismos elementos primarios:

  • Una salida fácil de localizar (normalmente una "X")
  • Un señuelo (hablaremos más sobre esto en breve)
  • Campo(s) para completar la dirección de correo electrónico y/o el número de teléfono celular
  • Botón de llamada a la acción (CTA), como "enviar" o "registrarse ahora"
  • Salida secundaria (opcional, como 'no, gracias')

Tamaño y ubicación de una ventana emergente

¿Cuánta prominencia quieres que tenga tu popup?

La variedad “ grande y llamativa ” es un buen punto de partida. Grita “¡Me notarás!” y es exactamente lo que parece: una ventana emergente de gran tamaño en el medio de la pantalla.

Nosotros votamos por una versión grande, pero advertimos que no se deben hacer en pantalla completa, ya que se corre el riesgo de asustar a quienes no tienen paciencia para un sitio que compromete su control de navegación.

Captura de pantalla del sitio web de Pittman & Davis con ventana emergente Pittman & Davis sigue la ruta tradicional de lo “grande y audaz”

El estilo menos popular es la ventana emergente " en el borde ", una estrategia que vale la pena considerar si le preocupa interrumpir la experiencia del sitio y generar tasas de rebote más altas. Por lo general, implica deslizar una ventana emergente de menor tamaño desde uno de los lados, la parte superior o la inferior. Asegúrese de que no cubra áreas clave del sitio ni interfiera con otras aplicaciones, como un chatbot.

Captura de pantalla del sitio web de Hodinkee con ventana emergente

La ventana emergente de captura de correo electrónico de Hodinkee se desliza desde la esquina inferior derecha del sitio.

La variedad grande y en negrita generalmente convierte a una tasa más alta debido a su prominencia; la naturaleza más sutil de la versión en el borde puede atraer a los suscriptores más comprometidos.

Estrategia para ganar

Piense en la avalancha de mensajes de marketing que nos bombardean a diario. Ahora póngase en el lugar del consumidor. La pregunta constante es: "¿Qué gano yo con esto?"

Si su tienda desea una dirección de correo electrónico, deberá ofrecer algo de valor a cambio.

¿Quieres conseguir un beneficio a corto plazo ofreciendo un descuento en la primera compra? ¿O mostrar el valor a largo plazo de la suscripción es acorde con el estilo de tu marca (y mejor para tus márgenes)? En ese caso, diles que serán los primeros en enterarse de los lanzamientos de nuevos productos.

Hay espacio para ofrecer victorias tanto a corto como a largo plazo. Anna Sui lo explica de forma sucinta.

Captura de pantalla del sitio web de Anna Sui con ventana emergente

La clienta de GemPages, Anna Sui, adopta un enfoque minimalista y ofrece resultados a corto y largo plazo.

Sincronización de ventanas emergentes

Determinar cuánto tiempo hay que esperar antes de que se abra una ventana emergente es un tema aparte. Hemos escrito un artículo sobre el tiempo que tardan las ventanas emergentes para cualquiera que quiera explorar las complejidades.

TLDR: el momento de aparición de las ventanas emergentes es un acto de equilibrio que depende de pruebas, ajustes y nuevas pruebas para encontrar la fórmula correcta.

Existen tres enfoques generales para medir el tiempo. Elija uno de ellos:

  • Espere una cierta cantidad de tiempo para que los visitantes puedan absorber parcialmente su página de inicio.
  • Activar una ventana emergente después de que se visualice un porcentaje particular de la página (por ejemplo, el 50 %).
  • Retrasar la ventana emergente hasta que la persona visite dos o tres páginas

Si recién se está aventurando en el uso de ventanas emergentes en sitios web, le recomendamos que las publique después de 15 a 60 segundos . Déjelas funcionar durante un tiempo antes de verificar la tasa de conversión y Google Analytics. Si el rendimiento es mediocre o hay un efecto adverso en la tasa de rebote, ajuste el tiempo.

3 formas de mejorar las ventanas emergentes de su sitio web

Digamos que tu marca tiene los aspectos básicos cubiertos. Estás satisfecho con tu ventana emergente, pero sospechas que puede hacer más. Estás listo para mejorar más allá de los tiempos, los incentivos y los ajustes de diseño gráfico .

Tenemos tres enfoques avanzados para acelerar el crecimiento de su lista de correo electrónico y elevar el nivel de sofisticación de su tienda Shopify .

Ventanas emergentes de varios pasos

Algunas marcas descubren que obtienen mayores tasas de conversión cuando amplían el proceso de registro más allá de un simple "rellene este campo y presione enviar". Según un estudio de HubSpot, el 40 % de los especialistas en marketing utilizan formularios de varios pasos y registran una tasa de conversión un 86 % mayor .

A continuación se muestra una forma de desarrollar una ventana emergente de varios pasos:

  • Paso 1: Indique a los suscriptores de correo electrónico que recibirán un 10 % de descuento en su primera compra; incluya un CTA de "Continuar"
  • Paso 2: endulce el trato ofreciendo un 15 % de descuento por el consentimiento de mensajes SMS
A continuación se muestra un fantástico ejemplo de ventana emergente de varios pasos. Nos gusta cómo la estrategia de crecimiento de la lista de correo electrónico de Tough Mudder también se adapta a su personalidad.

Capturas de pantalla de la ventana emergente del sitio web de dos pasos de Tough Mudder

Tough Mudder tiene una ventana emergente de varios pasos

El paso 1 incluye un lenguaje sensato, desde "No te quedes sentado ahí" hasta el CTA "Estoy listo". El paso 2 proporciona el código de descuento prometido y alienta al nuevo suscriptor a quedarse buscando eventos o continuar en el sitio.

Tough Mudder obtiene puntos de bonificación por utilizar códigos únicos en lugar del código genérico (como "15off") que puede compartirse y usarse con cualquier persona.

Nuestra única mejora sugerida es enviar el código a través de un correo electrónico de bienvenida automático .

Hay dos ventajas de retrasar la revelación: una, amplía la oportunidad de moldear esa primera impresión y, la otra, fomenta una mayor participación. Ambos son pasos fundamentales para generar confianza.

Ventanas emergentes con etiquetas

Piensa en lo que vendes y en lo que quieres saber sobre los nuevos suscriptores.

¿No sería fantástico identificar a quién le interesa la ropa para mujer, para hombre o para ambos, para poder enviar correos electrónicos más relevantes? ¿O qué líneas de productos atraen a qué suscriptores?

Bueno, una ventana emergente en un sitio web es una forma fantástica de realizar un trabajo de investigación. Solo hay que añadir un campo de formulario para evaluar las preferencias de los suscriptores. Cada nueva cuenta de suscriptor recibe una etiqueta de su elección.

El ejemplo de Buckaroo Bling demuestra cómo usar las etiquetas en las ventanas emergentes de un sitio web. Los elementos de su lista de selección son perfectos. Las categorías se alinean con la clientela de la marca de "vaqueras con clase, chicas bohemias y vaqueras de corazón".

Captura de pantalla de la ventana emergente del sitio web de segmentación de Buckaroo Bling

Buckaroo Bling incorpora un campo extra para segmentación

Las marcas que utilizan el etiquetado se están preparando para la segmentación de correo electrónico. Es decir, están estableciendo subgrupos de suscriptores aptos para recibir mensajes personalizados. Los consumidores anhelan la personalización.

De hecho, es una buena idea poner en práctica la segmentación de inmediato. En lugar de un correo electrónico de bienvenida genérico, cree versiones adaptadas a cada posible elección del suscriptor. Puede ser tan simple como cambiar los productos recomendados.

Lo más probable es que atraiga más tráfico a su sitio, ya que los correos electrónicos segmentados tienen una tasa de clics un 50 % mayor que los mensajes no dirigidos.

Uso de múltiples ventanas emergentes

Llegará un momento en el que querrás darle un empujón a tu lista de correo electrónico. Una segunda ventana emergente de captura de correo electrónico podría ser la solución cuando la primera se ignore.

Por supuesto, es necesario tener tacto y elegir el momento adecuado es crucial. No querrás ahuyentar a los visitantes con una secuencia desagradable.

La ventana emergente de intención de salida es la respuesta. Aparece cuando los visitantes indican (mediante el movimiento del cursor) que están a punto de cerrar la ventana. Por lo tanto, La ventana emergente de intención de salida solo se inicia en computadoras de escritorio.

Piense en la estrategia de múltiples ventanas emergentes como su última llamada. Le está preguntando al visitante: "¿Quiere irse antes de unirse a nuestra lista de correo electrónico?"

Recomendamos abrir la primera ventana emergente del sitio web una vez que el visitante haya estado en el sitio durante unos 15 a 20 segundos. Después de eso, elija la ruta que mejor se adapte a sus necesidades:

  • ¿Piensas que no hay nada de malo en volver a preguntar? Entonces, implementa la ventana emergente de intención de salida desde cualquier página.
  • ¿Te preocupa que otra ventana emergente sea demasiado intrusiva? Resérvala únicamente para la página del carrito.

En cuanto a la composición, diseñe las dos ventanas emergentes para que sean diferentes pero coherentes. Quiere que tengan un estilo, colores, etc. similares para que las dos estén unidas. Por ejemplo, Dailylook creó un par de ventanas emergentes para sitios web que se complementan bien.

Captura de pantalla de la primera ventana emergente y ventana emergente de intención de salida de Dailylook

El dúo de ventanas emergentes de Dailylook

La ventana emergente de apertura gana con una página completa (algo arriesgado, en nuestra opinión). Felicitaciones por la simplicidad y la fotografía limpia. Asegurar a los posibles suscriptores (en un texto más pequeño en la parte inferior) que no venderán su correo electrónico también es un buen detalle.

A continuación, aparece una ventana emergente de intención de salida más pequeña y simplificada. Observe cómo la fuente y los colores coinciden con la primera ventana emergente. Esta vez, la marca ofrece un incentivo de descuento de $20. Como se mencionó anteriormente, preferiríamos que revelaran el código en un correo electrónico de bienvenida porque es un incentivo para registrarse.

Crea rápidamente múltiples ventanas emergentes de sitios web a tu manera
Con el elemento emergente de GemPages, puedes agregarlo a cualquier página y personalizarlo por completo a tu manera. No se requiere codificación.

Tome medidas para mejorar las ventanas emergentes de su sitio web

Es fácil dejar que una ventana emergente de un sitio web siga su curso sin entrometerse. Los comerciantes de Shopify tienen mucho que hacer, especialmente si las operaciones recaen en un solo empresario o en unos pocos empleados. Es comprensible que monitorear el rendimiento de las ventanas emergentes no sea una prioridad en esos casos.

Pero dirigir la atención periódica a su ventana emergente es una tarea que vale la pena. ¿Recuerda los matices del momento oportuno y la necesidad de experimentar?

Siga este plan de juego para que el proceso sea lo menos doloroso posible:

  • Registre su número de suscriptores antes de que se active la ventana emergente.
  • Revisa el recuento aproximadamente una semana después. Si estás convirtiendo entre el 1 y el 10 % de los visitantes del sitio, genial. Si no es así, tal vez algunos retoques de mejora sean suficientes. O tal vez tu incentivo no tenga eco.
  • Una o dos semanas después, revise su tasa de rebote. Aumente el tiempo de espera de la ventana emergente si aumenta drásticamente.

Los pasos anteriores son un punto de partida ideal para maximizar las capacidades de su ventana emergente. Controle las métricas de vez en cuando. Estamos seguros de que descubrirá áreas de mejora a lo largo del camino.

Y si quieres apuntar más alto, cambia tu ventana emergente para reforzar campañas, vincular tu marca con la temporada o promocionar un evento próximo como el Black Friday.

Realizar ajustes periódicos a su ventana emergente (ya sea en función del diseño, la estrategia o el tiempo) mantendrá su tasa de crecimiento de lista de correo electrónico en ascenso.

Tracy Puckett Tracy Puckett
Tracy es la gerente de contenido de Seguno Software, la plataforma de marketing por correo electrónico mejor calificada y creada exclusivamente para Shopify. La aplicación Popups & Exit Intent de Seguno permite la creación y administración de ventanas emergentes en sitios web, ya sea para impulsar la generación de clientes potenciales o para brindar una excelente experiencia a los visitantes, directamente desde Shopify.

Topics: 
Guides

Start selling

Create your Shopify Store with $1/mo in first 3 months

Create Shopify store

Start using GemPages

Explore our brands