30%dto
Oferta Black Friday

Cómo crear un test A/B de páginas existentes en tu WordPress

Publicada en Marketing Online.

Las pruebas o tests A/B son la mejor herramienta para mejorar la conversión de una web. Un test A/B es una prueba de diseño que nos permite realizar variaciones de una misma página para comparar el comportamiento de los usuarios y poder valorar qué variación es la que mejores resultados obtiene.

Habitualmente, cuando se crea un test A/B para mejorar la conversión de una página determinada (a la que llamamos «Variante de control» o «Variante A»), creas una versión que es copia de dicha página («Variante alternativa» o «Variante B»). Luego realizas los cambios de diseño o contenido en la copia para analizar cuál de las dos versiones genera más conversión (más compras, suscripciones o cualquier otra acción que desees contabilizar).

El trafico que llega a la página original se dividirá de forma que la mitad de tus visitas seguirán viendo la página original y la otra mitad, la nueva variante creada. De esta forma, podrás analizar qué versión tiene mejor ratio de conversión.

Funcionamiento del Test A/B
Funcionamiento del Test A/B.

Por ejemplo, en nuestra página de precios de Nelio A/B Testing quisimos realizar un test A/B cambiando los colores de los botones y los márgenes así como la imagen de fondo. Queríamos ver si conseguíamos más subscriptores. En la siguiente comparativa puedes ver la versión original del primer bloque (a la izquierda) y la versión alternativa (a la derecha).

Colores originales de la tabla de precios.
Colores alternativos del tabla de precios.
Colores originales (izquierda) y colores alternativos a probar (derecha) en la tabla de precios (mueve el selector para poder visualizar completamente cada una de las dos versiones).

Sin embargo, cuando los cambios que quieres hacer son más radicales o estás diseñado páginas completamente nuevas, te puede interesar hacer un test de páginas ya existentes en tu web.

¿Por qué hacer un test de dos páginas existentes distintas?

Si tienes dos páginas publicadas, ¿qué aporta la creación de un test A/B en este contexto si ya tienes los datos de visitas y conversión para comparar en Google Analytics? La respuesta es que estas cifras no son suficientes para entender si una página es mejor que la otra. Veámoslo con un ejemplo.

En nuestra web tenemos definidas distintas páginas sobre Nelio A/B Testing, en las que mostramos cómo nuestro plugin es una solución aplicable a gran variedad de sectores y tipos de web. Entre ellas, por ejemplo, tenemos Nelio A/B Testing para editores y Nelio A/B Testing para Profesionales de Marketing.

En Google Analytics puedes ver el número de visitas que ha recibido cada página y el número de conversiones (por ejemplo, visitantes que han hecho clic en el botón de «Prúebalo»). Entonces podrías concluir que aquella que tiene una tasa o ratio de conversión (número de conversiones dividido entre el número de visitas) más alta es la mejor página. Pero esto puede ser erróneo.

Por un lado, has de tener en cuenta que las visitas a cada página pueden ser cifras muy distintas y quizá no comparables estadísticamente. Además, un visitante que se convierte en una página puede haber visto previamente (en la misma sesión o en cualquier otro momento) la otra página. ¿Cómo sabes cuál de las dos páginas ha sido la que ha convencido al visitante a probar el producto?

Un test A/B de dos páginas ya existentes en tu web te asegura que el tráfico que llega a cualquiera de las dos páginas será dividido en dos. De esta forma, cada visitante que llegue a cualquiera de las dos páginas, al formar parte de un test verá exclusivamente una de ellas. Y siempre verá la misma en sus visitas sucesivas.

Por tanto, los datos que obtendrás podrán ser comparables estadísticamente. Y así sabrás, de forma fiable, qué página tiene mejor conversión. Veamos a continuación cómo crear este tipo de test A/B en tu web de WordPress.

Pasos para crear un test A/B en el editor de bloques

