GUÍA PASO A PASO

De la idea al resultado: un test A/B completo, paso a paso

Seguimos un caso en Bixlee, una tienda de bebidas de demostración, de principio a fin: escribimos la hipótesis, definimos a quién va dirigida, decidimos qué cuenta como éxito, construimos la variante, lanzamos el test y leemos el veredicto. Con capturas reales de cada pantalla.

Esta guía muestra el ciclo completo de un experimento en Bixlow: una hipótesis documentada, una audiencia, un objetivo de conversión, una variante construida sobre la web real, un test A/B con reparto en el navegador y un veredicto bayesiano que dice cuándo el resultado es fiable.

Original
Portada de Bixlee en el móvil, con el carrusel de sandía arriba.
Variante B
Portada de Bixlee en el móvil con un bloque arriba: «Lo viste en Instagram», Kiwi Chispa, 29,00 €, botón «Añadir al carrito».
Tienda
Bixlee, demo sobre un tema de Shopify
Cambio
La portada continúa el anuncio
Audiencia
Instagram en móvil
Se mide
Visitas que añaden al carrito

Bixlee es una tienda de demostración y el tráfico del paso 6 es simulado: sirve para enseñar cómo se lee el resultado, no es el dato de un cliente.

EL CASO

Quien llega desde el anuncio de un sabor aterriza en una portada que habla de otro

Bixlee anuncia en Instagram un sabor distinto en cada anuncio. Todos los clics acaban en la misma portada, que abre con un carrusel de sandía. El sabor que ha traído a la visita está varios bloques más abajo, y en el móvil casi nadie baja tanto.

Lo que no resuelve el editor de temas

  • Enseña la misma portada a todo el mundo: no distingue de qué anuncio viene cada visita.
  • Dar a cada anuncio su continuación obliga a una página por anuncio, que hay que crear y mantener a mano.
  • Y para saber si el cambio funciona hace falta repartir el tráfico entre dos versiones y alguien que diga cuándo la diferencia es real.

Lo que montamos con Bixlow

  • Una sola pieza que lee el sabor del enlace del anuncio (utm_content) y lo pone arriba.
  • Solo para quien llega desde Instagram en el móvil; el resto ve la portada de siempre.
  • Medida como test A/B contra la portada actual, con un veredicto que no depende de mirar los números a ojo.
PASO 01

Escribe la hipótesis antes de tocar la web

En Hipótesis creamos «Que el anuncio de Instagram continúe en la portada» y la completamos sección a sección: el problema, el cambio, el efecto que esperamos y por qué, a quién afecta, cómo lo vamos a medir y qué necesitamos. Cada sección es una pantalla, y las preguntas que no sabes contestar se marcan como «No lo sé» o «Más adelante» en lugar de inventarlas.

  • Cambio: cambiar el carrusel por el sabor del anuncio, con su precio y un botón de añadir al carrito.
  • Efecto esperado: más visitas de la campaña añaden al carrito en su primera sesión.
  • Medida: visitas que pulsan «Añadir al carrito» sobre las que vieron la portada.
  • El resumen calcula la prioridad con alcance, impacto, confianza y dificultad.
Brief de la hipótesis en la sección Hipótesis: cambio propuesto, efecto esperado y razonamiento.
La sección «Hipótesis» del brief, paso 3 de 9.
Resumen del brief con todas las secciones completas y la estimación de retorno.
El resumen: secciones completas y prioridad calculada.
PASO 02

Define a quién va dirigido

En Audiencias creamos «Instagram en móvil» con dos condiciones que se tienen que cumplir a la vez: la fuente UTM es instagram y el dispositivo es móvil. Una audiencia es una regla con nombre que se reutiliza: la misma sirve para este test y para cualquier personalización posterior.

  • Las condiciones se evalúan en el navegador del visitante, con lo que llega en la URL, el dispositivo, el idioma, el país y si es su primera visita.
  • Los valores UTM se guardan durante la sesión, así que la regla sigue valiendo cuando la visita cambia de página.
  • Quien no encaja no entra en el test ni cuenta en los resultados.
Diálogo de audiencia «Instagram en móvil», sección Condiciones: UTM source es instagram y Dispositivo es mobile.
Dos condiciones que se cumplen a la vez.
PASO 03

Decide qué cuenta como éxito

En Objetivos creamos «Añadir al carrito», de tipo añadir al carrito, con un detector de clic sobre los botones de la tienda (button[name="add"]). Bixlow lo detecta en la web sin tocar el código del tema, y cada clic queda como una conversión de ese visitante.

  • Un objetivo se define una vez y lo usan todos los workflows y tests del proyecto.
  • Hay cuatro formas de detectarlo: clic en un elemento, envío de un formulario, visita a una URL y evento de dataLayer.
  • Si el objetivo tiene valor (una compra), se puede fijar o leer de cada conversión.
Diálogo del objetivo «Añadir al carrito», sección Detección: un detector de clic sobre button[name="add"].
El objetivo y su detector de clic.
PASO 04

Construye la variante en un workflow en modo test A/B

