Una mano sujetando una bombilla incandescende contra un fondo cálido

¡Bienvenido a Nelio A/B Testing para WordPress! Estamos muy contentos de que estés con nosotros. Dedica un par de minutos a leer esta guía y a aprender las nociones básicas que necesitarás para poder usar nuestro servicio. A continuación hablamos de:

  1. Cómo instalar y activar Nelio A/B Testing.
  2. Cómo enlazar tu sitio WordPress con tu suscripción de Nelio A/B Testing para que puedas crear tus primeros tests A/B.
  3. Cómo crear, eliminar o ver el progreso de un test cualquiera.

Instalar y activar Nelio A/B Testing

Para instalar Nelio A/B Testing en tu WordPress únicamente debes seguir los pasos habituales que realizas con cualquier otro plugin. Primero, ve al Escritorio de WordPress y haz clic en Plugins » Añadir nuevo. En el cuadro de búsqueda, escribe Nelio y WordPress buscará los resultados mas relevantes.

Buscando plugins de Nelio

Uno de los resultados será Nelio A/B Testing. La caja contiene información sobre el plugin (número de instalaciones activas, puntuación media, avisos de compatibilidad, etc). Haz clic en Instalar ahora para descargar la última versión de Nelio A/B Testing y luego en Activar para activarlo en tu web.

Instala Nelio A/B Testing

Configurar Nelio A/B Testing

Después de instalar y activar el plugin, verás una nueva opción llamada Nelio A/B Testing en la columna izquierda de tu escritorio de WordPress.

Haz clic en esta opción y verás un mensaje indicando que Nelio A/B Testing está casi listo.

Para usar nuestro servicio, primero debes aceptar nuestros términos y condiciones y política de privacidad. Haz clic en Continuar y podrás Empezar un Free Trial o Usar una cuenta de Nelio.

Iniciar Nelio A/B Testing

Usar una cuenta de Nelio

Si quieres usar una cuenta de Nelio, lo primero que debes hacer es suscribirte a alguno de nuestros planes.

Tras suscribirte, recibirás un correo confirmando tu suscripción y éste incluirá tu Código de Licencia.

Haz clic en la opción de menú Suscríbete y en la nueva pantalla, haz clic en el botón Usar licencia (o si todavía no te has suscrito, haz primero clic en Suscribirse). A continuación escribe el código de licencia que has recibido por correo y haz clic en Aplicar para validar el código y acceder a tu Cuenta.

Introducir código de licencia de Nelio A/B Testing

Si todo está bien, verás la información de Cuenta que incluye:

  • Información del plan al que te has suscrito:
    • Nombre y tipo de suscripción,
    • El importe y fecha del próximo cargo,
    • La cuota de páginas bajo test disponibles, y
    • La opción de cancelar la suscripción, comprar más cuota o actualizar la suscripción.
  • Sitios vinculados a tu cuenta,
    • Con la opción de desvincularlos haciendo clic en Desvincular sitio al ponerse encima de cualquiera de ellos.
  • Información de tu cuenta:
    • Tu nombre y apellidos,
    • Tu dirección de correo electrónico,
    • La fecha desde la que te suscribiste, y
    • El código de tu licencia.
  • Historial de facturación, donde para cada factura hay:
    • Un enlace para visualizar el detalle de la factura,
    • La fecha de la misma, y
    • Su importe total.
Página de cuenta de Nelio A/B Testing

Crear un test en Nelio A/B Testing

Con Nelio A/B Testing podrás probar diferentes aspectos de WordPress. En concreto, podrás poner a prueba los titulares de tus entradas, crear una o más variantes de tus páginasentradas y tipos de contenido personalizado, probar otros temaswidgetsmenús, plantillas, resúmenes de productos de WooCommerce, ver Heatmaps y mucho más.

A continuación, veremos rápidamente cómo crear un test. Si necesitas más detalles, echa un vistazo a nuestros tutoriales.

Crea un nuevo test A/B

  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 el tipo de test que quieras crear.
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 (por ejemplo, podemos «probar distintas imágenes» en una página). 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, dependiendo del tipo de test creado, especificas qué páginas de tu web se ven afectadas por este test.
Definición de un nuevo test A/B de páginas con Nelio A/B testing.

Cómo crear las variantes a probar

Un test A/B consiste en probar distintas variantes de una página, entrada, menú, tema, widget, plantillas, etc. y medir cuál funciona mejor para alcanzar tus objetivos. Por ejemplo, puedes analizar en tu página de inicio qué cambios en el diseño o en el contenido generan más interés o proporcionan más ventas.

Fotografía en tercio frontal de un Ferrari F50
Fotografía en tercio frontal de un Ferrari F40
¿Has probado a cambiar imágenes en tu página y ver cuál resulta más atractiva?

