Test A/B de los menús de WordPress

Los menús son uno de los elementos más importantes de tu web. Son un índice de los diferentes contenidos que un visitante puede ver en tu web y permiten destacar aquello que más te importa. Con Nelio A/B Testing puedes descubrir qué estructura de menús es más eficiente para dirigir tu tráfico a las diferentes páginas de tu web.

Duplica fácilmente tus menús actuales, cámbialos como quieras añadiendo, quitando, reordenando o modificando los nombres de los elementos y descubre qué funciona mejor. Ninguna otra herramienta de test A/B te permitirá hacer esto de una forma tan sencilla. Instala, activa y configura Nelio y saca el máximo partido a tu web.

Instrucciones para los tests de menús

Una vez hayas instalado, activado y configurado Nelio A/B Testing, sigue estas instrucciones para crear tests A/B de menús.

Crea un nuevo test A/B de menús

  1. Bajo el menú Nelio A/B Testing, haz clic en Tests para ver y gestionar tus tests.
  2. Haz clic en el botón Añadir test en la parte superior de la pantalla.
  3. Se te abrirá una ventana con todos los tipos de test que puedes crear. Cada uno de ellos tiene un nombre y un icono.
    • Haz clic en Menú.
Selector de tipos de test en Nelio A/B testing.

Nombra y define tu test

Primero de todo, dale un Nombre descriptivo al test que quieres crear para que te ayude a identificarlo en el futuro. Además, en la barra lateral derecha, encontrarás tres 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, donde puedes indicar qué estás probando y qué pretendes conseguir con él,
  • Ámbito del test, donde especificas qué páginas de tu web se ven afectadas por este test y que por defecto indica que las variantes serán visibles en todas las páginas de tu sitio web. Si deseas limitar el alcance del test a determinadas páginas, dispones de un formulario para definir las URLs en las que debe ejecutarse el test.
Definición de un nuevo test A/B de menús con Nelio A/B Testing.

Cómo crear las variantes a probar

Un test A/B de menú consiste en probar distintas versiones de un menú y medir cuál funciona mejor para alcanzar tus objetivos. Por ejemplo, puedes analizar si mostrar más opciones de menú genera más interés y más ventas o, por el contrario, genera confusión y menos interés.

Selecciona el menú a probar

Primero, selecciona el menú (llamado «Versión de Control» o comúnmente «Versión A») en el que quieres realizar el test. Lo puedes escoger de la lista de opciones que aparece por defecto.

Selección de un menú de un test A/B con Nelio A/B Testing.

Crea nuevas variantes

A continuación crea una «Variante B» (o más de una variante, si así lo deseas) del menú seleccionado anteriormente:

  1. Nombra tu variante en el campo que encuentras al lado de la letra que indica la variante que estás creando (por ejemplo, «Menú simplificado sin submenús»).
  2. Por defecto, cada variante creada será una copia exacta del menú original. Haz clic en el enlace Editar de cada variante para modificarla.
  3. Si quieres crear más de una variante, haz clic en el botón Nueva variante que hay al final de la sección.
Creación de una variación de un test A/B de menús con Nelio A/B Testing.

Editando una variante

Editar menús alternativos es muy fácil. Cuando edites una variante, Nelio usa el editor de menús del propio WordPress con sus controles típicos para añadir, eliminar y reordenar los elementos del menú.

Desde el editor, modifica el menú como quieras para que se vea diferente al de la «Versión A» y cuando hayas terminado, haz clic en Guardar menú.

Adicionalmente, en la parte superior tienes los dos botones siguientes:

  • Duplicar menú de control, con el que sobreescribes el menú que estás editando con la versión de control, y
  • Volver al test, con el que vuelves al test al que pertenece la variante.
Editar una variación de un test A/B de menús con Nelio A/B Testing.

Cómo definir tus objetivos y acciones de conversión

Los tests A/B, por lo general, se realizan con algunos objetivos en mente, como «conseguir más suscriptores» o «mostrar interés en tus productos». Los objetivos se cumplen cuando el visitante realiza ciertas acciones. Por ejemplo, un visitante puede estar «mostrando interés en tus productos» cuando visita páginas de productos o hace clic en solicitar más información en tu sitio web.

Veamos cómo definir objetivos y acciones de conversión en Nelio A/B Testing para poder hacer seguimiento de la actividad de tus visitantes.

Define tus objetivos de conversión

Puedes añadir tantos objetivos como quieras haciendo clic en en el enlace +Nuevo. Si creas más de un objetivo, Nelio A/B Testing te mostrará información sobre cuán efectiva es cada variante para cada uno de los objetivos definidos.

Opcionalmente, puedes dar un nombre a tu objetivo que te ayude a recordar qué te interesaba mejorar en tu test. Por ejemplo, tus objetivos podrían ser «Conseguir clicks en las pestañas del menú» o «Mostrar interés en mis productos».

Definiendo un objetivo de conversion en un test de CSS con Nelio A/B Testing.

Añade acciones de conversión a tus objetivos

Dispones de diferentes tipos de acciones de conversión para hacer un seguimiento de tus visitantes. Por ejemplo, puedes controlar cuando acceden a una cierta página, cuando pulsan un cierto elemento de tu web o cuando envían un formulario de contacto.

  1. Haz clic en el Botón de Acción que te interese (por ejemplo, si quieres que hagan clic en una opción de menú, haz clic en Clic).
  2. Cada tipo de acción de conversión tiene sus propios parámetros de configuración. En el caso del Clic, por ejemplo, deberás especificar en qué elemento HTML (mediante su ID o CSS) tiene que hacer clic el usuario. Fíjate que en este caso deberás seleccionar los elementos HTML de la versión de control y de cada una de las variantes.
  3. Repite el proceso para todas las acciones que quieras añadir.
