Cómo hacer un test A/B en Shopify sin apps de pago

La mayoría de guías de A/B testing en Shopify empiezan pidiéndote que instales una app. Esa app añade peso a tu tienda, inyecta scripts en todas las páginas y a veces duplica el píxel de conversión. Para un test de titular no necesitas nada de eso.

Esta guía hace lo mismo con un solo snippet y te explica qué medir para no engañarte con el resultado.

1. Decide qué vas a probar (y qué no)

Un test A/B cambia una cosa y compara dos versiones. Si cambias el titular, la foto y el botón a la vez, no sabrás qué movió la aguja.

Empieza por lo que más pesa en una ficha o en la home:

• Titular: el mensaje que explica qué vendes.
• Botón de compra: texto, color o posición.
• Prueba social: reseñas arriba o abajo, con o sin foto.
• Envío gratis: mencionarlo en el hero o solo en el checkout.

Deja para más adelante los cambios de layout completo: necesitan más tráfico para dar una respuesta clara.

2. Define la conversión antes de lanzar

Una conversión es la acción que indica que el test funcionó. En Shopify suele ser una de estas:

Objetivo	Cuándo usarlo	Evento
Añadir al carrito	Producto de precio bajo, decisión rápida	add_to_cart
Iniciar checkout	Mides intención real de compra	begin_checkout
Compra	Tienes volumen suficiente	purchase
Suscripción al boletín	Tienda nueva con poco tráfico	newsletter_signup

Si eliges purchase con 800 visitas al mes, el test puede tardar meses en decidir. Con add_to_cart obtienes señal antes y sigues midiendo la compra como evento secundario.

3. Instala el snippet

En el admin de Shopify ve a Tienda online → Temas → Editar código y abre theme.liquid. Pega el snippet justo antes de </head>:

<script async src="https://cdn.fluxabtest.com/client.js"></script>
<script>
  fluxAB.init({ projectKey: 'pk_live_tu_clave' });
</script>

Dos detalles que importan:

1. Antes de </head>, no al final del body. Así la variante se aplica antes de pintar y el visitante no ve un parpadeo.
2. Una sola instalación. Si además lo cargas desde Google Tag Manager, el script se ejecuta dos veces y las exposiciones se cuentan mal.

Después entra en fluxAB → Configuración del proyecto y verifica el dominio. Solo los dominios verificados registran asignaciones y conversiones.

4. Crea la variante con el editor visual

Abre el editor desde el panel: carga tu tienda real dentro del editor y haz clic en el elemento que quieres cambiar. Puedes editar texto, estilos y ocultar bloques sin tocar el tema.

Si prefieres control total, la variante también acepta CSS y JavaScript propios:

{
  "css": ".product__title { letter-spacing: -0.02em; }",
  "js": "document.querySelector('.price').classList.add('price--highlight');"
}

5. Lanza y espera al tamaño de muestra

Reparte el tráfico al 50 % y deja correr el test al menos una semana completa. Dos reglas que evitan conclusiones falsas:

• No mires el resultado cada hora. Cada vistazo aumenta la probabilidad de declarar ganador por ruido.
• Calcula el tamaño antes de empezar. Con una conversión base del 3 % y una mejora que te importe (por ejemplo, llegar al 3,6 %), necesitas unos 6.000 visitantes por variante.

Si no llegas a ese volumen, prueba cambios más grandes: un titular distinto suele necesitar menos muestra que un cambio de color.

6. Decide y documenta

Cuando la probabilidad de que una variante sea mejor se mantiene por encima del 95 %, cierra el test y aplica el ganador. En fluxAB puedes generar el código del cambio para dejarlo fijo en el tema y desinstalar el experimento.

Apunta en una hoja qué probaste, durante cuánto tiempo y con qué resultado. La mitad del valor de un programa de experimentación está en no repetir tests que ya sabes que pierden.

Errores típicos en Shopify

• Probar en la página de pago. Shopify no permite inyectar scripts en el checkout salvo en Shopify Plus; mide el paso previo (begin_checkout) en su lugar.
• Contar dos veces la conversión. Si tu app de analítica y fluxAB envían el mismo evento, separa los nombres o usa solo una fuente para el goal.
• Cambiar el tema a mitad del test. Cualquier edición del tema invalida la comparación: congela los cambios durante el experimento.
• Parar en cuanto la variante va ganando. Es el error más caro: casi siempre es ruido.

Siguiente paso

Con el snippet instalado y una conversión definida, el primer test está a una tarde de distancia. Si quieres el atajo, crea una cuenta gratis: el plan Free incluye editor visual, mapas de calor y 5.000 visitantes al mes, sin tarjeta.