Selecciona la versión de control a probar

Al crear un test de páginas, entradas, tipos de contenido personalizado, menús, titulares, plantillas o resúmenes de producto de WooCommerce, primero deberás seleccionar qué elemento (llamado «Versión de Control» o comúnmente «Versión A») quieres probar. Por ejemplo, la siguiente imagen muestra cómo al realizar un test de páginas, podemos seleccionar la página a probar de la lista de páginas que hay en nuestra web.

Seleccionar la página a testear en un test A/B con Nelio A/B testing.

En caso de querer realizar un test de temas, widgets o CSS, la «Versión de Control» es el tema, conjunto de widgets o estilos CSS que tenemos actualmente instalados en nuestra web, respectivamente.

Crea nuevas variantes

A continuación debes creas una «Variante B» (o más de una variante, si así lo deseas) del elemento seleccionado anteriormente.

Para ello, en la mayoría de los casos, tendrás que nombrar tu variante y, por defecto, se creará una copia exacta de la «Variante A» que podrás modificar como quieras con el enlace Editar.

Creación de variaciones en un test A/B con Nelio A/B testing.

En el caso de caso de crear un test de temas o plantillas, las variantes deberán estar creadas previamente a la creación del test (la plantilla o el tema alternativo ya tienen que existir en tu WordPress ya que aquí sólo lo seleccionarás).

Editando una variante

Cuando edites una variante, WordPress abrirá tu editor de contenidos predeterminado para ese tipo de contenido. Este puede ser el editor de bloques oficial de WordPress o cualquier otro editor que tu tema o tus plugins hayan configurado.

Editando una variación de un test A/B con Nelio A/B testing.

Adicionalmente, cuando estás editando un elemento que pertenece a un test Nelio A/B Testing te permite volver al test al que pertenece la variante.

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

Los tests A/B, por lo general, se realizan con uno o más objetivos en mente, como «conseguir más suscriptores», «mostrar interés en tus productos» o «incrementar las visitas a entradas». Los objetivos se cumplen cuando el visitante realiza ciertas acciones. Por ejemplo, un visitante puede estar «mostrando interés en tus contenidos» cuando visita tu página de precios o cuando completa un determinado formulario en tu sitio web.

Define tus objetivos de conversión

Puedes añadir tantos objetivos como quieras haciendo clic 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 «Aumentar suscripciones», «Mostrar interés en mis productos» o «Incrementar las visitas a entradas» .

Definición de los objetivos de conversión en un test A/B 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 visiten la página de precios de un producto o una entrada de tu blog, haz clic en Visita a página.
  2. Cada tipo de acción de conversión tiene sus propios parámetros de configuración. En el caso de una Visita a página, por ejemplo, deberás especificar qué tipo de contenido es el que tiene que visitar el usuario (una página, una entrada, etc.) y cuál es el contenido concreto a visitar (una entrada de nuestro blog, por ejemplo) para que se cuente una conversión.
  3. Repite el proceso para todas las acciones que quieras añadir.
Añadir acciones de conversión en un test A/B 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.

Como 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.

Inicia tu prueba

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

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

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

Importante: las pruebas no se pueden editar una vez están activas pero puedes pausarlas, modificarlas y volverlas 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 la prueba. En tal caso, lo mejor es empezar una prueba nuevoa, duplicando la anterior.

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

Cuándo quieres que finalice tu prueba

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

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

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.

Resumen de los resultados

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

  • Icono de estado. Este icono te ayuda a identificar rápidamente el progreso de tus pruebas. 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 prueba. En concreto, puedes ver el estado de la prueba, 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 de la prueba, si procede.
Mostrando el estado de los resultados de un test A/B.

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 por el contrario, el empeoramiento) que tienen respecto a la versión de control.
  5. Para algunos tipos de test, también encontramos un botón para visualizar el heatmap de esa variante, si lo hubiera.
  6. Finalmente, se muestra un resumen de los objetivos y acciones de conversión del test.
Evolución de un Test A/B 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, en algunos tipos de test podrás hacer clic en el botón Aplicar de la variante ganadora (si esta existe) y el contenido del elemento original será reemplazado con los contenidos de la variante ganadora.

Aplicación de la variación ganadora en un test A/B

Si necesitas instrucciones más concretas para crear un tipo de test específico en tu web, échale un vistazo a la lista de tests que Nelio A/B Testing te permite crear.

Y no dudes en consultar nuestra Documentación de Ayuda para más información.

¿Necesitas ayuda? ¡Escríbenos!

Con tu consentimiento expreso, almacenamos la información proporcionada con el propósito de contactarte y hasta que nos pidas que la eliminemos.