Pruebas A/B para ventanas emergentes: guía fácil + ejemplos de la vida real

Puede encontrar miles de "reglas", consejos, trucos y mejores prácticas en Internet para crear ventanas emergentes de alta conversión.

¿Cómo saber qué consejo seguir? La verdad es que la única forma de optimizar realmente las conversiones de las ventanas emergentes es con las pruebas A/B.

En este artículo, explicaremos qué es una prueba A/B y cómo puedes hacer tu propia prueba A/B. Además, te mostraremos 4 ejemplos de la vida real para inspirarte.

¡Vamos a empezar!

Tabla de contenido

1) ¿Qué son las pruebas A/B?

2) ¿Qué deberías probar A/B?

3) 4 pruebas A/B emergentes de la vida real

4) Cómo hacer una prueba A/B de las ventanas emergentes de OptiMonk

Las pruebas A/B (también conocidas como pruebas divididas) son una de las técnicas de optimización de conversión más conocidas.

Es el proceso de comparar dos versiones diferentes (o variantes) de una página, correo electrónico o, en este caso, una ventana emergente, observando cuál genera más conversiones.

Divide a sus visitantes en dos grupos de tamaño similar y luego muestra la versión A a la mitad de sus visitantes y la versión B a la otra mitad. ¡La variante que obtiene una tasa de conversión más alta es la ganadora!

Fuente: HubSpot

Decidir qué elementos probar A/B puede ser difícil, especialmente cuando no tienes todo el tiempo y los recursos del mundo.

Para ayudarlo a comenzar, hemos recopilado una lista de los elementos clave que debe probar A/B.

2.1. Titulares

Dado que el título suele ser lo primero que sus visitantes notarán en su ventana emergente, es importante escribir títulos que realmente llamen la atención. El objetivo es lograr que se interesen, para que lean el resto de la ventana emergente.

Dado que es una pieza clave de su ventana emergente, vale la pena probar algunos títulos para encontrar el perfecto.

Entonces, ¿qué puedes variar? Bueno, puedes probar diferentes longitudes, estrategias persuasivas o elementos de diseño como fuentes, tamaños y colores.

2.2. llamadas a la acción

Una llamada a la acción efectiva que los visitantes no puedan resistir es necesaria para cada sitio web... y para cada ventana emergente. Una llamada a la acción bien escrita puede hacer maravillas para aumentar sus conversiones y ventas.

Aquí hay algunas cosas importantes que debe probar:

• El color de su botón de llamada a la acción: un color que contraste ayuda a destacarse de los otros elementos en la ventana emergente. Paletton es una herramienta gratuita que te ayuda a encontrar los colores perfectos.
• Alineación: ¿dónde debe colocar su botón de llamada a la acción? Las diferentes ubicaciones de los botones pueden tener un impacto en su conversión.
• Texto: no olvide incluir palabras de acción poderosas en su texto de llamada a la acción. Puede variar ligeramente la copia, por ejemplo, "Obtenga mi libro electrónico gratuito" frente a "Obtenga su libro electrónico gratuito", o pruebe dos versiones totalmente distintas.

2.3. Imágenes

Las imágenes pueden ayudar a sus visitantes a comprender la oferta y hacer que una ventana emergente se vea más atractiva. Pero eso no significa que una imagen mejore una ventana emergente en todos los casos.

¿Se pregunta si debe usar una imagen o no, y qué tipo funcionaría mejor? Bueno, entonces, ¡es hora de hacer una prueba A/B!

Puedes probar diferentes tipos de imágenes , por ejemplo:

• fotos de stock vs fotos personales,
• imágenes de productos frente a videos de productos.

La ubicación de la imagen también es un gran elemento para probar. Es mejor si su imagen guía los ojos de los visitantes hacia la propuesta de valor.

2.4. Formularios

Su formulario tiene un papel muy importante que desempeñar en su proceso de suscripción, y un formulario bien optimizado puede generar fácilmente nuevos clientes. Por otro lado, su formulario puede ser frustrante para los usuarios si no está optimizado.

La longitud es lo primero que debes probar. Para algunas empresas, los formularios más largos funcionan bien, especialmente si quieren calificar a sus clientes potenciales. Pero en la mayoría de los casos, debe apuntar a un formulario que sea breve y directo.

Es especialmente importante saber cuándo los visitantes salen (o abandonan) su formulario. Es posible que descubras que no quieren compartir sus números de teléfono contigo, por ejemplo. En este caso, debes eliminar ese campo para aumentar tus conversiones.

2.5. Oferta

Por último, pero no menos importante: su oferta... ¡también conocida como el cambio de juego!

¿Qué tipo de oferta encontrarán irresistibles tus visitantes? Puede probar un libro electrónico más extenso y detallado con una lista de verificación breve y práctica. O si tiene una tienda de comercio electrónico, puede probar varios tipos de descuento, como 10 % de descuento frente a $ 10 de descuento, o un descuento fijo frente a envío gratuito.

