Blog de Divi en español

Diseña tu propia web con la plantilla y constructor web Divi, de Elegant Themes.

Conocer bien cuál es el comportamiento de los usuarios de tu web y potenciales clientes es esencial para vender más o para aumentar el número de visitas.

Sea cual sea tu propósito, aprender a crear Tests A/B con el constructor web de Divi, te ayudará a diseñar las mejores páginas de venta y a conseguir los mejores resultados de tu campaña de Marketing Online.

Si tienes una web con Divi y vendes productos online o vas a construir una estrategia de ventas, en este post vas a encontrar información muy útil.

¡No te la pierdas!

¿Qué es un Test A/B?

Realizar un Test A/B consiste en crear dos versiones de una misma página para dividir la audiencia en dos y mostrar a cada parte una versión diferente.

El fin de los A/B Testing es medir los resultados de cada una de las versiones de la página para comprobar cual da mejores conversiones. Este método se suele utilizar en Marketing web para optimizar las Landing Page, por ejemplo.

Crear dos versiones diferentes de tu página significa modificar pequeños aspectos visuales, como:

  • la ubicación del botón CTA
  • los colores principales
  • los textos
  • los títulos
  • las imágenes
  • los campos del formulario
  • la disposición general de la página…

El objetivo final es ir haciendo pruebas en cada campaña de publicidad o marketing hasta llegar al diseño de Landing Page que mejor convierte. Lógicamente, para conseguir que un Test A/B de resultados, deberás complementar también con herramientas que proporcionen métricas de los resultados y para eso está Divi Leads.

¿Qué es Divi Leads?

Divi Leads es la herramienta que el constructor web Divi añadió en su versión 2.7 y que sirve para realizar pruebas A/B y optimizar sus conversiones, ofreciendo potentes estadísticas y datos sobre las visitas de tu web.

Estos datos te servirán de gran ayuda para tomar decisiones a la hora de diseñar tu web con Divi, así como optimizar los siguientes pasos en el embudo de ventas.

Cómo crear un Test A/B con el constructor web Divi

Crear Tests A/B con la plantilla Divi es realmente sencillo gracias a la herramienta incorporada que acabamos de comentar, Divi Leads.

Los pasos generales que tienes que seguir son los siguientes:

1 CREAR EL DISEÑO DE TU WEB

La ocpión de prueba multivariable de Divi te servirá tanto si realizas el diseño por primera vez como si utilizas una página que ya estaba diseñada o publicada.

Si aún no tienes diseño, puedes ayudarte con los diseños predefinidos di Divi, los cuales pueden añadirse con tan solo un click y después modificar a tu gusto.

Por lo tanto, por el momento, crea solo la versión principal de tu página.

2 ACTIVAR PRUEBA MULTIVARIABLE

Para activar la ocpión de Test A/B de Divi, clica en el icono de las tres líneas de la parte superior del constructor y activa la casilla de Habilitar prueba multivariable de la ventana emergente que aparacerá.

activar test a b en divi

Al activar el botón de prueba multivariable, automáticamente aparecerán tres campos más que puedes personalizar:

  • Límite de tasa de rebote.
  • Intervalo de actualización de las estadísticas.
  • Seguimiento de código corto.

activar prueba multivariable divi

3 SELECCIONAR EL ÁREA DE PRUEBAS

Al cerrar la ventana anterior, el cursor del ordenador se convertirá en un círculo amarillo con el que debes seleccionar la sección, fila o módulo en la que quieres hacer las pruebas. Cualquier elemento del constructor Divi es válido para hacer pruebas de seguimiento.

Por lo tanto, clica en la zona o zonas en las que te interesa hacer las pruebas.

cómo realizar tests ab plantilla divi

Después, el cursor pasará a color azul y con él seleccionas el área que quieres duplicar.

Normalmente, este tipo de pruebas se usan para medir el rendimiento de un botón de llamada a la acción que conduce al visitante web hacia donde tú quieres llevarlo.

En nuestro caso, hemos duplicado el módulo de Llamada a la acción. El constructor web Divi los identifica en color azul y los enumera para poder hacer mediciones después.

En el ejemplo, hemos creado dos variaciones, pero podrías incluir tantas como quisieras.

