Guía de inicio rápido

AB Tasty es una solución de testing con funciones muy avanzadas. Te permite modificar las distintas páginas de tu sitio web usando el editor gráfico, sin necesidad de escribir ningún código y sin tener que contar con conocimientos técnicos. Una vez que hayas realizado tus modificaciones, podrás medir la eficacia de cada una de ellas y determinar qué versión funciona mejor y por lo tanto produce los mejores resultados en base a tus objetivos. Estos objetivos suelen ser aumentos en las ventas, registros, páginas vistas, etc.

Esta guía de inicio rápido te ayudará a crear tu primer test A/B.

5 pasos para crear un test A/B

Tan solo tienes que seguir estos cinco pasos para crear un test con AB Tasty:

  1. Instala el tag de AB Tasty en todas las páginas de tu sitio.
  2. Crea las diferentes versiones de tu página, también llamadas variaciones, con el editor gráfico de AB Tasty.
  3. Configura las opciones de test, esto es, el objetivo del test, y el tráfico que recibirá cada variación.
  4. Define los KPIs que quieras monitorizar.
  5. Lanza el test y analiza los resultados.

Instala el tag de AB Tasty

Antes de que puedas lanzar un test, debes instalar nuestro tag en todas las páginas de tu sitio. No es muy complicado, tan solo consiste en añadir unas cuantas líneas JavaScript. No te preocupes, solo tienes que realizar este paso una vez. Para ello debes iniciar sesión en la herramienta de AB Tasty y hacer clic en “Ajustes” del menú lateral izquierdo. Posteriormente, podrás encontrar los distintos tags dentro del submenú “Código de instalación”.

Una vez que el tag se encuentre en todas las páginas, ya no tendrás que preocuparte nunca más sobre él debido a que usaremos ese mismo tag para todos tus test futuros.

Crea tus variaciones con el editor

Una vez que hayas instalado el script de AB Tasty deberás iniciar sesión en la aplicación con las credenciales que hayas recibido. Entonces, accederás al panel de control de la herramienta, lo que te permitirá crear tu primer test. Será aquí, también, donde podrás gestionar tus test activos y finalizados.

Para crear tu primer test, haz clic en el botón “Crear” y selecciona el tipo de test que quieras crear. Puedes elegir entre test predictivo, test A/B, test multipágina, y test multivariante.

Si no sabes qué test elegir, puedes echarle un vistazo a nuestra guía que te ayudará a escoger el test que más se adapte a tus necesidades. En este caso escogeremos un test A/B para continuar.

Una vez que hagas clic en el botón “guardar”, serás automáticamente redirigido al editor gráfico, el cual, te permitirá crear las modificaciones que desees en tus páginas y gestionar los ajustes del test.

Se creará una copia exacta de la versión original de la página que decidas modificar de forma automática y por defecto. Puedes navegar entre la versión original y las distintas variaciones desde la parte superior del editor gráfico. Puedes crear tantas variaciones como desees haciendo clic en “nueva variación”.

Para seguir configurando el test, haz clic en la pestaña “Variación 1” para activarla en el editor. Al mover el ratón por la página verás que se destacan los distintos elementos de tu página. Haz clic con el botón izquierdo del ratón y aparecerá un menú contextual ofreciéndote varias opciones para modificar el elemento seleccionado o refinar tu selección.

Entre las opciones que tienes disponibles puedes:

  • Mover el elemento seleccionado.
  • Eliminar el elemento o esconder su contenido.
  • Redimensionar el elemento.
  • Cambiar el texto o el contenido HTML del elemento.
  • Cambiar el estilo asociado al elemento.
  • Cambiar el link del elemento.
  • Cambiar la imagen.
  • Añadir elementos (párrafos, imágenes, código HTML, etc.)

Además, dentro de las opciones de selección puedes:

  • Expandir la selección actual.
  • Reducir la selección actual.
  • Seleccionar elementos que son similares al que has seleccionado.

Utiliza todas estas funcionalidades para modificar la página a tu gusto. Si las opciones predefinidas no fueran suficientes, también puedes usar la función que te permite editar código HTML directamente, modificar las hojas de estilo de la página o añadir código JavaScript o jQuery. Para esto, haz clic en la opción “Añadir CSS” y “Añadir JavaScript” en las opciones de la variación (barra superior).

