Call To Action (CTA): qué es y cómo se escribe uno que funcione
CTA en serio: del primer banner de AT&T en 1994 a los patrones modernos. Verbos, fricción, colores, jerarquía, accesibilidad y errores que cuestan conversiones.
El equipo detrás de Polimake. Exploramos la intersección entre tecnología, creatividad y automatización.
Un Call to Action, abreviado CTA, es la invitación explícita a hacer algo. En su forma más visible, es un botón con texto: "Comprar ahora", "Reservar demo", "Descargar guía". En forma menos visible, es un enlace dentro de un párrafo, una pregunta directa al final de un email, un código QR en un anuncio impreso. Pero el principio es el mismo: el CTA es el momento donde el contenido —que hasta entonces ha informado, persuadido, entretenido— pide al destinatario una acción concreta.
Sin CTA, una página, un email, un anuncio o un vídeo es una conversación sin cierre. La audiencia consume el contenido y se va. Con CTA bien diseñado, una parte de esa audiencia da el siguiente paso. La diferencia entre los dos modos —página con CTA pensado vs sin él— suele moverse entre 0% y 5% de conversión. Sobre tráfico relevante, eso se traduce en clientes reales.
Este artículo recorre qué es un CTA, de dónde viene como concepto, qué reglas operativas funcionan en 2026 (con datos), y los errores que se siguen viendo después de tres décadas de marketing digital.
El origen: la publicidad de respuesta directa
El CTA como concepto formal no nació con internet. Nació con la publicidad de respuesta directa (direct response advertising) que se desarrolló en EE.UU. desde los años 20-30 y se consolidó en mid-century.
John Caples, copywriter de la agencia Ruthrauff & Ryan y luego BBDO, publicó en 1932 "Tested Advertising Methods", libro que sigue siendo lectura básica. Caples fue obsesivo con medir respuestas: cada anuncio incluía un cupón a recortar, un código postal específico o un número de teléfono distinto, de manera que se podía atribuir respuesta directamente al anuncio. Una de sus máximas centrales: el anuncio debe pedir explícitamente la acción. Sin pedir, no se obtiene.
David Ogilvy —fundador de Ogilvy & Mather— en "Confessions of an Advertising Man" (1963) y "Ogilvy on Advertising" (1983) reforzó el principio. Su propio trabajo en marcas como Rolls-Royce, Schweppes, American Express incluyó CTAs explícitos cuando aplicaba.
El catálogo y el direct mail desarrollaron la disciplina del CTA escrita: cada página de catálogo terminaba con un código de pedido, cada carta de direct mail con un PS subrayado pidiendo respuesta. Las empresas que dependían de respuesta directa —Sears, Reader's Digest, Time-Life, American Express— refinaron el copywriting de CTA durante décadas.
La era digital: botones que pides clic
La era online del CTA empezó casi con la web. El primer banner publicitario de la historia se publicó en HotWired el 27 de octubre de 1994, anuncio de AT&T para su campaña "You Will." El texto del banner era una pregunta provocativa con un CTA implícito: "Have you ever clicked your mouse right HERE? You will." Click-through rate inicial: alrededor del 44% —cifra que hoy parece de ciencia ficción. El banner inicial era novedad en sí mismo; ese CTR cayó rápidamente con la saturación.
A finales de los 90 y principios de los 2000, los e-commerce pioneros (Amazon, eBay) iteraron botones de "Buy Now," "Add to Cart," "Place Order." La cultura del A/B testing —llevada al mainstream por Optimizely (2010), VWO (2011), Google Optimize (2012-2023, descontinuado)— convirtió la optimización de CTA en disciplina rigurosa.
Estudios famosos circularon. HubSpot publicó alrededor de 2012 un test entre botón rojo y verde donde el rojo ganó por más del 20% (resultado que se ha contextualizado después: depende del contraste con el resto de la página). Microsoft Bing reportó que un cambio de color azul en sus enlaces produjo más de 80 millones de dólares de ingresos adicionales anuales. Cada test específico produjo resultados distintos, y la conclusión metodológica más sólida fue: probar es mejor que adivinar.
Las cinco decisiones que definen un CTA
Más allá de la teoría, escribir un CTA es decidir cinco cosas:
1. El verbo
El verbo del CTA es la decisión principal. Y casi siempre se elige mal.
Verbos genéricos que se ven mucho y rinden poco:
- Enviar.
- Aceptar.
- Click aquí.
- Submit.
Verbos concretos que orientan al usuario sobre lo que va a pasar:
- Reservar (demo, llamada, visita).
- Descargar (guía, plantilla, ejemplo).
- Solicitar (presupuesto, propuesta, evaluación).
- Probar (gratis, durante 14 días).
- Empezar.
- Ver (casos, demo, ejemplo).
- Hablar (con un experto, con ventas).
La regla operativa: el verbo debe describir lo que el usuario va a obtener o lo que va a hacer, no lo que hace el sistema. "Enviar" describe lo que hace el formulario; "Reservar diagnóstico" describe lo que obtiene el usuario.
2. La especificidad
CTA específico convierte mejor que CTA genérico. "Reservar diagnóstico de 30 minutos" es más concreto que "Contactar". "Descargar plantilla en Excel" es más concreto que "Descargar".
La especificidad reduce fricción cognitiva: el usuario sabe exactamente qué va a recibir, cuánto tiempo va a invertir, qué compromiso adquiere. Sin esa información, duda. Y dudar es no clicar.
3. La fricción
Cada CTA pide algo al usuario. Más fricción = menos conversión. Tipos de fricción:
- Tiempo: "Reservar 30 minutos" es más fricción que "Descargar PDF" (5 segundos).
- Datos: "Rellenar formulario de 12 campos" es más fricción que "Rellenar 3 campos."
- Compromiso: "Pedir presupuesto" puede activar miedo a "ya me llamarán mucho."
- Identidad: "Crear cuenta" es más fricción que "Continuar como invitado."
La regla operativa: CTA con menos fricción al inicio del recorrido, mayor compromiso a medida que el usuario avanza. La home page de un SaaS rara vez debería pedir "registrar tarjeta de crédito"; debería pedir "ver demo" o "descargar guía."
4. La jerarquía visual
Una página tiene CTAs de distinta importancia. Jerarquía visual:
- CTA primario: la acción principal de la página. Botón grande, color destacado, posición prominente.
- CTA secundario: alternativa para quien no está listo para la acción principal. Botón más pequeño, estilo "ghost" (borde sin relleno) o enlace de texto.
- CTA terciario: enlaces dentro del cuerpo del texto.
Mezclar jerarquías —tres botones rojos compitiendo por atención— produce parálisis de decisión. El usuario, sin pista de qué es prioritario, no elige nada.
5. La ubicación
Investigación clásica de Nielsen Norman Group y eye-tracking más reciente sugiere que la ubicación importa pero menos de lo que la sabiduría popular sostiene. La regla "above the fold" (CTA antes del primer scroll) es válida pero no absoluta:
- Páginas de venta directa cortas: CTA arriba y repetido.
- Páginas de venta largas: CTA al inicio (para los que ya están convencidos) y al final (para los que necesitan leer todo).
- Artículos de blog: CTA dentro del texto cuando aporta, al final como primary, en sidebar como secondary.
- Landing de campaña: CTA visible siempre (sticky en móvil), múltiples puntos de conversión.
Color, tamaño y diseño
Los detalles visuales que más afectan al CTR del CTA:
Contraste: el CTA debe destacar visualmente del fondo. Un botón verde sobre página de fondo verde no se ve. La regla operativa: el CTA primario debe ser el elemento más contrastado de la página.
Color: no hay un color universalmente óptimo. Depende del entorno. Estudios contradictorios sobre rojo vs verde vs naranja muestran que lo que importa es contraste con el resto del diseño, no el color en sí.
Tamaño: mínimo 44×44 px (Apple Human Interface Guidelines) o 48×48 dp (Material Design) para tap targets en móvil. Más pequeño penaliza accesibilidad y conversión móvil.
Espacio en blanco alrededor: un botón apretado entre otros elementos pierde fuerza. Espacio respiratorio = mayor visibilidad.
Forma: rectangular con esquinas ligeramente redondeadas es lo más universal. Botones puramente redondos o con formas raras pueden no leerse como botones.
Microanimación: hover en escritorio, feedback táctil en móvil. Refuerza percepción de interactividad.
Microcopy alrededor del botón
El texto cerca del botón —no el del botón en sí— suele decidir el clic más que el botón. Patrones que funcionan:
Reducir incertidumbre: "Sin tarjeta de crédito", "14 días gratis, cancela cuando quieras", "Recibirás respuesta en 24h". Quita razones para no hacer clic.
Prueba social cercana: "Únete a 5.000 equipos que ya usan Polimake" junto al CTA. Reduce sensación de ser pionero o iluso.
Urgencia o escasez (con honestidad): "Plazas limitadas para mayo". Funciona cuando es real; manipulador cuando es falso.
Garantías: "Garantía de devolución 30 días", "100% gratis."
Errores que se siguen viendo
Demasiados CTAs compiten. Cinco botones de igual peso = ninguno gana.
CTA sin contexto. Botón "Comprar" antes de explicar qué se compra. Confunde, no convierte.
Verbo genérico. "Submit" / "Enviar" donde podía decir "Reservar diagnóstico."
No probar variantes. Publicar el primer CTA que se les ocurrió sin A/B testing aunque la herramienta esté disponible.
Ignorar móvil. Botón de 30×20 px que en escritorio se clica fácil pero en móvil exige precisión imposible.
CTA en colores de marca puramente. "El botón debe ser azul corporativo." Resultado: invisible si la página también es mayoritariamente azul.
Microcopy ausente. Solo el botón, sin contexto de qué pasa después.
CTA mal alineado con la fase del funnel. "Comprar ahora" en una página educativa de top-of-funnel donde la persona ni sabe que tiene un problema todavía.
No accesible. Botón sin label para lector de pantalla, sin foco visible para teclado, sin contraste suficiente. WCAG 2.2 AA se ignora con frecuencia.
Uso excesivo de modales y popups intrusivos. El popup que aparece al cargar y bloquea contenido se cierra inmediatamente y, en móvil, es factor de Mobile Friendly Update. Penaliza UX y SEO simultáneamente.
No medir conversiones por CTA. Tener tres CTAs en una página y no saber cuál convierte es desperdicio de datos.
Apostar todo a un solo CTA principal sin alternativas. Algunos usuarios no están listos para "Comprar." Una opción "Ver demo" o "Descargar guía" captura a los que quedarían fuera.
Accesibilidad de CTAs
Un CTA accesible:
- Texto descriptivo, no "Click aquí" (mal para lectores de pantalla descontextualizados).
- Contraste mínimo 4.5:1 con fondo (WCAG AA).
- Tap target mínimo 44×44 px (iOS) o 48×48 dp (Android).
- Foco visible cuando se navega por teclado.
- Estado claro: hover, active, disabled —cada uno con feedback visual.
- Etiqueta correcta para tecnologías de apoyo (
aria-labelcuando el texto visible no basta).
Cómo encajar CTAs en operaciones creativas
Los CTAs no son decisión de última hora. Son parte del mensaje estratégico que cada pieza necesita.
Operaciones creativas sostienen la coherencia entre mensaje, página y CTA. En Polimake, Studio define rutas de conversión por audiencia y fase, microcopy de CTA, jerarquía visual; Studio coordina las pruebas A/B y aprende qué funciona; Media ejecuta variantes visuales (vídeo de respaldo, imagen, motion).
Esto se relaciona con la comunicación persuasiva que enmarca cómo se llega al CTA, con above the fold que define dónde aparece, con el funnel de conversión que decide qué CTA es apropiado en cada fase, y con la comunicación base que sostiene la coherencia de tono.
Para cerrar
Un CTA es la pequeña frase donde se decide si todo el trabajo de contenido se traduce en resultado o no. Bien escrito, con verbo concreto, fricción adecuada, jerarquía visual respetada y microcopy de soporte —convierte. Mal escrito, con verbo genérico, sin contexto, compitiendo con cinco más —desperdicia el tráfico que tanto costó conseguir.
La práctica que mejor envejece: tratar cada CTA como decisión estratégica con criterio (no como detalle de diseño), probar variantes con disciplina, medir conversión por punto, y mantener coherencia entre el mensaje de la pieza y la promesa del botón.
Referencias rápidas
- Verbo concreto, no genérico. "Reservar diagnóstico" > "Enviar."
- Específico: dile al usuario qué obtiene y cuánto tiempo invierte.
- Fricción adecuada a la fase: poco al inicio, más cuando hay confianza.
- Jerarquía visual clara: un primario, un secundario, terciarios como enlace.
- Contraste fuerte entre botón y fondo.
- Tap target ≥44×44 px (Apple) / 48×48 dp (Android).
- Microcopy de respaldo: prueba social, garantía, "sin tarjeta."
- A/B testing cuando es posible.
- Accesibilidad WCAG 2.2 AA: contraste, foco, etiquetas, tamaño.
- Múltiples CTAs alineados al funnel: principal y alternativa para quien no está listo.
- Medir conversión por CTA, no agregada.