Para crear un test A/B en una web de WordPress, te recomendamos que uses una herramienta de las que tienes disponibles en el mercado. Y en particular, te recomendamos el uso de Nelio A/B Testing (versión gratis y premium a partir de 29€/mes) porque es la única herramienta que está totalmente creada como un plugin nativo de WordPress. Al ser 100% compatible con el editor de bloques, no necesitas aprender ni usar ninguna otra herramienta externa para su funcionamiento. Y le puedes sacar el máximo provecho a todas las funcionalidades que ya ofrece el editor de Gutenberg.

Instala y activa el plugin Nelio A/B Testing

Si no has usado nunca Nelio A/B Testing, primero deberás instalarte y activar el plugin (dispones de una versión gratuita) directamente desde tu escritorio de WordPress. Y a partir de aquí, ya tendrás en el menú del escritorio la pestaña de Nelio A/B Testing con la que puedes crear tu primer test.

Opciones del menú del plugin Nelio A/B Testing
Opciones del menú del plugin Nelio A/B Testing. Haz clic en «Pruebas» para crear tu primer test.

Define el tipo de test a crear

Con Nelio A/B Testing no sólo puedes crear tests de páginas. También puedes crear otros tipos de test: de entradas, contenidos personalizados, menús, plantillas, widgets, etc. Así, tras hacer clic en «Añadir test» puedes seleccionar que quieres crear un test de página.

Selector de nuevo test en Nelio A/B Testing 5.0
Selector de nuevo test en Nelio A/B Testing 5.0.

A continuación dale un nombre descriptivo para que puedas identificarlo en el futuro. Y en la barra lateral derecha encontrarás unas pestañas adicionales:

  • Estado y Gestión, donde ves el estado en el que está tu test actualmente (Borrador, Preparado, Programado o Pausado) y opciones sobre cuándo debe iniciarse y finalizar.
  • Descripción del test: puedes indicar qué estás probando y qué pretendes conseguir con.
  • Ámbito del test: aquí especificas qué páginas de tu web se ven afectadas por este test.
Definiendo un test A/B de dos páginas con Nelio A/B Testing
Definiendo un test A/B de dos páginas con Nelio A/B Testing.

Selecciona las páginas a probar

Para poder comparar las dos o más páginas que quieres que formen parte del test, primero selecciona una de las páginas («Versión de control» o comúnmente «Versión A») con el selector que tienes disponible para ello. Fíjate que la puedes buscar escribiendo su título, su URL o su identificador.

Selección de una página como versión de control de un test A/B
Selección de una página como versión de control de un test A/B.

A continuación, puedes indicar si la alternativa del test de página que estás creado será una variante que creas explícitamente para este test (como es habitual en la mayoría de tests A/B) o quieres seleccionar una página ya existente.

Marca, en la casilla que tienes para ello, que el test de la página es para comparar la Variante A con una página existente. Ahora ya puedes seleccionar, igual que has hecho anteriormente con la página original, la página que formará parte de la prueba como «Variante B».

Creando un test A/B de páginas entre dos páginas existentes
Creando un test A/B de páginas entre dos páginas existentes.

Fíjate que puedes añadir más variantes si quieres crear un test multi-variante. Además, también tienes la opción de editar la página para hacer los cambios que creas necesarios.

Define los objetivos y acciones de conversión de la prueba

Una vez seleccionadas las páginas que formaran parte del test A/B, debes definir los objetivos de conversión del test y qué acciones deben realizar los visitantes para cumplir dichos objetivos. Por ejemplo, una visitante puede mostrar interés por tus productos al hacer clic en un botón o visitar una página. Con Nelio A/B testing dispones de diferentes tipos de acciones de conversión para hacer un seguimiento de tus visitantes.

Añadiento un objetivo y acción de conversión en un test A/B
Definición del objetivo «Visitar la página de precios» seleccionando como acción de conversión, la visita al contenido de dicha página.

Segmenta el tráfico de la prueba

