Clase 03 · Una página, una acción

La landing page

Qué es, dónde entra en el Método COTEP y dónde publicarla gratis.

1 · Qué es

La landing page

Una landing page, o «página de aterrizaje», es la página a la que llega una persona después de hacer clic en un anuncio, en un reel o en un enlace. Está hecha para una sola acción: dejar su contacto, escribirte por WhatsApp, reservar una consulta o comprar.

Un objetivo

La página existe para una sola acción. Todo lo que no ayuda a esa acción, se saca.

Un camino

Sin menú y sin enlaces de más. Cada botón o enlace de más baja la conversión: la cantidad de personas que hacen la acción que querés medir.

Una persona

Le habla a un cliente ideal concreto, y continúa lo que le prometió el contenido o el anuncio que lo trajo.

Cuándo se usa

Para entregar un recurso gratis a cambio del contacto (un lead magnet).
Para una promoción o una inscripción a un curso.
Para vender un servicio concreto, por ejemplo una consulta.
Cuando pagás un anuncio: el clic tiene que llegar a una landing enfocada, no a la página general de tu negocio.

2 · En el método

Dónde entra en COTEP

La landing page es una pieza de la E · Embudo. Recibe a la persona que trajeron el contenido y el tráfico, y le propone la acción que la acerca a lo que vendés.

Contenido

Despierta el interés: un reel, un post, un correo.

Tráfico

Lleva a la persona a un enlace, sin pagar (orgánico) o con un anuncio (pago).

Embudo

La landing page: acá aterriza y hace la acción. Después siguen la página de gracias, el seguimiento y la venta.

Landing page

Producto

Lo que ofrecés y entregás.

Cuando esta pieza falla: pagás o publicás para que lleguen visitas, y se van sin dejar nada. Es lo que pasa cuando el clic llega a una página general, con mil caminos, en lugar de una landing con uno solo.

Los cuatro tipos de landing del embudo

Ya conocés estas palabras del glosario de la clase 2 (E6 a E10).

Página de capturaE6

Una sola misión: que deje su contacto a cambio de un recurso.

Página de graciasE8

Aparece cuando ya dejó el dato: agradece y propone el siguiente paso.

Página de puenteE9

Prepara el terreno antes de la oferta, con contexto y confianza.

Página de ventasE10

Presenta la oferta completa y pide la venta. Es la única que puede ser larga.

3 · La diferencia

Landing page y web tradicional

No compiten: cumplen trabajos distintos. La web tradicional explica todo tu negocio; la landing lleva a una acción concreta de una campaña.

Web tradicional

InicioServiciosQuiénes somosGaleríaContacto

Muchos caminos. La persona puede ir para cualquier lado.

Landing page

Pedir turno

Un camino. La persona hace la acción o se va.

	Web tradicional	Landing page
Qué quiere lograr	Presentar tu negocio completo: quién sos, qué hacés y cómo contactarte.	Que la persona haga UNA sola acción.
Navegación	Menú con varias secciones o páginas.	Sin menú. Una sola página.
Acciones posibles	Muchas: leer, explorar, ir a otra sección, contactar.	Una, y se repite: el mismo botón arriba y al final.
A quién le habla	A cualquiera que quiera conocerte.	A una persona concreta, que llegó por un anuncio, un reel o un correo concreto.
Cuánto contiene	Todo lo que querés contar de tu negocio.	Sólo lo necesario para decidir esa acción.
Cómo se mide	Visitas y páginas vistas.	Cuántas personas hacen la acción (la conversión).
Cuándo se usa	Para que te encuentren y te conozcan.	Para una campaña, un recurso gratis, una promoción, una inscripción o una consulta.

Un ejemplo, con el taller mecánico de la clase 2: su web tradicional tiene inicio, servicios, quiénes somos, galería y contacto. Su landing page tiene un solo tema, «Revisá tus frenos antes de viajar», y un solo botón para pedir turno.

4 · Cómo se arma

Las partes de una landing

Una landing tiene siempre las mismas piezas, en este orden. Ahora, un ejemplo: la landing del taller mecánico de la clase 2. Es un caso inventado, para estudiar.

Un mecánico trabaja en el motor de un auto, en su taller — Ejemplo · la landing de un taller mecánico

Titular

Promete el resultado en una frase y le habla a tu cliente ideal.

De la clase 1 · Cliente o avatar

Subtítulo

En una línea: qué es y para quién es.

De la clase 1 · Negocio y oferta

Imagen o video

Muestra el servicio real. Nada de imágenes que no tengan que ver.

De la clase 1 · Identidad visual

