Llamadas a la acción: verbos, contexto y textos de botón que funcionan

Un ejercicio que hacemos al auditar una web es leer solo los textos de los botones, de arriba abajo, sin nada más. En muchas webs la lista queda así: «Saber más», «Saber más», «Ver más», «Enviar», «Contacto», «Saber más». Si alguien llegara a esa web y solo pudiera leer los botones, no sabría qué vende el negocio ni qué puede hacer con él.

En una web que funciona, la misma lista cuenta una pequeña historia: «Ver la carta», «Reservar mesa para esta noche», «Consultar menú de grupos», «Pedir presupuesto de evento». Se entiende el negocio, se entiende qué ofrece y se entiende qué pasa al pulsar.

La llamada a la acción, o CTA, es la última frase antes de que alguien decida. Puede ser un botón, un enlace, una línea al final de un email o la frase que cierra un vídeo. En esta guía nos centramos en el texto: cómo escribirlo, qué poner alrededor y cómo adaptarlo al momento. Para la parte visual (tamaños, estados, jerarquía) tenemos una guía específica sobre botones en UI.

01Qué hace que un CTA funcione

Después de escribir y revisar cientos de botones, en el estudio usamos cuatro criterios. Un buen CTA:

• →Dice qué pasa al pulsarlo. «Descargar el catálogo en PDF» no deja lugar a dudas; «Enviar» sí.
• →Habla del resultado, no del trámite. «Recibir mi presupuesto» suena a algo que ganas; «Enviar formulario» suena a algo que haces.
• →Encaja con el momento. Pide lo que la persona está dispuesta a dar en ese punto de la página.
• →Suena a la marca. Puede ser formal o cercano, sobrio o con un guiño, pero coherente con el resto.

Clave: el texto del botón es una promesa pequeña. Cuanto más concreta sea, más fácil es aceptarla.

02La fórmula base: verbo + resultado

La estructura más fiable para un botón es un verbo de acción seguido de lo que se obtiene. A partir de ahí, se puede añadir un detalle que reduzca el esfuerzo o el riesgo.

Qué verbos usar

En español funcionan muy bien los verbos en infinitivo («Pedir presupuesto», «Reservar mesa») y en imperativo cercano («Pide tu presupuesto», «Reserva tu mesa»). El infinitivo es más neutro y se lee como una etiqueta; el imperativo es más conversacional. Elige uno y mantenlo en toda la web.

Los verbos más concretos suelen rendir mejor que los genéricos: «reservar», «descargar», «calcular», «probar», «recibir», «ver», «elegir». Los que más se diluyen son «enviar», «continuar», «saber más» y «haz clic aquí», porque describen el mecanismo y no el resultado.

Primera o segunda persona

Michael Aagaard, desde ContentVerve, publicó un experimento muy citado en el que cambiar «Start your free trial» por «Start my free trial» mejoraba los clics de forma notable. La explicación es que la primera persona hace que el usuario se vea a sí mismo haciendo la acción. En español la primera persona («Quiero mi presupuesto», «Ver mi plan») funciona bien en descargas y ofertas. En otros contextos la segunda persona es más natural. Un experimento ajeno es una pista, no una ley: si tienes tráfico, prueba las dos.

03Pide en función del compromiso

No todos los botones piden lo mismo. Un CTA de «Comprar ahora» en la primera pantalla de un servicio de 6.000 € pide demasiado demasiado pronto; uno de «Saber más» al final de una página que ya lo ha explicado todo pide demasiado poco.

Lo que funciona es ajustar el CTA al nivel de compromiso que la persona está dispuesta a asumir en ese momento:

En la mayoría de webs de servicios combinamos un CTA principal de compromiso medio o alto con uno secundario de compromiso bajo. Por ejemplo, en el hero: «Pedir presupuesto» (principal) y «Ver proyectos» (secundario, en estilo de enlace o botón fantasma). Así la persona que ya está decidida actúa y la que aún explora tiene un camino sin presión.

04El contexto: lo que rodea al botón

Un botón casi nunca está solo, y muchas veces lo que decide el clic es lo que tiene alrededor. Pensamos el CTA como un pequeño conjunto de tres piezas.

La frase que lo introduce

Un titular o una línea justo encima que recuerde el beneficio: «¿Listo para que tu web trabaje mientras duermes?» o, mejor, algo concreto: «En 20 minutos te decimos qué cambiaríamos en tu web». Prepara el clic.

El propio botón

Verbo + resultado, de dos a cinco palabras, sin signos de exclamación ni mayúsculas en todo el texto.

El texto de apoyo debajo

Una línea pequeña que quite la última duda. Es probablemente el texto más rentable de toda la página, y el más olvidado:

• →«Sin compromiso. Te respondemos en menos de 24 horas laborables».
• →«No pedimos tarjeta. Cancelas cuando quieras».
• →«Usamos tu email solo para enviarte la guía».
• →«Te llamamos nosotros en el horario que elijas».

Este texto responde a las tres preocupaciones más habituales justo antes de pulsar: ¿me compromete a algo?, ¿qué pasa después?, ¿qué harán con mis datos? En la guía sobre microcopy tienes más ejemplos de estos textos pequeños que acompañan.

05Accesibilidad: un CTA que todo el mundo entiende