Los visitantes de tu sitio web no son todos iguales. Vienen de países diferentes, hablan idiomas diferentes, usan navegadores diferentes, acceden al sitio a partir de webs diferentes, usan diferentes dispositivos, y un sinfín de otras sutiles y grandes diferencias.

Si quieres que todo el tráfico que llegue a tu web pueda formar parte del test creado, ignora este punto y ve directamente al siguiente. Pero dependiendo del tipo de web y tráfico que tengas, te puede interesar refinar la audiencia a la que quieres llegar.

Nelio A/B testing te permite crear segmentos, es decir, definir mediante reglas el conjunto de visitantes con una serie de características comunes que quieres que participen en tu test.

Añadiendo un segmento en un test A/B
Añadiendo un segmento en un test A/B.

Aquí encontrarás más información detallada sobre cómo crear segmentos en un test.

Ejecuta el test creado

Pues con esto, ya estaríamos. Ya tienes tu test de dos páginas existentes creado. Ahora sólo tienes que darle al botón de «Iniciar» el test que tienes arriba a la derecha del editor. Así podrás empezar a ver los resultados de la prueba que acabas de crear.

Test A/B entre dos páginas existentes creado
Test A/B entre dos páginas existentes iniciado.

Analiza el progreso del test

Una vez iniciado el test, como puedes ver en la imagen anterior, podrás ir comprobando en todo momento el estado del mismo. Por un lado, en la barra lateral derecha, el icono de estado te informará de si todavía no hay suficientes visitas para que haya una ganadora, si hay una variante que está ganando, pero con poca confianza, o si ya tienes una variante ganadora del test.

Además, dispones de un conjunto de gráficas para ver el número total de conversiones y visitas a página del test. O puedes ver los ratios de conversión de cada alternativa y su grado de mejora, respectivamente. También puedes ver la imagen en miniatura de las páginas que estás probando con el detalle de las visitas, conversión, y mejora o empeoramiento respecto la versión de control.

Aquí tienes la imagen de los resultados del test de la página de precios que te he comentado al principio de esta entrada. En este caso, pudimos confirmar que la versión original era mejor que la alternativa.

Resultados del test respecto al objetivo de hacer una compra.
Resultados del test respecto al objetivo de hacer una compra.

Además, cuando creas un test A/B de páginas con Nelio A/B Testing, tienes la opción de ver heatmaps, scrollmaps y confeti de cada alternativa con información adicional sobre el comportamiento de tus visitantes.

Resumiendo

Para que todos tus esfuerzos en marketing en aumentar el SEO de tu web no sean en vano, asegúrate de minimizar la tasa de abandono y aumentar la conversión de tus páginas. Los tests A/B son la mejor herramienta para optimizar el ratio de conversión ya que, mediante datos estadísticamente significativos, puedes saber entre dos o varias alternativas cuál convierte más.

La forma más habitual de crear un test A/B de una página es crear variaciones de la misma intentando mejorar aquellos aspectos que pueden generar fricción. Tendrás la certeza, con datos contrastados, que un cambio determinado en dicha página tendrá un impacto de mejora de la conversión.

Comparar la conversión entre distintas páginas ya creadas te puede ayudar a entender qué diseños y contenidos son los que tienen más impacto en tus visitantes. Y de esta forma, focalizar mejor tu estrategia de SEO.

La gran ventaja de usar Nelio A/B Testing para crear pruebas de páginas existentes es que, gracias a su integración con el editor de WordPress, no necesitas ningún conocimiento de programación. En pocos minutos puedes tener un test ejecutándose en tu web.

Imagen destacada de NeONBRAND en Unsplash.

Deja una respuesta

No publicaremos tu correo electrónico. Los campos obligatorios están marcados con: •

He leído y acepto la Política de privacidad de Nelio Software

Al marcar la casilla de aceptación estás dando tu legítimo consentimiento para que tu información personal se almacene en SiteGround y sea usada por Nelio Software con el propósito único de publicar aquí este comentario. Contáctanos para corregir, limitar, eliminar o acceder a tu información.