CTAs, formularios y optimización

Los detalles importan. Un cambio en el texto del boton puede aumentar conversiones 30%. Un campo extra en el formulario puede reducirlas 50%. Esta leccion cubre las tacticas de optimizacion que separan landing pages buenas de excelentes.

Call-to-Action (CTA): El momento de la verdad

Por que el CTA es critico

TODO EL TRABAJO ANTERIOR:
- Anuncios pagados
- Contenido educativo
- Hero persuasivo
- Social proof convincente

LLEVA A UN MOMENTO:
El click en el CTA

Si el CTA falla, todo falla.

Anatomia del CTA perfecto

┌─────────────────────────────────────────┐
│                                         │
│  Contexto: Frase que prepara           │
│                                         │
│     [   TEXTO DEL BOTON   ]             │
│                                         │
│  Reductor de friccion debajo           │
│                                         │
└─────────────────────────────────────────┘

EJEMPLO COMPLETO:

"Unete a 2,000+ empresas que ya usan nuestra plataforma"

     [   Empezar mi prueba gratis   ]

     Sin tarjeta de credito • Cancela cuando quieras

Texto del boton: Formulas que funcionan

ESTRUCTURA: Verbo + Beneficio

GENERICO (bajo rendimiento):
- Enviar
- Continuar
- Click aqui
- Saber mas

ESPECIFICO (alto rendimiento):
- Empezar mi prueba gratis
- Descargar mi guia
- Reservar mi lugar
- Recibir mi descuento
- Agendar mi demo

NOTA: Usa "mi" en lugar de "tu"
"Empezar MI prueba" > "Empezar TU prueba"
(El usuario se visualiza haciendolo)

Psicologia del color en CTAs

Color	Emocion	Mejor para
Verde	Seguridad, avanzar	"Continuar", pagos
Naranja	Urgencia, energia	Ofertas, registro
Azul	Confianza, calma	B2B, finanzas
Rojo	Urgencia extrema	Ofertas limitadas
Purpura	Creatividad, premium	Productos de lujo

REGLA DE ORO:
El color importa menos que el CONTRASTE.
El CTA debe ser el elemento mas visible de la pagina.

CTAs primarios vs secundarios

CTA PRIMARIO:
- La accion principal que quieres
- El mas visible y prominente
- Color de alto contraste
- Ejemplo: [Empezar prueba gratis]

CTA SECUNDARIO:
- Alternativa para indecisos
- Menos prominente (texto link)
- Sin color de fondo
- Ejemplo: "o ver demo primero"

DISPOSICION:

[   PRIMARIO   ]  o secundario

Donde colocar CTAs

UBICACIONES OBLIGATORIAS:

1. Hero section (above the fold)
2. Despues de beneficios
3. Final de la pagina

UBICACIONES OPCIONALES:

4. Sticky/flotante (aparece al scroll)
5. Exit intent (al intentar salir)
6. Despues de testimoniales

A/B Testing de CTAs

ELEMENTOS A TESTEAR:

1. Texto del boton
   "Empezar gratis" vs "Probar ahora"

2. Color del boton
   Verde vs Naranja

3. Tamano del boton
   Normal vs Grande

4. Posicion
   Izquierda vs Centro

5. Urgencia
   Sin urgencia vs "Solo hoy"

6. Microcopy
   Con vs sin reductor de friccion

IMPORTANTE: Testea UN elemento a la vez

Formularios de alta conversion

La regla del minimo indispensable

CADA CAMPO ADICIONAL = MENOR CONVERSION

Estudios muestran:
- 1 campo: Mayor conversion
- 3 campos: -25% conversion
- 5 campos: -50% conversion
- 7+ campos: Abandono masivo

PREGUNTA: Para cada campo, preguntate:
"Puedo obtener esto DESPUES de la conversion?"

Si si, eliminalo del formulario.

Campos esenciales vs opcionales

FORMULARIO DE LEAD GEN:

ESENCIAL:
- Email

PROBABLEMENTE NECESARIO:
- Nombre

CUESTIONABLE (elimina si puedes):
- Telefono (pedirlo despues)
- Empresa (deducir del email)
- Cargo (pedir despues)
- Mensaje (no necesario para lead)

FORMULARIO DE COMPRA:

ESENCIAL:
- Datos de pago
- Email
- Direccion (si aplica)

TODO LO DEMAS: Eliminable

Formularios multi-step

Cuando necesitas mucha informacion, dividir en pasos funciona mejor:

FORMULARIO TRADICIONAL:
┌──────────────────────────────┐
│ Nombre: ____________         │
│ Email: _____________         │
│ Empresa: ___________         │
│ Cargo: _____________         │
│ Telefono: __________         │
│ Presupuesto: _______         │
│ Mensaje: ___________         │
│ [Enviar]                     │
└──────────────────────────────┘
Conversion: ~2-3%

FORMULARIO MULTI-STEP:
┌──────────────────────────────┐
│ Paso 1 de 3                  │
│ ████░░░░ 33%                 │
│                              │
│ Cual es tu email?            │
│ Email: _____________         │
│                              │
│ [Continuar →]                │
└──────────────────────────────┘
Conversion: ~8-15%

