Test A/B de botones y CTA: qué funciona de verdad

El botón es el elemento más testeado y el que más conclusiones falsas produce. “El rojo convierte más” no es un hallazgo, es una anécdota de una página concreta en un momento concreto.

La jerarquía de impacto

De mayor a menor efecto esperado en un botón:

1. Claridad de la propuesta: qué promete el botón. «Empezar gratis» frente a «Enviar».
2. Fricción asociada: qué pasa al pulsarlo (formulario, registro, tarjeta).
3. Ubicación y repetición: cuántas veces aparece a lo largo de la página.
4. Tamaño y contraste: que se vea sin esfuerzo.
5. Color: rara vez es la causa raíz de un problema de conversión.

Si empiezas por el color, es probable que no detectes nada: el efecto es pequeño y necesitarías una muestra enorme.

Hipótesis que sí merece la pena probar

Hipótesis	Qué cambias
El beneficio concreto convierte más que la acción genérica	«Ver mi ahorro» en lugar de «Más información»
Añadir el quita-fricción reduce el abandono	«Sin tarjeta» o «2 minutos» junto al botón
La misma acción repetida arriba y abajo captura más	Repetir el CTA tras la prueba social
El botón de una sola línea se lee mejor en móvil	Texto más corto en max-width: 480px
La primera persona convierte más	«Quiero probarlo» frente a «Solicitar demo»
Quitar pasos intermedios sube la conversión	Enlace directo al checkout en lugar de la ficha

Cada fila es un test de una sola variable. Si cambias el texto y el color a la vez, no aprendes nada reutilizable.

Ejemplo real de montaje

Página de precios con el CTA principal «Empezar gratis». Test:

• A (control): botón actual, azul.
• B: mismo sitio y estilo, texto «Empezar gratis · sin tarjeta».

Métrica: clics en el CTA → registro completado. Ventana: 14 días. Resultado esperado si tu hipótesis es correcta: +8-15 % de clics y conversión final igual o mejor.

Con el editor visual de fluxAB cambias solo el texto del botón, sin tocar el tema, y la variante se aplica antes de que la página se muestre:

{
  "edits": [
    { "selector": "#pricing .btn-primary", "text": "Empezar gratis · sin tarjeta" }
  ]
}

Errores concretos

• Testear sobre un botón que ya cambia: si el CSS tiene hover animado o el texto cambia por A/B de otro sistema, mide otra cosa.
• Contar clics como conversión: un clic no es un registro. Define la conversión en el evento posterior.
• Ignorar el móvil: un CTA que funciona en escritorio puede quedar tapado por el banner de cookies en móvil. Revisa la variante en un viewport real antes de lanzar.
• Tests de 48 horas: el patrón de clics cambia entre semana y fin de semana.

Cómo saber si el cambio fue real

1. Comprueba la muestra con la calculadora de tamaño muestral usando la tasa de clics actual.
2. Deja el test 7-14 días.
3. Lee la probabilidad de mejora, no el “va ganando”.
4. Si el resultado es plano, no lo repitas con otro color: cambia la propuesta.

Ideas por sector

• Ecommerce: «Añadir al carrito» frente a «Comprar ahora» en la ficha.
• SaaS: «Prueba gratis» frente a «Ver demo» en la home.
• Agencias: «Hablemos de tu proyecto» frente a «Solicitar propuesta».
• Servicios locales: botón de WhatsApp visible frente a formulario.

Tienes más hipótesis por sector en ideas de tests y en las páginas de ecommerce, SaaS y agencias.