- Fundamentos de las pruebas A/B de ventanas emergentes promocionales
- Pruebas A/B de ventanas emergentes promocionales: ¿cómo funciona?
- ¿Por qué realizar pruebas A/B en ventanas emergentes promocionales?
- Cómo hacer pruebas A/B de ventanas emergentes promocionales en Shopify
- Consideraciones finales sobre las pruebas A/B de ventanas emergentes promocionales
- Preguntas frecuentes sobre las pruebas A/B de ventanas emergentes promocionales
Cómo hacer pruebas A/B de ventanas emergentes promocionales en Shopify [Usando dos métodos]
Las ventanas emergentes pueden cambiar las reglas del juego o arruinarlo todo, dependiendo de cómo las utilices.
Porque cuando se utilizan de forma creativa, las ventanas emergentes pueden impulsar las suscripciones por correo electrónico y los ingresos de los correos promocionales. Y, por otro lado, pueden molestar a los visitantes de tu sitio hasta el punto de que lo abandonen.
Entonces, ¿cómo hacer ventanas emergentes correctamente? Las pruebas A/B son la solución que puede ayudarte a encontrar la respuesta.
En esta entrada de blog, te guiaremos a través de una guía detallada sobre cómo realizar pruebas A/B en ventanas emergentes promocionales con dos métodos diferentes.
Fundamentos de las pruebas A/B de ventanas emergentes promocionales
¿Qué son las pruebas A/B en Shopify?
Las pruebas A/B son una técnica en la que se comparan dos versiones diferentes de una página web distribuyéndolas a diferentes visitantes para identificar cuál funciona mejor para un objetivo de negocio definido.
Por ejemplo, puedes crear dos versiones de una página de producto cambiando uno de los elementos y analizando el impacto de ese cambio en tu tasa de conversión.
¿Qué es una ventana emergente promocional en Shopify?
En tu tienda Shopify, puedes configurar una ventana emergente promocional que aparece encima de la página web para captar la atención de los visitantes con una oferta de descuento o cualquier otra recompensa y conseguir que se registren con su correo electrónico y/o número de teléfono.
Una vez que se recopilan los datos de contacto, junto con el consentimiento para los correos electrónicos de marketing, la marca puede comenzar campañas de marketing por correo electrónico promocionales para dichos suscriptores para generar más ventas.
Estas ventanas emergentes promocionales pueden activarse automáticamente o en función del comportamiento del usuario ante ciertos eventos.
Por ejemplo, una ventana emergente automática aparecería 10 segundos después de que la página se cargue. Ejemplo de una ventana emergente basada en el comportamiento del usuario: ventana emergente de intención de salida, esta aparece justo cuando el usuario pasa el cursor cerca de la pestaña de salida en el navegador.
Pruebas A/B de ventanas emergentes promocionales: ¿cómo funciona?
Tomemos un ejemplo hipotético para entender esto.
Si tienes una ventana emergente de promoción pero no estás obteniendo suficientes registros, podrías hacer una prueba A/B de la oferta de la ventana emergente: "10% de descuento en tu primer pedido" vs. "10 $ de reembolso en tu primer pedido".

Como puedes ver en el ejemplo, la versión variante de la ventana emergente logra una tasa de conversión del 10% en comparación con la versión original, que obtuvo una tasa de conversión del 5%. Por lo tanto, puedes decir que la prueba A/B de la ventana emergente fue exitosa ya que encontramos una variante ganadora.
De manera similar, puedes realizar varios tipos de pruebas A/B para tu ventana emergente promocional experimentando con diferentes variables/elementos, por ejemplo, el diseño de la ventana emergente, el texto, la imagen, el botón CTA, y así sucesivamente.
¿Por qué realizar pruebas A/B en ventanas emergentes promocionales?
Aquí hay algunos de los beneficios clave de las pruebas A/B y la mejora de tus ventanas emergentes promocionales:
-
Optimiza tu ventana emergente para la conversión
Una ventana emergente es una herramienta importante en tu tienda de comercio electrónico. Ayuda a aumentar la tasa de conversión y a fortalecer tu estrategia de marketing por correo electrónico. Por lo tanto, si no estás obteniendo suficientes registros a través de tu ventana emergente, puedes optimizarla mediante pruebas A/B.
-
Gana suscriptores de correo electrónico
Puedes realizar pruebas A/B específicamente diseñadas para aumentar el número de registros a través de tu ventana emergente. Cuantos más visitantes logres que interactúen con tu ventana emergente, más suscriptores de marketing por correo electrónico obtendrás.
-
Aumenta tus ventas e ingresos
Cuando la ventana emergente promocional se hace correctamente, aumenta tus ventas e ingresos. Y cuando tu ventana emergente no logra estos objetivos, las pruebas A/B son una herramienta útil para identificar y solucionar el problema.
-
Mejora la experiencia del usuario (UX)
Si bien las ventanas emergentes son beneficiosas para los ingresos de tu tienda, también pueden molestar a algunos clientes. Usando las pruebas A/B, puedes mejorar el diseño de tus ventanas emergentes desde una perspectiva de UX.
Cómo hacer pruebas A/B de ventanas emergentes promocionales en Shopify
Cubriremos dos métodos diferentes para realizar pruebas A/B en tus ventanas emergentes de Shopify:
-
Prueba A/B de una ventana emergente usando GemPages y GemX
-
Prueba A/B de una ventana emergente usando una aplicación de ventanas emergentes dedicada
Ahora, repasemos la guía paso a paso para cada método:
Método #1: Prueba A/B de una ventana emergente usando GemX
GemX está diseñado específicamente para comerciantes de Shopify para ayudarles a aumentar la tasa de conversión con pruebas A/B avanzadas. Hemos construido GemX con nuestros años de experiencia y pericia en el dominio de CRO de Shopify.
¡Puedes instalar GemX y obtener una prueba gratuita de 14 días!

