# De la idea al resultado: un test A/B completo, paso a paso > 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. - Source: https://bixlow.com/es/guides/ab-test-walkthrough - Language: es - Publisher: Bixlow 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. - **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._ ## 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. ## Seis pasos, en el orden en que los harías 1. [Escribe la hipótesis](https://bixlow.com/es/guides/ab-test-walkthrough#step-1) 2. [Define la audiencia](https://bixlow.com/es/guides/ab-test-walkthrough#step-2) 3. [Decide qué cuenta como éxito](https://bixlow.com/es/guides/ab-test-walkthrough#step-3) 4. [Construye la variante](https://bixlow.com/es/guides/ab-test-walkthrough#step-4) 5. [Lanza el test](https://bixlow.com/es/guides/ab-test-walkthrough#step-5) 6. [Mide y decide](https://bixlow.com/es/guides/ab-test-walkthrough#step-6) ## PASO 1. 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. **Si prefieres hablarlo:** «Probar con IA» hace las preguntas por ti y rellena el brief con tus respuestas. ![Brief de la hipótesis en la sección Hipótesis: cambio propuesto, efecto esperado y razonamiento.](https://bixlow.com/guides/ab-test-walkthrough/es-01-hypothesis.webp) _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.](https://bixlow.com/guides/ab-test-walkthrough/es-01b-hypothesis-overview.webp) _El resumen: secciones completas y prioridad calculada._ ## PASO 2. 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.](https://bixlow.com/guides/ab-test-walkthrough/es-02-audience.webp) _Dos condiciones que se cumplen a la vez._ ## PASO 3. 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"].](https://bixlow.com/guides/ab-test-walkthrough/es-03-goal.webp) _El objetivo y su detector de clic._ ## PASO 4. 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. **Sin escribir código:** Pídeselo al agente con «Probar con IA» («pon arriba de la portada el sabor del anuncio de Instagram, con su precio y un botón de añadir al carrito») y construye los mismos nodos. Aquí enseñamos el código para que veas que es HTML, CSS y JS normales. ![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.](https://bixlow.com/guides/ab-test-walkthrough/es-04-editor-variant.webp) _La variante en el editor, con la vista previa en móvil._ ![Diálogo «Nuevo workflow» con la opción «Test A/B» seleccionada.](https://bixlow.com/guides/ab-test-walkthrough/es-04a-new-workflow.webp) _Al crear el workflow eliges «Test A/B»._ ![Configuración de la acción de inyectar: elemento padre main y el HTML del bloque.](https://bixlow.com/guides/ab-test-walkthrough/es-04b-node-config.webp) _La acción de inyectar: HTML, CSS y JS._ ## PASO 5. 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».](https://bixlow.com/guides/ab-test-walkthrough/es-05-publish.webp) _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».](https://bixlow.com/guides/ab-test-walkthrough/es-05b-publish-audience.webp) _La audiencia, en su propia sección._ ## PASO 6. 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.](https://bixlow.com/guides/ab-test-walkthrough/es-06-results.webp) _El veredicto, con los mínimos de muestra y duración cumplidos._ ## 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. ## 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. ## Monta tu primer test sobre tu propia web Instala el script, describe la idea y Bixlow te acompaña por los mismos seis pasos. - [Empezar gratis](https://bixlow.com/es/login?mode=signup)