Beneficios

Tres puntos con lo que la persona gana: resultados, no una lista de lo que hacés.

De la clase 1 · Negocio y oferta

Prueba

Opiniones o trabajos reales y experiencia que podés respaldar. Si todavía no tenés, queda pendiente: no se inventa.

De la clase 1 · Identidad

Botón de acción

Un verbo claro (pedir turno, descargar, reservar). El mismo botón arriba y al final.

De la clase 1 · Negocio y oferta

Pie

Datos de contacto y zona. Sin menú.

De la clase 1 · Negocio y oferta

Todo el texto se escribe con tu voz de marca, el documento 05 de la clase 1.

5 · Práctica

Tu landing con IA

En la clase armamos una landing rápida con lo que ya hiciste. La práctica usa tus dos tareas anteriores:

Clase 1

Tu documento de negocio: de ahí salen tu cliente ideal, tu oferta, tu voz y tu identidad visual.

Clase 2

El Método COTEP: la landing es la pieza E, y tiene que tener un único objetivo.

Cómo se hace

Abrí tu IA de confianza (por ejemplo, ChatGPT o Claude) y adjuntá tu documento de negocio de la clase 1.
Copiá el prompt de abajo y pegalo. Completá lo que está entre corchetes: tu objetivo y de dónde llega la persona.
Guardá lo que te devuelva como un archivo llamado index.html y abrilo con doble clic para verlo.
Revisalo con la lista de abajo y pedile los ajustes que necesites.

Prompt para crear tu landing

Actuá como diseñador web y redactor publicitario. Quiero crear una LANDING PAGE de una sola página para mi negocio, lista para publicar.

MIS DATOS
Te adjunto el documento de negocio que armé en la clase 1: quién soy, a quién ayudo, qué ofrezco, cómo hablo y mi identidad visual. Usá solamente lo que está ahí. Si falta un dato, escribí PENDIENTE y preguntámelo al final: no lo inventes.

OBJETIVO DE LA LANDING (la única acción que quiero que haga la persona)
[ELEGÍ UNA: que me escriba por WhatsApp / que me escriba un email / que reserve con un enlace que ya tengo (agenda o formulario)]

DE DÓNDE LLEGA LA PERSONA
[Ejemplo: de un reel de Instagram / de un anuncio / de un enlace en mi perfil]

MÉTODO COTEP (clase 2)
Esta landing es la pieza E · Embudo: recibe a la persona que llegó por el contenido y el tráfico (CO y T) y le propone una sola acción, que lleva a lo que vendo (P).

ESTRUCTURA, EN ESTE ORDEN
1. Titular: una frase que le prometa a mi cliente ideal el resultado que busca.
2. Subtítulo: en una línea, qué es y para quién es.
3. Imagen: dejá el lugar marcado con el nombre del archivo que tengo que agregar.
4. Tres beneficios claros, tomados de mi oferta.
5. Prueba: mi experiencia o testimonios REALES. Si no tengo, dejá el lugar marcado como PENDIENTE.
6. Botón de acción con un verbo claro, repetido arriba y al final. Si la acción es WhatsApp, que el botón abra https://wa.me/ con mi número (si no te lo di, dejalo como PENDIENTE).
7. Pie: mis datos de contacto.

REGLAS
- Un solo objetivo y un solo botón. Sin menú de navegación ni enlaces que distraigan.
- Español rioplatense, cercano y claro. Usá mi voz de marca del documento.
- Usá los colores y las tipografías de mi identidad visual.
- No inventes testimonios, números, precios, certificaciones ni promesas que no puedo cumplir.
- Entregá un único archivo llamado index.html, con el CSS adentro, que se vea bien en celular y en computadora.
- Al final, listame los PENDIENTES que tengo que completar y explicame en tres pasos cómo ver la página en mi computadora.

Si tu objetivo es dejar el email, vas a necesitar una herramienta que guarde los contactos. Para esta práctica, elegí WhatsApp, email directo o un enlace a tu agenda. La captura de contactos la trabajamos en la clase 7.

Antes de publicar, revisá

¿Se entiende en cinco segundos qué ofrecés y para quién?
¿Hay UNA sola acción posible?
¿No tiene menú ni enlaces que lleven a otro lado?
¿Todo lo que dice es real? (nada inventado, y los PENDIENTES resueltos)
¿Se ve bien en el celular?
¿El botón funciona? Probalo: tiene que abrir tu WhatsApp, tu email o tu enlace.

Para pedirle ajustes a la IA