POR QUE FUNCIONA:
1. Menor intimidacion inicial
2. Efecto de compromiso (ya empezaste)
3. Progreso visible motiva

Diseño de campos de formulario

MEJORES PRACTICAS:

☐ Labels encima del campo (no dentro)
☐ Placeholders como ejemplo, no label
☐ Campos grandes y faciles de tocar
☐ Validacion en tiempo real
☐ Mensajes de error claros y utiles
☐ Autocompletado habilitado
☐ Teclado correcto segun tipo de dato

EJEMPLO DE LABEL:

✓ BIEN:
Email
[ejemplo@email.com        ]

✗ MAL:
[Ingresa tu email aqui    ]
(El placeholder desaparece al escribir)

Reducir friccion en formularios

TACTICAS:

1. SOCIAL LOGIN
   [Continuar con Google] [Continuar con LinkedIn]
   Reduce campos a cero

2. AUTOCOMPLETADO
   Habilita autocomplete en HTML
   El navegador llena datos automaticamente

3. VALIDACION INTELIGENTE
   No marcar error hasta que terminen de escribir
   Sugerir correcciones ("Quisiste decir gmail.com?")

4. GUARDAR PROGRESO
   Si abandonan, que puedan continuar despues
   Cookies o email de recuperacion

5. DEFAULT SELECTS
   Pre-selecciona la opcion mas comun
   "Pais: [Mexico v]" si tu audiencia es mexicana

Botones de submit

MALO:
[Enviar]

MEJOR:
[Descargar mi guia gratis]

EXCELENTE:
[Descargar mi guia gratis]
Tu email esta seguro. Nunca spam.

EL BOTON DEBE:
- Indicar que obtienen (no que hacen)
- Usar primera persona ("mi" no "tu")
- Tener microcopy de seguridad debajo

Micro-conversiones: El camino a la conversion

Que son las micro-conversiones

MACRO-CONVERSION:
La accion final que quieres
- Compra
- Suscripcion
- Demo agendada

MICRO-CONVERSIONES:
Pasos intermedios que indican interes
- Click en CTA
- Scroll hasta el final
- Ver video
- Expandir FAQ
- Agregar al carrito
- Iniciar checkout

POR QUE IMPORTAN:
1. Predicen macro-conversiones
2. Permiten retargeting
3. Identifican problemas en el embudo

Ejemplos de micro-conversiones

Micro-conversion	Lo que indica	Siguiente accion
Visita pagina de pricing	Interes en comprar	Retargeting con oferta
Ve video demo	Evalua solucion	Email con caso de estudio
Descarga recurso	Esta en MOFU	Secuencia de nurturing
Agrega al carrito	Alta intencion	Email de carrito abandonado
Completa paso 1 de formulario	Compromiso inicial	Mostrar paso 2
Lee FAQ de precios	Objeciones de precio	Mostrar garantia o descuento

Trackear micro-conversiones

EVENTOS A CONFIGURAR EN ANALYTICS:

1. SCROLL DEPTH
   - 25%, 50%, 75%, 100%
   - Indica engagement con contenido

2. CLICKS EN ELEMENTOS
   - CTAs secundarios
   - Links de FAQ
   - Tabs de features

3. VIDEO ENGAGEMENT
   - Play, 25%, 50%, 75%, 100%
   - Donde abandonan

4. FORM FIELD FOCUS
   - Que campo empezaron
   - Donde abandonaron

5. TIME ON PAGE
   - Promedio por seccion
   - Indica interes o confusion

Optimizar el camino de micro-conversiones

EMBUDO DE MICRO-CONVERSIONES:

Visitante
    ↓ (90% scroll hasta beneficios)
Lee beneficios
    ↓ (60% click en "ver como funciona")
Ve demo/explicacion
    ↓ (40% scroll hasta pricing)
Revisa pricing
    ↓ (20% click en CTA)
Inicia formulario
    ↓ (15% completa formulario)
CONVIERTE

OPTIMIZA DONDE HAY MAS CAIDA:
- 60% → 40%: Mejorar seccion "como funciona"
- 20% → 15%: Reducir campos de formulario

Tecnicas avanzadas de CRO

Exit intent popups

SE ACTIVAN CUANDO:
El cursor va hacia cerrar la pestaña
(Desktop: movimiento hacia arriba)
(Mobile: velocidad de scroll hacia arriba)

CONTENIDO EFECTIVO:
┌─────────────────────────────────────┐
│ [X]                                 │
│                                     │
│   Espera! No te vayas sin...       │
│                                     │
│   [OFERTA ESPECIAL]                │
│                                     │
│   15% de descuento en tu           │
│   primera compra                    │
│                                     │
│   Email: ______________             │
│                                     │
│   [Obtener mi descuento]           │
│                                     │
│   No gracias, prefiero pagar mas   │
└─────────────────────────────────────┘

MEJORES PRACTICAS:
- Solo mostrar 1 vez por sesion
- Oferta diferente a la principal
- No ser agresivo ni molesto

