Guía de inicio rápido

AB Tasty es una solución para el A/B testing y la personalización web con funciones muy avanzadas. Te permite modificar las distintas páginas de tu sitio web usando su editor gráfico, sin necesidad de escribir ninguna linea de 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, genera los mejores resultados en base a tus objetivos. Estos objetivos suelen ser aumentos en los productos vendidos, registros, páginas vistas, etc.

Esta guía de inicio rápido te ayudará a crear tu primer test A/B. Tan solo tienes que seguir estos cinco pasos para empezar a experimentar 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 con el editor gráfico de AB Tasty.
  3. Define los objetivos de tu campaña.
  4. Configura las opciones de test.
  5. Activa el test y analiza los resultados.

Instala el tag de AB Tasty

Antes de que puedas editar tu página y activar un test, debes instalar nuestro tag en todas las páginas de tu sitio web. No es muy complicado, tan solo consiste en añadir unas cuantas líneas JavaScript y lo mejor de todo es que 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”.

Dashboard-ab-tasty-ajustes-perfil Tag genérico de AB Tasty Tag-de-transaccion-AB-Tasty

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 todas tus campañas de test y personalización futuras.

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. Por defecto, entrarás a la sección de campañas de test. Será aquí, también, donde podrás gestionar tus test activos y finalizados.

Dashboard-AB-Tasty-Español

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,  test multivariante y test del lado del servidor

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.

Llegado a este paso, deberás introducir la URL de la página en la que deseas realizar el test A/B, así como darle un nombre a tu test y describir en qué consiste el test (opcional). 

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

cambiar-texto-cta-abtasty

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.

Editar-elemento

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

insertar-css-ab-tasty

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

Define los objetivos de tu campaña

En este paso, debes seleccionar los distintos KPIs que quieras medir para comprobar el rendimiento de tu campaña. Hay una gran cantidad de objetivos que puedes establecer para tus campañas, tanto objetivos predefinidos por AB Tasty, como cualquier objetivo personalizado, en función a tus necesidades. 

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

establecer-objetivos-abtasty

  • 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, haz clic en páginas vistas y especifica el formato de la URL de tu página (o páginas) objetivo.

objetivo-pagina-vista-abtasty

  • Objetivos de clic: Puedes medir el número de clics en un determinado elemento de una forma muy sencilla, por ejemplo, los clics en el botón «añadir al carrito», entre otros. Para ello, tan solo tienes que acceder de nuevo al editor gráfico y  seleccionar el elemento en cuestión. Después, pincha en “Medición 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.

action-tracking-ab-tasty

Configura las opciones del test

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

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 que se enviará a 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.

audiencia-segmentacion-abtasty

Puedes segmentar un test por URL, tipo de origen, comportamiento del usuario, localización, clima, etc. Descubre todas las opciones de segmentación que te ofrece AB Tasty.

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

distribucion-de-trafico-abtasty

Activa el test y analiza los resultados

Una vez que ya tengas todos los pasos anteriores completados, tan solo te queda activar 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:

informe-ab-tasty-texto

  • 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: Objetivo principal y secundarios. 
  • 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.
  • Probabilidad de ganancias.
  • Etc.

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.

filtros-informes-ab-tasty

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

¡Saca el máximo provecho a tu tráfico!
Haz que tu página trabaje lo máximo posible – para que tú no tengas que hacerlo.
+250%
del click-through rate
+19%
de la tasa de conversión
+5%
del valor del pedido medio
Ellos confían en nosotros
Solicita una demo