Paso 1: Define la hipótesis para la prueba
Lo primero es lo primero: tu prueba A/B debe comenzar con una hipótesis.
La hipótesis define qué es exactamente lo que vas a probar y por qué.
Vamos a entender esto con una hipótesis de ejemplo:
-
Teoría: Basándonos en los bajos datos de registro de ventanas emergentes de los últimos seis meses, creemos que promocionar un descuento fijo de 10 $ en lugar de un 10% de descuento a todos los visitantes nuevos los animará a suscribirse al boletín/marketing por correo electrónico a través de la ventana emergente.
-
Validación: Lo sabremos cuando veamos un aumento en la tasa de registro de la ventana emergente promocional y un aumento en el número de suscriptores de correo electrónico.
-
Resultado: Esto será bueno para nuestro negocio porque nos ayudará a comercializar nuestros productos a un público más amplio y a aumentar nuestros ingresos generales.
Puedes usar esta plantilla para crear tu propia hipótesis de prueba A/B.
Paso 3: Crea dos versiones de tu plantilla
Ahora que tienes la hipótesis lista, es hora de crear una variante de ventana emergente que muestre el descuento fijo de $10.
Por ejemplo, aquí está nuestra página de destino original (Control) que tiene una ventana emergente promocional con una oferta de descuento del 10%.

Esta ventana emergente está diseñada con la aplicación GemPages Landing Page Builder, una de las aplicaciones de creación de páginas de Shopify más populares, con una calificación de 4.9 de 5 estrellas de más de 3,400 reseñas.
Usando GemPages, también creamos la variante que promociona una oferta de descuento fijo de $10.

Consejo profesional: Como buena práctica en las pruebas A/B, solo debes cambiar una variable/elemento a la vez para analizar con precisión el impacto del cambio. Si cambias más de una variable en una sola prueba (por ejemplo, imagen de ventana emergente + botón CTA), se vuelve casi imposible identificar qué cambio impactó los resultados.
Paso 4: Configurar y ejecutar la prueba A/B
Así que, tenemos tanto la versión de control como la variante listas para ser probadas.
Ahora, ve al panel de control de la aplicación GemX y haz clic en el botón "Crear nuevo experimento".

Verás dos opciones para los tipos de prueba A/B que puedes realizar con GemX:
-
Pruebas de Plantillas: Esta función de prueba A/B te permite probar una plantilla de una sola página. Así, puedes realizar pruebas A/B en un determinado elemento de la plantilla de la página, tal como se define en la hipótesis.
-
Pruebas multipágina: Como su nombre indica, las "Pruebas multipágina" abarcan un ámbito más amplio con múltiples páginas. Así, GemX ofrece la capacidad de realizar pruebas A/B en dos experiencias de tienda completas.
Para este escenario, utilizaremos la función "Pruebas de plantilla" porque solo estamos probando una única plantilla de página.

A continuación, selecciona las plantillas "Control" y "Variante" dentro del experimento de GemX. Si utilizas GemX junto con GemPages, podrías crear una variante de GemX haciendo clic en "Crear variante basada en el control".

A continuación, GemX te permite establecer condiciones avanzadas para que tu prueba A/B sea más específica basándose en algunos criterios importantes.
Por ejemplo, dado que estamos probando una ventana emergente promocional, podemos cubrir a los visitantes "Nuevos" en lugar de a todos los visitantes (Nuevos + recurrentes). Además, podemos excluir el tráfico de correo electrónico y SMS porque esos ya son nuestros suscriptores.

En cualquier caso, si aún necesitas ayuda, GemX ofrece opciones de ayuda como la "Guía de configuración", "Chatear con nosotros" y "Reservar una llamada con nosotros".

Una vez que todo esté configurado, haz clic en el botón "Iniciar experimento", y tu prueba estará activa inmediatamente.

Paso 5: Analizar los resultados de la prueba e implementar cambios
Ahora, monitorea tu prueba a medida que empiezas a recibir tráfico en la tienda/página de destino. Puedes hacer clic en "Más acciones" para ver los análisis y finalizar el experimento.