«Hacé el titular más corto.» «Sacá el segundo botón.» «Cambiá los colores por estos: …» «Reescribí los beneficios con mi voz de marca.»

6 · Publicarla

Dónde publicarla gratis

Cinco plataformas con opciones gratuitas para publicar HTML. El uso permitido y los límites dependen del servicio. Para empezar, podés usar Netlify Drop o Cloudflare Pages.

Servicio	Gratis	Subir carpeta o ZIP	Imágenes	Video MP4	Subdominio	Dificultad
Netlify Drop	Sí	arrastrar y soltar	Sí	Sí	`xxxxx.netlify.app`	★☆☆ Muy fácil
Vercel Drop	Sí	arrastrar carpeta/ZIP	Sí	Sí	`xxxxx.vercel.app`	★☆☆ Muy fácil
Cloudflare Pages	Sí	carpeta/ZIP	Sí	Hasta 25 MiB por archivo (arrastrando)	`xxxxx.pages.dev`	★★☆ Fácil
Tiiny Host	Sí	ZIP	Sí	Proyecto pequeño: consultar el límite del plan vigente	`xxxxx.tiiny.site`	★☆☆ Muy fácil
GitHub Pages	Sí	mediante repositorio	Sí	Sí, con limitaciones	`usuario.github.io/…`	★★★ Más técnico

Condiciones revisadas el 22/10/2026: Netlify tiene cupos de uso; Vercel Hobby es para uso personal no comercial; GitHub Pages tiene restricciones para negocios online. Confirmá el plan antes de publicar. Ver las condiciones y el paso a paso en la clase 5.

Cuál elegir

Netlify Drop

El más fácil para empezar.

Vercel Drop

Simple para prácticas personales. Para uso comercial, revisá su plan.

Cloudflare Pages

Excelente si después querés seguir trabajando con tu página.

Las ventajas de cada una

Netlify Drop

Para enseñar

Muy fácil de usar: arrastrás la carpeta de la landing y listo.
Permite HTML, CSS, JavaScript e imágenes.
También puede alojar videos, aunque conviene que sean livianos.
Genera una URL pública del tipo tusitio.netlify.app.
No necesitás GitHub ni conocimientos técnicos avanzados.

Abrir Netlify Drop

Vercel Drop

Gratis para uso personal no comercial

También permite arrastrar una carpeta o un archivo ZIP.
Publica HTML, CSS, JS, imágenes y otros archivos.
Genera una URL del tipo tusitio.vercel.app.
El plan Hobby gratuito es para uso personal no comercial. Para una landing comercial, revisá el plan correspondiente.

Abrir Vercel Drop

Cloudflare Pages

Para seguir trabajando la página

Plan gratuito muy generoso.
Permite subir una carpeta o un ZIP, con HTML, imágenes, CSS y JavaScript.
Genera una URL del tipo tusitio.pages.dev.
Muy buena infraestructura y velocidad: ideal si después querés usarlo para proyectos más serios.
Tiene algún paso más de configuración que Netlify o Vercel.

Abrir Cloudflare Pages

Tiiny Host

Para una demostración rápida

Probablemente el más simple de todos: subís un ZIP y queda publicado.
No hace falta GitHub.
Genera una URL del tipo tusitio.tiiny.site.
Limitación: el plan gratuito admite proyectos pequeños. Sirve para HTML y algunas imágenes, pero no para muchos archivos ni videos pesados.

Abrir Tiiny Host

GitHub Pages

Para quien programa

Sitios estáticos gratuitos dentro de sus condiciones: no está destinado ni permitido como hosting gratuito de un negocio online o ecommerce.
Permite HTML, CSS, JS e imágenes.
Muy utilizado en programación y desarrollo web.
La página queda publicada en una URL del tipo usuario.github.io.
Limitación: es más técnico, porque hay que crear un repositorio en GitHub y subir los archivos ahí.

Abrir GitHub Pages

Imágenes y videos

Imágenes

Se suben dentro de la misma carpeta de la landing.

Videos cortos

Pueden estar dentro de la carpeta, mejor si son livianos.

Videos largos

Conviene subirlos a YouTube, Vimeo u otra plataforma e insertarlos en la landing, para no gastar tanto espacio y transferencia.

Publicar, en tres pasos

Ponés todo en una carpeta: el archivo index.html y las imágenes de tu landing.
Entrás a Netlify Drop o a Vercel Drop y arrastrás la carpeta. Seguí las indicaciones de la plataforma: puede pedirte crear una cuenta gratuita.
Copiás el enlace que te da, lo abrís en tu celular y probás el botón.

7 · Para repasar