optimizacion-conversion

CTA: qué hace que un call to action convierta, según nuestros tests A/B

Antton Alonso6 min de lectura

Un CTA es el elemento de una página que invita al usuario a dar el siguiente paso: un botón de "Añadir al carrito", un enlace de "Ver disponibilidad" o un "Solicitar presupuesto". Es el punto donde la intención se convierte en acción, y por eso es uno de los elementos más testeados en cualquier programa de CRO.

Casi todas las guías sobre CTA repiten los mismos consejos: usa un color que destaque, empieza por un verbo, crea urgencia. No son malos consejos, pero tienen un problema: tratan el botón como si funcionara aislado. En los tests que hemos hecho en 2026 para marcas de ecommerce, servicios online y turismo, lo que movió la conversión casi nunca fue el botón en sí. Fue lo que el botón pedía, cuándo aparecía y qué lo rodeaba.

Primer principio: el compromiso que pides

Para un usuario que todavía está comparando fechas y precios, reservar es un paso demasiado grande para el primer clic. Por eso sustituimos ese texto en un test por alternativas de menor compromiso, orientadas a consultar disponibilidad y precios, y lo medimos con la entrada al motor de reservas.

<table> <thead> <tr> <th>Segmento</th> <th>Control</th> <th>Alternativa ganadora</th> <th>Lift</th> <th>Probabilidad</th> </tr> </thead> <tbody> <tr> <td>Total</td> <td>5,71%</td> <td>6,20%</td> <td>+8,58%</td> <td>91%</td> </tr> <tr> <td>Desktop</td> <td>6,50%</td> <td>8,16%</td> <td>+25,46%</td> <td>92%</td> </tr> <tr> <td>Mobile</td> <td>9,03%</td> <td>9,60%</td> <td>+6,33%</td> <td>82%</td> </tr> </tbody> </table>

Esta lógica se aplica a cualquier sector. Un "Comprar ahora" en una ficha de producto que el usuario acaba de descubrir, o un "Contratar" en la primera pantalla de un servicio financiero, piden una decisión que el usuario aún no ha tomado. Un CTA que ofrece el siguiente paso lógico ("Ver precios", "Calcular mi cuota", "Elegir talla") reduce la barrera sin renunciar a la venta.

Segundo principio: que esté cuando el usuario decide

En The Arcade Guys, que vende máquinas recreativas de alto precio, el botón de "Add to Cart" y la opción de financiación solo se veían al principio de la ficha de producto. En mobile, el usuario que bajaba a leer características y opiniones perdía de vista tanto el botón como el precio. Para volver a ellos tenía que hacer scroll hacia arriba justo cuando estaba más convencido.

Nuestro test añadió un módulo fijo en la parte inferior de la pantalla con el precio, la financiación mensual y el botón de compra. La tasa de adición al carrito pasó del 1,87% al 2,89%, un +54,51% con una probabilidad del 95,23%.

El aprendizaje va más allá del botón fijo. En productos de alto ticket, la financiación funciona como parte del CTA: reduce la percepción del precio en el momento en que el usuario decide. Mostrarla junto al botón no es un detalle de diseño, sino parte del argumento de venta.

Tercer principio: que se vea y diga qué se gana

En un servicio online argentino de informes para coches, el hero de la landing tenía un CTA poco visible y un mensaje centrado en el proceso. Nuestro test aumentó el contraste del botón y reescribió el texto orientándolo a lo que el usuario obtiene, no a lo que tiene que hacer. El envío del formulario en mobile pasó del 29,95% al 33,12%, un +10,58% con un 95,29% de probabilidad.

Este resultado es interesante por contraste. En la misma web, otros cuatro tests que añadían elementos alrededor del formulario perdieron, como contamos en formularios web que convierten. La diferencia es que aquí no se añadió nada: se hizo más claro lo que ya estaba. Cuando el usuario ya tiene intención, clarificar el paso siguiente suma, y añadir mensajes que compiten con él resta.