Configura las opciones del test

Después de que hayas realizado todas las modificaciones pertinentes a tu página, necesitas configurar las opciones del test.  Estas están disponibles en el menú izquierdo.

Con estas opciones puedes:

  • Segmentar las páginas en las que quieres que se apliquen tus cambios, por ejemplo, en cada página de una plantilla.
  • Segmentar los usuarios que serán testeados, por ejemplo, aquellos usuarios que acceden a la página a través de un enlace de pago.
  • Asignar un porcentaje de tráfico a cada variación. Puedes dividir el tráfico equitativamente o elegir el tráfico para cada variación de forma individual.

Para segmentar tu test, haz clic en “Segmentación”. Accederás a una página que te permitirá definir ciertos criterios de segmentación a nivel de página o de usuario.

Puedes segmentar un test por URL, tipo de origen, comportamiento del usuario y más. Descubre todas las opciones de segmentación.

Finalmente, para definir el porcentaje de tráfico dedicado a cada variación, haz clic en “Asignación de tráfico”. Aparecerá una nueva ventana en la que podrás elegir el porcentaje del total del tráfico que quieras establecer para cada variación.

Si tienes más dudas, puedes echarle un vistazo a nuestra sección de soporte.

Define los KPIs a monitorizar

Antes de activar tu test, necesitas definir los objetivos que quieres medir. En AB Tasty, puedes definir tres tipos de objetivos:

  • La interacción de tus usuarios con tu contenido: Este objetivo se mide con indicadores como la tasa de rebote, el tiempo en página o número de páginas vistas. Estos indicadores se calculan automáticamente por AB Tasty y no tienes que realizar ninguna configuración extra.
  • Objetivos de clic: Puedes medir la tasa de clics de un cierto elemento de una forma muy sencilla, por ejemplo, los clics en el botón de añadir al carrito, entre otros. Para ello, tan solo selecciona el elemento en el editor y pincha en “Seguimiento de clics”, ponle nombre al objetivo y este se mostrará automáticamente en el informe de AB Tasty una vez que el test esté activo.
  • Objetivos de URL: De forma similar a los objetivos por URL de Google Analytics, estos objetivos te permiten documentar si un objetivo se ha cumplido cuando un usuario ve una cierta página (como la página de “gracias”) . Para crear este tipo de objetivo, tendrás que acceder a la sección de informes y hacer clic en el botón “Nuevo objetivo” situado en la parte superior izquierda. Verás una nueva ventana donde puedes indicar el formato de la URL de tu página (o páginas) objetivo.

Lanza el test y analiza los resultados

Una vez que ya tengas todos los pasos anteriores completados tan solo te queda lanzar tu test. Una vez que el test esté activo podrás ver los resultados en tiempo real en la sección “Informes” que corresponda a tu test. Este informe se muestra en una nueva ventana como la mostrada aquí.

La información principal que se muestra en pantalla te permitirá analizar los resultados de forma rápida:

  • Nombre del test.
  • Fecha de lanzamiento, número de usuarios testeados y estado del test.
  • Herramientas para compartir los resultados del test (enviar por email, exportación en PDF, Excel, URL pública…).
  • Lista de objetivos.
  • Tipo de objetivo (seguimiento de clics, URL objetivo).
  • Lista de variaciones.
  • Número de usuarios de cada variación.
  • Número de conversiones por variación.
  • Tasa de conversión.
  • Porcentaje de mejora con respecto a la versión original.
  • Fiabilidad estadística de los datos.

Finalmente, también puedes refinar los resultados de tus test haciendo uso de nuestros filtros para filtrar los datos en base a distintos criterios como el origen del tráfico, el comportamiento del usuario, etc. Para ello, tan solo tienes que escoger el filtro que desees del menú desplegable superior derecho. Puedes escoger más de uno a la vez.

 

Para más información, siempre puedes acudir a la sección de soporte de AB Tasty o ponerte en contacto con nosotros directamente.

¿Estás interesado?

X