Añadiendo acciones de conversion a un test de CSS con Nelio A/B Testing.

Recuerda que puedes borrar cualquier acción haciendo clic en el enlace Eliminar que se encuentra debajo de la acción.

Cómo iniciar el test

Una vez hayas definido totalmente tu test, verás que el estado del mismo habrá pasado de Borrador a Preparado. En ese momento, podrás iniciarlo para que los visitantes de tu web vean las diferentes variantes que has creado y Nelio A/B Testing empiece a hacer un seguimiento de sus acciones.

Iniciar un test A/B con Nelio A/B Testing.

Inicia tu test

Para iniciar un test, comprueba que esté Preparado y, si lo está, haz clic en el botón Iniciar… que hay en la esquina superior derecha. Si no estuviera Preparado, puedes poner tu cursor encima del icono de información que aparece al lado del Estado para ver el motivo por el cual tu test sigue estando como Borrador.

Si no quieres iniciar el test directamente, sino que quieres dejarlo programado para una fecha concreta, especifícala usando el campo Inicio de la sección Estado y gestión.

Una vez iniciado el test, el plugin te mostrará su página de resultados y verás que el estado cambia a En ejecución.

Importante: los tests no se pueden editar una vez están activos pero puedes pausarlos, modificarlos y volverlos a arrancar para que sigan ejecutándose. Eso sí, dependiendo de las modificaciones que realices, podría ser que tus resultados parciales no tengan validez después de volver a arrancar el test. En tal caso, lo mejor es empezar un test nuevo, duplicando el anterior.

Seleccionar el modo de finalización de un test A/B con Nelio A/B Testing.

Cuándo quieres que finalice tu test

También puedes definir cuándo quieres que la ejecución acabe, indicando el Modo de Finalización del test:

  • Manual: el test se parará cuando hagas clic en el botón de Parar el test, en el listado de tests o en su página de resultados.
  • Duración: el test se parará automáticamente tras el tiempo indicado.
  • Páginas vistas: el test se parará automáticamente tras alcanzar el número total de visitas que hayas especificado.
  • Confianza: el test se parará automáticamente cuando se encuentre un ganador en el primer objetivo de tu test con el nivel de confianza especificada.

Cómo ver el progreso de un test y sus resultados

En la opción de menú Tests puedes ver el listado de los tests creados, el estado en que se encuentran y la fecha de su última actualización. En todo momento puedes ver los resultados de un test que está iniciado o que ya ha finalizado haciendo clic en el enlace Ver Resultados que se encuentra debajo de su nombre.

Mostrando el estado de los resultados de un test A/B.

Resumen de los resultados

En la barra lateral derecha de la página de resultados encuentras el Resumen de tu test con las siguientes métricas:

  • Icono de estado. Este icono te ayuda a identificar rápidamente el progreso de tus tests. Inicialmente está en amarillo, indicando que no hay suficientes visitas para determinar un ganador. Si el icono cambia mostrando un reloj con un corazón es que hay un posible ganador, pero la confianza estadística es baja, por lo que todavía pueden cambiar las cosas. Finalmente si se muestra un icono verde (con una medalla), tenemos a un claro ganador. Si el icono es rojo es que ninguna alternativa es mejor que la original.
  • Algunos metadatos sobre tu test. En concreto, puedes ver el estado del test, cuanto tiempo ha estado en marcha, cuando se inició y el modo de finalización.
  • También se incluye la descripción y el ámbito del test.

Progreso del test

La página de los resultados muestra, a su vez, la siguiente información del progreso de un test:

  1. Nombre del test
  2. Evolución con el ratio de conversiones de la versión de control y de todas las variantes, así como el número total de conversiones y visitas a página del test.
  3. Dos gráficos adicionales que muestran los ratios de conversión de cada alternativa y su grado de mejora respecto a la original, respectivamente.
  4. Para cada una de las variantes del test veremos una imagen en miniatura, si está disponible, de la página que está bajo test, el número de visitas que ha recibido, su número de conversiones, el ratio de conversión resultante y, para todas las variantes que no sean la original, el grado de mejora (o empeoramiento) que tienen respecto a la versión de control.
  5. Finalmente, se muestra un resumen de los objetivos y acciones de conversión del test.
Evolución de un test A/B con una alternativa con Nelio A/B Testing.

Mejora la conversión de tu web

En todo momento, se puede finalizar un test manualmente haciendo clic en el botón Finalizar que encontramos en la esquina superior derecha de la página de resultados.

Recuerda que un test también puede finalizar automáticamente si se cumple la condición indicada en su modo de finalización.

Tras finalizar un test y para mejorar la conversión de tu web haz clic en el botón Aplicar de la variante ganadora (si esta existe) y el contenido del menú original será reemplazado con los contenidos de la variante ganadora.

Resultados de un test A/B de menús con Nelio A/B Testing.

¿Todavía no estás mejorando tu web? Necesitas Nelio A/B Testing

¡ECHA UN VISTAZO A NUESTROS PLANES!

El mejor plugin de test A/B para WordPress