Escribir buenos CTA también es una cuestión de accesibilidad. Las personas que navegan con lector de pantalla a menudo recorren la página saltando de enlace en enlace o de botón en botón. Si diez botones dicen «Saber más», escuchan diez veces lo mismo sin saber a dónde lleva cada uno.

Las pautas WCAG 2.2 piden que el propósito de cada enlace se entienda por su texto o por su contexto (criterio 2.4.4) y que, si un control tiene texto visible, su nombre accesible lo contenga (criterio 2.5.3). Además, el objetivo táctil debe medir al menos 24×24 px (criterio 2.5.8), aunque en botones principales recomendamos bastante más; Apple sugiere 44×44 pt. Y el texto del botón necesita un contraste mínimo de 4,5:1 con su fondo.

Cuando el diseño obliga a repetir textos cortos, por ejemplo en tarjetas de servicios con «Ver servicio», se puede completar el nombre accesible sin cambiar lo que se ve:

<a href="/servicios/diseno-logo" class="card-link">
  Ver servicio<span class="visually-hidden">: diseño de logotipo</span>
</a>
<button type="submit">Pedir presupuesto en 24 h</button>

La clase visually-hidden oculta el texto en pantalla pero lo mantiene para lectores de pantalla. Si quieres repasar el resto de criterios, la guía de accesibilidad web los explica con calma.

06Ejemplos de CTA por sector

Algunos textos que hemos escrito o revisado en proyectos de distintos sectores, como punto de partida:

• →Restaurante: «Reservar mesa», «Ver la carta de hoy», «Pedir menú de grupos», «Regalar una cena».
• →Hotel o alojamiento: «Ver disponibilidad», «Reservar con mejor precio directo», «Elegir habitación».
• →Clínica: «Pedir cita», «Primera consulta gratuita», «Hablar con recepción por WhatsApp».
• →Inmobiliaria: «Agendar visita», «Valorar mi vivienda», «Recibir propiedades similares».
• →Estudio o consultora: «Reservar una llamada de 20 minutos», «Pedir propuesta», «Ver casos».
• →Tienda online: «Añadir a la cesta», «Elegir talla», «Avisarme cuando vuelva».
• →Formación: «Reservar plaza», «Probar una clase gratis», «Ver el programa completo».

Fuera de la web

En un email, el CTA suele ser un botón único con el mismo criterio, más un enlace de texto para quien no carga imágenes. En redes, la llamada es una frase al final del texto o del vídeo («Te dejamos el enlace en la bio para reservar»). En anuncios de Meta, el botón se elige de una lista cerrada («Más información», «Reservar», «Enviar mensaje»), así que el texto del anuncio debe reforzar el resultado. Y en un stand o un escaparate, la llamada a la acción puede ser un código QR con una promesa concreta al lado: «Escanea y reserva tu prueba».

07Ejemplo resuelto: el CTA de una academia de idiomas

Una academia de inglés para empresas en Málaga tenía en su portada un botón que decía «Contacta con nosotros». Debajo, nada.

Revisamos el recorrido. Quien llegaba solía ser una persona de recursos humanos que tenía que justificar la formación ante su dirección. Su primera necesidad no era contratar: era saber el nivel de su equipo y tener un precio para presentarlo.

Antes: «Contacta con nosotros».

Después, en el hero:

• →Línea de introducción: «Sabe en una semana el nivel real de inglés de tu equipo».
• →CTA principal: «Pedir prueba de nivel gratuita».
• →Texto de apoyo: «Para equipos de 3 a 50 personas. Recibes el informe y una propuesta con precio cerrado».
• →CTA secundario: «Ver programas para empresas».

El cambio no fue de diseño: el botón tenía el mismo color y el mismo tamaño. Lo que cambió fue la promesa. En lugar de pedir una conversación abierta, se ofrecía algo útil y concreto que la persona de recursos humanos necesitaba para dar el siguiente paso dentro de su empresa.

08Cómo revisar los CTA de tu web en media hora

1. 01Haz la lista de botones. Recorre cada página y apunta todos los textos de botones y enlaces destacados.
2. 02Busca los genéricos. Marca los «Saber más», «Enviar», «Click aquí», «Ver más».
3. 03Reescríbelos con verbo + resultado. Usa la tabla de arriba como guía.
4. 04Comprueba el compromiso. ¿Cada botón pide algo razonable para el punto de la página en que está?
5. 05Añade la línea de apoyo. Al menos en el CTA principal de cada página y en todos los formularios.
6. 06Revisa la coherencia. Mismo tiempo verbal, misma persona, mismo tono en toda la web.
7. 07Mide. Configura los clics en los CTA principales como eventos en GA4 para saber cuáles funcionan.

Si estás preparando una landing completa, los CTA se integran con el resto del texto como explicamos en la guía de copy para landing pages.

09La última frase cuenta

Un botón bien escrito es un gesto de cortesía: le dice a la persona exactamente qué va a pasar, le quita una duda y le facilita el paso. Es un detalle pequeño que transmite mucho sobre cómo trabaja una marca.

En SIMA cuidamos cada uno de estos textos dentro de los proyectos de diseño web y experiencia digital, porque son el punto exacto donde una visita se convierte en una conversación. Si quieres que revisemos juntos los botones de tu web, escríbenos. Prometemos un botón que diga lo que hace.