tumundowebtumundoweb
Conversión · Desde cero · 10 min

Landing page que vende, desde cero y paso a paso

Si nunca hiciste una landing, este post es para ti: empezamos por qué es, seguimos con tu frase de venta y terminamos con tu botón de WhatsApp funcionando.

Portada landing que vendeCONVERSIÓNLANDING QUE VENDE

1. Qué es una landing (explicado en 1 minuto)

Una landing es una página con un solo trabajo: que el visitante haga una sola cosa. En tu caso: escribirte por WhatsApp. No es un menú con 20 opciones, es como el vendedor de tu negocio que atiende 24 horas y siempre dice lo mismo, sin enredos.

Dos palabras que verás mucho aquí, en cristiano:

  • Hero: lo primero que se ve al abrir la página (tu titular + tu botón). Se llama así porque es el "héroe" que hace el trabajo pesado.
  • CTA: el botón de acción ("Quiero mi web →"). Son las siglas de "llamada a la acción": literalmente, el botón que llama a actuar.

Antes de empezar necesitas 3 cosas (nada técnico): tu número de WhatsApp, saber qué vendes y una hora tranquila. Papel y lápiz valen. ¿Listo? Vamos.

2. Paso 1: tu frase de venta (el ejercicio más importante)

Toda landing nace de una frase. Completa esto en tu papel:

✏️ "Ayudo a ___ a lograr ___ en ___ días, sin ___."
Ejemplo: "Ayudo a negocios pequeños a tener su web lista en 15 días, sin tecnicismos."

Esa frase será tu titular. Si no se entiende leyéndola en voz alta a tu mamá, simplifícala más. Un titular confuso = un cliente que se va. Un titular claro = un cliente que sigue leyendo.

3. Paso 2: las 6 piezas, una por una

Toda landing que vende lleva las mismas 6 piezas, siempre en este orden. Piensa en ellas como las habitaciones de una casa: cada una tiene su función.

  1. Hero (la entrada): tu frase de venta + qué incluye en una línea + el botón. Todo visible sin bajar ni un dedo.
  2. Beneficios (la sala): 3 cosas buenas que gana el cliente, con dibujitos o iconos. Cortitas.
  3. Prueba (las fotos familiares): testimonios, números, capturas. El cliente no te cree a ti: le cree a otros clientes.
  4. Cómo funciona (el pasillo): 3 pasos ("1. Me escribes, 2. La diseño, 3. La publicamos"). Quita el miedo a pedir.
  5. Preguntas frecuentes (el botiquín): precio, tiempo, pagos y garantía, respondidos antes de que pregunten.
  6. Cierre (la puerta de salida): se repite el botón. El que llegó hasta abajo es porque quiere comprar.
<section>
  <h1>Web profesional para tu negocio en 15 días</h1>
  <p>Diseño + textos + WhatsApp conectado. Desde $120.</p>
  <a href="https://wa.me/15551234567?text=Hola%2C%20quiero%20mi%20web">Quiero mi web →</a>
  <p>⭐ 4.9/5 · +40 proyectos · Entrega en 5–15 días</p>
</section>

Lo que ves arriba es código HTML (el lenguaje de las páginas). No tienes que memorizarlo: es tu plantilla. Cambia los textos por los tuyos y ya tienes tu hero.

4. Paso 3: escribe tus textos rellenando los huecos

No seas redactor, sé específico. Copia estas plantillas y rellena:

  • Titular: "[Resultado] en [plazo], sin [dolor]" → "Tu web lista en 15 días, sin tecnicismos".
  • Subtitular: "Incluye [todo lo que das] por [precio]" → "Diseño, textos, dominio y hosting por 1 año. Desde $120."
  • Beneficio: no escribas características ("HTML5"), escribe lo que gana el cliente: no "web semántica", sino "Google te encuentra y el cliente te escribe".
🚫 Prohibido copiar frases vacías: "somos líderes", "soluciones integrales", "calidad garantizada". Nadie las cree y nadie las recuerda. Lo concreto vende, lo genérico adorna.

5. Paso 4: tu botón de WhatsApp, clic por clic

Este es el corazón de tu landing. Vamos despacio:

  1. Tu número en formato internacional: código de país + número, todo pegado y sin +, espacios ni guiones. Ejemplo con número inventado (no existe, no le escribas): 15551234567 (1 = código de país, 555 = rango de ejemplo). Úsalo solo para entender el formato: el que vale es el TUYO.
  2. Arma tu enlace: escribe https://wa.me/ y pégale tu número: https://wa.me/15551234567. Ábrelo en tu teléfono cuando pongas TU número: debe abrir tu propio chat. Con el número de ejemplo no funcionará (es inventado).
  3. Agrégale un mensaje listo: para saber de dónde viene el cliente, añade ?text= más tu mensaje. Los espacios se escriben %20. Ejemplo:
    https://wa.me/15551234567?text=Hola%2C%20quiero%20mi%20web
  4. Pon ese enlace en TODOS tus botones (arriba, mitad y final de la página) y en el botón flotante.
  5. Pruébalo de verdad: pide a un familiar que abra tu página en SU teléfono y te escriba. Si el mensaje llega con el texto listo, está perfecto.
📱 Regla de oro: el 80% te leerá en el teléfono. Revisa tu landing en móvil primero: titular corto, botón gigante y cero menús complicados. Si en móvil no se entiende en 5 segundos, en computadora tampoco venderá.

6. Paso 5: checklist antes de presumir tu landing ✅

  • Mi titular lo entiende mi mamá en voz alta
  • El botón se ve sin bajar ni un dedo
  • Hay un solo botón repetido 3 veces (no dos acciones distintas)
  • El botón dice verbo + beneficio ("Quiero mi web →", no "Enviar")
  • Tengo 3 beneficios cortitos, sin tecnicismos
  • Tengo prueba real: testimonios + números + capturas
  • Respondí precio, tiempo y forma de pago en preguntas frecuentes
  • Probé el botón desde OTRO teléfono y el mensaje llegó
  • Carga rápido en móvil (Core Web Vitals)
  • Se ve bien al compartir por WhatsApp (SEO técnico)

¿Siguiente nivel? La base visual en UX/UI que convierte y el cierre perfecto en Formularios que convierten.

FAQ

Nunca programé nada, ¿puedo hacer esto?

Sí. Este tutorial está hecho para ti: copias las plantillas, cambias los textos por los tuyos y sigues los pasos del botón. Programar viene después, vender viene hoy.

¿Una landing o una web completa?

Para vender UN servicio, una landing convierte más porque no distrae. La web completa (varias páginas) sirve para posicionar muchos temas en Google. Empieza por la landing y crece.

¿Cuánto texto debe tener?

El mínimo que responda todo: titular (1 frase), beneficios (3 líneas), prueba (fotos) y 5 preguntas frecuentes. Si hay que bajar 10 pantallas para entender qué vendes, sobra la mitad.