Otras cosas que no funcionaron

Dos tests nos enseñaron tanto como los ganadores.

En Dogfy Diet, la home tenía dos textos distintos en sus CTAs: "Empieza ya" en la cabecera y "Crea su menú" en el botón principal. El test unificó ambos bajo "Empezar ahora". La hipótesis era que un mensaje coherente reduciría la duda. No hubo ganador en España, Italia ni Francia: una de las alternativas quedó en empate técnico con el control, con un 50,52% de probabilidad de ser mejor, y la otra por debajo.

También en Dogfy, cambiar el color de los CTAs de un naranja vivo a un tono oscuro de mayor contraste no alteró la entrada al formulario (34,02% frente a 34,48%). En ese caso era exactamente lo que buscábamos, porque el cambio respondía a criterios de accesibilidad, como explicamos en accesibilidad web y conversión.

La lectura conjunta es útil: las palabras de un CTA importan cuando cambian lo que se le pide al usuario. Cuando solo cambian la forma de decir lo mismo, el usuario apenas lo nota. Y el color importa menos de lo que dicen las guías, siempre que el botón se distinga del resto de la página.

El contexto que rodea al botón

Un mismo cambio alrededor de un CTA puede funcionar en un dispositivo y fallar en otro.

En otro test de Excellence Resorts, dirigido a usuarios recurrentes, se reforzó el bloque previo al CTA con el porcentaje de descuento destacado y señales de confianza. El clic al CTA subió un 28,22% en mobile y bajó un 8,19% en desktop, así que solo se implementó en mobile.

En mobile, el usuario ve el contenido de forma secuencial, y lo que aparece justo antes del botón condiciona el clic. En desktop, con más información a la vista, añadir contenido antes del CTA puede alejarlo de la zona donde se decide. Por eso analizamos cada test de CTA por dispositivo desde el diseño, y no como un desglose posterior. Lo explicamos en detalle en cómo leer un test A/B no concluyente.

Cómo priorizar tus tests de CTA

Antes de cambiar el color o el verbo de un botón, conviene hacerse cuatro preguntas.

  • La primera es qué compromiso pide el CTA y si encaja con la fase del usuario en esa página. En páginas de descubrimiento, un paso intermedio suele funcionar mejor que la compra directa. En páginas de alta intención, como el carrito o un formulario corto, el CTA puede ser directo.
  • La segunda es si el CTA está visible cuando el usuario decide. En fichas de producto largas y en mobile, un botón que solo aparece arriba obliga a volver atrás en el momento de mayor convencimiento.
  • La tercera es qué información necesita el usuario junto al botón. Precio, financiación, plazos de entrega o métodos de pago pueden formar parte del CTA si resuelven la última duda. Pero cada elemento añadido compite por la atención, así que solo tienen sentido si esa duda existe de verdad.
  • La cuarta es cómo se va a medir. Un CTA puede aumentar los clics sin aumentar las ventas. Siempre que se pueda, la métrica de decisión debe ser el paso más cercano a la conversión real, y el resultado tiene que traducirse a euros para compararlo con otras prioridades.

Si quieres saber qué está frenando los CTAs de tu web, empieza por una auditoría gratuita con Scan&Boost, o valida tus hipótesis en pocas semanas con nosotros.

Relacionado: descubre qué pasa cuando los tests de formularios contradicen las buenas prácticas.

Antton Alonso

Antton Alonso

Creative Optimization Copywriter

Especialista en copywriting orientado a conversión. Combina creatividad y datos para crear contenidos que conectan con el usuario y mejoran resultados de negocio.

Artículos relacionados

optimizacion-conversion9 min de lectura

UX writing: palabras que convierten

UX writing para conversión: cómo escribir microcopy, CTAs, mensajes de error, formularios y textos de interfaz que guían al usuario hacia la acción....

CTA: qué hace que un call to action convierta, según nuestros tests A/B