En Workflows creamos «Portada del anuncio de Instagram» y elegimos «Test A/B». El editor abre dos pestañas: Original, que se queda como está, y la variante, que renombramos «Sabor del anuncio». En la variante ponemos un disparador «al iniciar la página» que ejecuta una acción de inyectar: un bloque con el nombre del sabor, la lata, el precio y el botón. Su código lee utm_content, oculta el carrusel y, al pulsar, añade al carrito el producto real de la tienda.

  • La vista previa de la derecha es la web real con el borrador aplicado, en el tamaño de un móvil.
  • Cada pestaña es un borrador propio: puedes editar las dos sin que la web cambie.
  • El mismo bloque sirve para todos los anuncios: cambia el sabor según el enlace.
Editor del workflow en modo test A/B, pestaña «Sabor del anuncio», con un disparador y una acción de inyectar, y la vista previa móvil de Bixlee con el bloque del anuncio.
La variante en el editor, con la vista previa en móvil.
Diálogo «Nuevo workflow» con la opción «Test A/B» seleccionada.
Al crear el workflow eliges «Test A/B».
Configuración de la acción de inyectar: elemento padre main y el HTML del bloque.
La acción de inyectar: HTML, CSS y JS.
PASO 05

Lanza el test: hasta ahora tu web no ha cambiado

«Lanzar test» abre un resumen con las dos variantes y el reparto (50 % y 50 %). Ponemos el nombre, elegimos «Añadir al carrito» como lo que cuenta como éxito y, en la sección «Quién entra», la audiencia «Instagram en móvil». Al confirmar, la variante llega a la web.

  • El reparto se hace en el navegador del visitante y se recuerda: quien vio la variante la sigue viendo.
  • Puedes decidir cuánto dura o dejarlo en marcha hasta que lo termines.
  • Si cambias algo con el test en marcha, Bixlow te avisa y la medición vuelve a empezar.
Diálogo «Lanzar test A/B», sección Qué mides: Original 50 %, Sabor del anuncio 50 % y objetivo «Añadir al carrito».
Reparto y objetivo antes de lanzar.
Diálogo «Lanzar test A/B», sección Quién entra: el 100 % de los visitantes de la audiencia «Instagram en móvil».
La audiencia, en su propia sección.
PASO 06

Mide y decide con un veredicto, no a ojo

La pantalla del experimento compara las dos variantes sobre los visitantes expuestos. En el ejemplo, la Original convierte un 4,0 % y «Sabor del anuncio» un 5,3 %, con un 98 % de probabilidad de ser la mejor. Bixlow solo declara ganadora cuando hay muestra suficiente en cada variante, el test ha durado lo mínimo y la probabilidad pasa del 95 %. Hasta entonces dice «todavía no hay evidencia suficiente» y por qué.

  • Mínimos por defecto: 200 visitantes por variante y 7 días.
  • Si el reparto real se aleja del previsto, avisa antes de dar un resultado.
  • Al terminar el experimento eliges con qué versión te quedas; la ganadora pasa a ser la que ve todo el mundo.
Pantalla del experimento: «Gana Sabor del anuncio», Original 4,0 % frente a 5,3 %, 98 % de probabilidad de ser la mejor.
El veredicto, con los mínimos de muestra y duración cumplidos.
LO QUE HAS MONTADO

Cuatro piezas que se reutilizan en el siguiente test

Nada de esto se queda en este experimento. La audiencia, el objetivo y lo aprendido en la hipótesis sirven para la próxima idea, y el ciclo vuelve a empezar con más información.

Una hipótesis documentada
Qué cambias, por qué y cómo lo mides, enlazada al workflow que la prueba.
Una audiencia
«Instagram en móvil», lista para otro test o para personalizar sin test.
Un objetivo
«Añadir al carrito», medido en toda la web y disponible en la analítica.
Un resultado fiable
Un veredicto con sus mínimos cumplidos, en lugar de dos porcentajes comparados a ojo.
PREGUNTAS FRECUENTES

Lo que suele preguntarse después de verlo

¿Necesito saber programar?

No. La variante la puede construir el agente a partir de una frase. En la guía enseñamos el código para que se vea qué se inyecta en la web, pero no hace falta escribirlo.

¿Solo funciona con Shopify?

No. Bixlow funciona en cualquier web donde se pueda añadir su script: Shopify, WordPress, una web a medida o una aplicación. Bixlee usa un tema de Shopify porque es un caso habitual.

¿Los datos de la guía son reales?

Las pantallas son reales: están sacadas de un proyecto de Bixlow sobre la tienda de demostración. El tráfico del paso 6 es simulado para enseñar cómo se lee un resultado.

¿Qué ven los visitantes que no vienen de Instagram?

La portada de siempre. No cumplen la audiencia, así que no entran en el test ni cuentan en sus resultados.

¿Y si gana la Original?

También es un resultado. Terminas el experimento quedándote con la Original, la web sigue como estaba y lo aprendido queda en la hipótesis para la siguiente idea.

¿Cuánto tiene que durar el test?

Lo que haga falta para cumplir los mínimos de muestra y duración y llegar a la probabilidad necesaria. Bixlow te dice en cada momento qué falta.

TU TURNO

Monta tu primer test sobre tu propia web

Instala el script, describe la idea y Bixlow te acompaña por los mismos seis pasos.