Antes de finalizar la prueba, debes asegurarte de dos aspectos importantes:
-
Significancia estadística del 90-95%
Para que tu prueba A/B se considere fiable, debes asegurarte de que estás alcanzando el 95% de significancia estadística (o un mínimo del 90%). Esto es necesario para validar que el resultado de la prueba no se logró por casualidad.
-
Plazo requerido de al menos dos semanas
Deberías ejecutar la prueba durante al menos dos semanas para recopilar información fiable que no esté influenciada por un pico o una caída ocasional en la tasa de conversión.
Una vez que hayas tenido en cuenta estos importantes criterios, puedes finalizar la prueba y declarar a tu ganador. Si la prueba es exitosa y has encontrado al ganador, puedes implementar los cambios y seguir monitoreando su rendimiento.
Consejo profesional: Es posible que no siempre encuentres la plantilla ganadora con el primer experimento, y eso está bien. Podrías continuar las pruebas experimentando con diferentes elementos hasta que encuentres la ganadora.
Paso 6: Documentar las conclusiones de la prueba A/B
Independientemente de los resultados de la prueba, siempre debes establecer como práctica documentar las observaciones y los conocimientos generados a través de tus pruebas.
Ya sea que la prueba haya sido exitosa o fallida, aún encontrarás observaciones sobre el comportamiento del cliente. Estos conocimientos podrían ser muy útiles en tus futuras campañas de marketing.
Podrías usar una herramienta de base de datos como Notion para guardar y organizar todos tus resultados de pruebas junto con las observaciones en una base de datos centralizada.
Método #2: Prueba A/B de una ventana emergente utilizando una aplicación de ventanas emergentes dedicada
Ahora, analicemos un método alternativo, ya que algunas marcas utilizan una aplicación de ventana emergente dedicada.
Nota: Incluso si utilizas otra aplicación de ventana emergente de terceros, en algunos casos, GemX aún puede ayudarte con una solución alternativa para ejecutar una prueba A/B de ventana emergente. Por lo tanto, no dudes en ponerte en contacto con el equipo de GemX para resolver esto.
Paso 1: Elige e instala la aplicación de ventana emergente
En primer lugar, debes asegurarte de que tu aplicación de ventana emergente tenga la función de prueba A/B.
Para este tutorial, utilizaremos una de estas aplicaciones: Popupsmart. La aplicación tiene una calificación de 4.9 de 5 estrellas de más de 70 reseñas.

Una vez instalada la aplicación, debes habilitar la incrustación de la aplicación dentro de tu tema de Shopify.

Paso 2: Define la hipótesis para la prueba
Una vez más, el proceso de creación de la hipótesis seguirá siendo el mismo.
Define la teoría, la validación y el resultado según tu escenario comercial, objetivos y áreas de mejora.
Paso 3: Crea tu ventana emergente promocional
Ve al panel de control de Popupsmart y haz clic en “Crear primera campaña” (o, alternativamente, puedes hacer clic en el botón “Crear ventana emergente” en la esquina superior derecha).

Crea tu ventana emergente con el editor visual de Popupsmart.

Una vez que tengas lista tu ventana emergente original (de control), también puedes crear su versión variante.
Paso 4: Configura y ejecuta la prueba A/B
Aunque Popupsmart tiene un plan gratuito, para ejecutar una prueba A/B en tus ventanas emergentes, necesitas tener el plan Avanzado, que cuesta 69 $ al mes.

En “Campañas de ventanas emergentes”, encontrarás todas tus campañas de ventanas emergentes. Puedes crear una prueba A/B para la campaña de ventanas emergentes correspondiente.

Paso 5: Analiza los resultados de la prueba e implementa cambios
Una vez que hayas publicado la campaña de prueba A/B, el proceso sigue siendo similar a lo que hablamos en el Método #1. Supervisa el rendimiento de tus variantes y declara un ganador una vez que hayas logrado significancia estadística y hayas permitido el plazo requerido (mínimo de dos semanas).
Paso 6: Documenta los conocimientos de la prueba A/B
Por último, pero no menos importante, documenta las observaciones y los conocimientos de tu prueba A/B.
¡Y eso es todo! Hemos cubierto ambos métodos, y puedes usar cualquiera de ellos dependiendo de tu pila tecnológica y requisitos.
Consideraciones finales sobre las pruebas A/B de ventanas emergentes promocionales
Finalmente, nos gustaría dejarte con este recordatorio: usa ventanas emergentes promocionales, pero con atención.
Como mencionamos al principio de este artículo, no quieres que tus visitantes abandonen tu sitio web debido a una ventana emergente molesta. Supervisa cómo tus visitantes interactúan con la ventana emergente.
Basándote en los conocimientos del comportamiento del cliente, puedes usar las pruebas A/B para mejorar la forma en que la ventana emergente desempeña su función en la experiencia de compra general.
Y no olvides instalar GemPages y GemX, si aún no lo has hecho, para aumentar la eficacia del diseño de tu tienda, el CRO y las campañas de pruebas A/B.
Para obtener más información sobre otras estrategias de marketing de comercio electrónico, herramientas y mejores prácticas, consulta más recursos en el blog de GemPages. Además, únete a la comunidad de Facebook de GemPages para establecer contactos y aprender de emprendedores y expertos afines.