¡Te sorprendería cómo unos pequeños cambios pueden llevar a resultados realmente notables!

Ahora, echemos un vistazo a 4 pruebas A/B emergentes que nuestros clientes han realizado y los excelentes resultados que lograron. Estos ejemplos pueden brindarle más inspiración sobre qué probar en sus propias campañas emergentes.

3.1. Descubre qué canal es el mejor para ponerte en contacto con tus leads

Cuando se trata de suscripciones, la mayoría de la gente piensa inmediatamente en el correo electrónico. Pero BlendJet, una de las tiendas Shopify más exitosas, decidió pensar fuera de la caja.

Querían ver qué canal prefiere su audiencia, por lo que crearon campañas de suscripción de SMS, correo electrónico y Messenger y las probaron.

Aquí está la ventana emergente que probaron:

El experimento reveló que la campaña de abandono del carrito de BlendJet convirtió un 20 % más a través de Messenger que por correo electrónico. Bastante ordenado, ¿verdad?

Esta prueba muestra cuán crucial puede ser probar diferentes canales de comunicación.

3.2. Aprenda qué mensaje fomenta una respuesta

Si desea crear ventanas emergentes que hagan que los visitantes tomen medidas, necesita la copia correcta.

Uno de nuestros clientes, SwissWatchExpo, quería descubrir qué atraería mejor a su audiencia.

Crearon dos versiones de una ventana emergente de abandono de carrito con una copia diferente, para ver cuál ganaría.

En la primera versión, querían que su comprador supiera que el producto que estaba a punto de comprar era el último. Esta es una excelente manera de crear urgencia, y pudieron aumentar las conversiones en un 17 % con esta ventana emergente.

En la segunda versión, cambiaron la copia y ofrecieron un descuento a los visitantes. Con esta versión, duplicaron sus resultados, logrando una tasa de conversión superior al 30 %.

Como puede ver, la segunda versión fue la clara ganadora.

3.3. Prueba tu oferta

BootCuffsSocks decidió crear una campaña especial para los que abandonan el carrito y probó A/B dos ofertas diferentes:

• $ 4.25 de crédito en la tienda
• 10% de descuento en toda la compra

Echemos un vistazo a las dos ofertas:

Después de comparar las dos variantes durante 40 días, vieron que un 15 % más de visitantes se registraron en la segunda versión (10 % de descuento) en comparación con la primera.

Era claramente el ganador.

3.4. Pruebe el aspecto de su ventana emergente

Zooshoo ha estado usando OptiMonk durante varios años, y siempre intentan mantener sus campañas emergentes actualizadas, probar nuevas versiones y variantes de prueba A/B.

En este caso, querían comparar dos aspectos diferentes de una ventana emergente de suscripción con la misma oferta (20 % de descuento).

Veamos el primero, que tenía un esquema de color amarillo:

Y aquí está el segundo, que tenía un esquema de color rojo:

Aunque ambas versiones tuvieron excelentes resultados, al final del día, el aspecto amarillo fue el ganador.

Bien... entonces está listo para comenzar las pruebas A/B con OptiMonk, pero no está muy seguro de cómo comenzar. ¡No hay problema! Compartiré una guía paso a paso para que comiences.

Paso 1. Primero, inicie sesión en su cuenta OptiMonk, vaya al menú Campañas y elija la campaña que desea probar A/B.

Ahora que está en la página de la campaña, puede ver el "Centro de pruebas A/B", que le da una pista de que está en el lugar correcto.

Paso 2. A continuación, haga clic en "Agregar nueva variante" y la segunda variante de su ventana emergente aparecerá inmediatamente. Está inactivo por ahora.

Paso 3. Haga clic en la segunda variante y accederá al editor de arrastrar y soltar. Ahora es el momento de modificar el elemento que desea probar A/B. Por ejemplo, podrías cambiar el color del botón.

Paso 4. Cuando haya realizado el cambio, haga clic en el botón "Siguiente" y será redirigido a la página de la campaña.

Paso 5. Ahora todo lo que queda por hacer es activar la segunda versión de su ventana emergente.

Verá que aparece el texto "Mantener en ejecución solo la variante ganadora" en un cuadro azul. Si activas esta opción, después de nombrar a un "Campeón", desactivaremos automáticamente las variantes de retador por ti.

Pero, ¿cuándo llamamos a una variante de campaña "Campeón"? Bueno, una vez que una variante obtiene un número determinado de impresiones (50, en nuestra configuración actual), OptiMonk calcula la importancia estadística (que llamamos "Confianza") para determinar qué tan seguros podemos estar de que el rendimiento de la campaña seguirá siendo el mismo.

Si una variante tiene la tasa de conversión más alta y también tiene una confianza superior al 90 %, la llamamos variante Champion.

¡Eso es todo!

Ah, y por cierto, no estás limitado a "versión A y versión B". Puede agregar tantas variantes como desee.

¡Ahora adelante, pruebe una de las ideas de pruebas A/B que hemos compartido con usted hoy y aumente esa tasa de conversión!