Urgencia y escasez

URGENCIA (tiempo):
- "Oferta valida hasta las 11:59pm"
- Countdown timer visible
- "Ultimas 2 horas"

ESCASEZ (cantidad):
- "Solo quedan 3 lugares"
- "87% de cupos ocupados"
- "Edicion limitada"

REGLA ETICA:
Solo usa urgencia/escasez REAL.
La urgencia falsa destruye confianza
y es ilegal en muchos paises.

Personalizacion dinamica

PERSONALIZAR SEGUN:

1. FUENTE DE TRAFICO
   Visitante de Google Ads: Headline con keyword buscada
   Visitante de Facebook: Mensaje mas visual
   Visitante de email: Saludo personalizado

2. INDUSTRIA/SEGMENTO
   "Para equipos de marketing" vs "Para startups"
   Basado en UTM o seleccion previa

3. ETAPA DEL EMBUDO
   Primera visita: Contenido educativo
   Retorno: Ir directo a conversion

4. COMPORTAMIENTO PREVIO
   Vio pricing: Mostrar oferta especial
   Descargo ebook: Mostrar webinar

Heat maps y recordings

HEAT MAPS MUESTRAN:
- Donde hacen click
- Hasta donde hacen scroll
- Donde pasan tiempo

RECORDINGS MUESTRAN:
- Comportamiento real de usuarios
- Donde se frustran
- Que ignoran

HERRAMIENTAS:
- Hotjar (gratis hasta cierto trafico)
- Microsoft Clarity (gratis)
- Crazy Egg
- FullStory

QUE BUSCAR:
- Clicks en elementos no clickeables
- Abandono en cierto punto de scroll
- Confusion con navegacion
- Rage clicks (frustration)

Checklist de optimizacion

Antes de lanzar

CTA:
☐ Texto orientado a beneficio
☐ Color de alto contraste
☐ Visible sin scroll (above the fold)
☐ Repetido al final
☐ Microcopy reduce friccion

FORMULARIO:
☐ Minimos campos necesarios
☐ Labels claros encima
☐ Validacion amigable
☐ Boton describe lo que obtienen
☐ Funciona en mobile

CONFIANZA:
☐ Social proof cerca de CTA
☐ Garantia visible
☐ Politica de privacidad
☐ Sin errores ortograficos

TECNICO:
☐ Carga < 3 segundos
☐ Mobile responsive
☐ Tracking configurado
☐ Formulario envia correctamente

Despues de lanzar

SEMANA 1:
☐ Revisar conversion rate inicial
☐ Analizar heat maps
☐ Ver recordings de usuarios

SEMANA 2-4:
☐ Identificar punto de mayor abandono
☐ Crear hipotesis de mejora
☐ Lanzar primer A/B test

MENSUAL:
☐ Revisar resultados de tests
☐ Implementar ganadores
☐ Planear siguiente test

Ejercicio practico

Audita y optimiza tu CTA y formulario:

AUDITORIA DE CTA

Texto actual: _______________________
□ Es generico (enviar, continuar)
□ Es especifico (verbo + beneficio)

Color actual: ______________________
□ Bajo contraste con fondo
□ Alto contraste visible

Ubicacion: _________________________
□ Solo al final
□ En hero + final

Microcopy: _________________________
□ Sin microcopy
□ Con reductor de friccion

PLAN DE OPTIMIZACION:
1. ________________________________
2. ________________________________
3. ________________________________

---

AUDITORIA DE FORMULARIO

Numero de campos: ___
□ Mas de 5 (reducir)
□ 3-5 (evaluar)
□ 1-2 (optimo)

Campos actuales:
☐ _____________ (esencial/eliminar)
☐ _____________ (esencial/eliminar)
☐ _____________ (esencial/eliminar)

Boton de submit: __________________
□ Generico (cambiar)
□ Especifico (mantener)

PLAN DE OPTIMIZACION:
1. Eliminar: _______________________
2. Cambiar boton a: ________________
3. Agregar: ________________________

Puntos clave de esta leccion

El texto del CTA debe ser especifico y orientado a beneficio
Cada campo extra reduce conversiones significativamente
Los formularios multi-step funcionan mejor para capturar mucha informacion
Las micro-conversiones predicen y guian hacia macro-conversiones
Usa heat maps y recordings para entender comportamiento real
Testea un elemento a la vez para saber que funciona
Urgencia y escasez funcionan, pero solo si son reales

Proximos pasos

Has completado el modulo de Embudos de Conversion. Ahora tienes las herramientas para:

Disenar embudos TOFU/MOFU/BOFU
Crear landing pages de alta conversion
Optimizar CTAs y formularios
Medir y mejorar continuamente

En el siguiente modulo exploraremos Analitica y Metricas—como medir todo lo que hemos construido.

Quiz de comprension

Por que "Empezar mi prueba gratis" funciona mejor que "Enviar"?
Cual es la regla principal sobre numero de campos en formularios?
Que son las micro-conversiones y por que importan para el CRO?