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áginatest 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:

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

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. 

establecer-objetivos-abtasty objetivo-pagina-vista-abtasty

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:

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

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.

¿Estás interesado?

Solicitar una demo