Como cualquier diseño de Divi, puedes arrastrar y soltar los elementos para modificar su ubicación dentro de la página.

hacer test ab divi

A continuación, entra en cada copia creada (la número 2 en nuestro ejemplo) y realiza los cambios con los que quieres hacer la prueba.

Por ejemplo, modificar los colores o el texto de la llamada a la acción suele ser un pequeño cambio que conlleva diferencias en las estadísticas posteriores. Pero podrías modificar la ubicación de las imágenes, las palabras de los textos, el color o imagen de fondo…

Las dos variaciones que hemos creado en el ejemplo son las siguientes:

Llamada a la acción 1:

plantilla divi ejemplo test ab

Llamada a la acción 2:

plantilla divi ejemplo prueba mutivariable

Por último, clica el botón de publicar o de actualizar la página para que se guarden y activen todos los cambios realizados. Tu campaña de pruebas A/B acaba de comenzar 😉

¿Consejos para realizar un Test A/B con varios CTA?

Juega con las palabras gratis, descuento, oferta… indica en una variante el precio de oferta, en otra el porcentaje de oferta…

4 MEDIR EL RESULTADO DEL TEST A/B

Deja actuar tu prueba multivariable al menos unos días. La plantilla Divi se encargará de mostrar aleatoriamente a cada visitante de la web una de las dos variaciones.

Cuando quieras empezar a comprobar los resultados, entra en la edición de la página y clica en el icono superior de las tres barritas en movimiento.

ver estadísticas test ab de divi

Se te abrirá una ventana con todas las estadísticas de tu Test A/B con la plantilla Divi. Esta herramienta te proporciona los datos de clicks de cada variable creada. En este caso los dos módulos de botón CTA (Llamada a la acción).

Puedes ver los datos de cada variable por separado o la comparación de las dos variables.

Cuanto más tiempo dejes actuar el test, más fiables serán los datos de las estadísticas y mejores decisiones podrás tomar en cuanto al diseño de tu Landing Page o de tu web.

divi estadísticas prueba multivariable

Lo ideal sería ir realizando varios Tests A/B hasta llegar al que más convierta y hacer estas pruebas en diferentes páginas de venta, con el fin de rentabilizar al máximo cada uno de tus productos.

¿Tu objetivo es desviar las visitas de tu web hacia una secuencia de pasos?

Puede ocurrir que en tu caso cuentes con un embudo de ventas estructurado y esta Landing Page de Divi sea solo el primer paso para llegar a un objetivo final.

En este caso, para medir los resultados del paso final, utiliza el código de seguimiento que mencionábamos al principio (en la ventana de activar la prueba multivariable) y colócalo en este último paso.

Por ejemplo, colócalo en una Página de Agradecimiento por haberse suscrito a tu web. Este código medirá el número de visitas que entraron en la primera Landing Page y siguieron todos los pasos hasta llegar a la Página de Agradecimiento.

5 SELECCIONAR LA MEJOR VARIANTE

Una vez hayas terminado tu periodo de pruebas, desactivar el Test A/B del constructor Divi es muy sencillo.

Clica en la barra de ajustes susperior y desactiva el botón de habilitar prueba multivariable. De nuevo te aparecerá el cursor en forma de círculo para que selecciones la variante más rentable, la que más clicks por número de visitas genera. Ahora puedes continuar con tu campaña de Marketing sabiendo lo que realmente da resultado.

Como ves, en este post hemos realizado un sencillo ejemplo de Tests A/B con el constructor web de Divi, pero adaptando este ejmeplo a tus necesidades, podrías modificar prácticamente todo el aspecto de la página y crear múltiples variables.

Aunque se recomienda dar pequeños pasos para verificar con exactitud cuáles funcionan y cuáles no, el tipo de prueba multivariable dependerá de ti.

También te puede interesar...

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies
¡GRATIS!Esta guía con 7 Trucos de diseño para Divi

¡GRATIS!

Esta guía con 7 Trucos de diseño para Divi

Obtén, de forma totalmente gratuita, estos trucos de diseño que la plantilla Divi no incluye y crea webs únicas.

¡Perfecto! Ahora VE A TU BANDEJA DE ENTRADA y abre el email que te he enviado desde DIVESP. ¡Gracias!