Inicio› Landing Pages› Módulo 1: Vende un producto
Módulo 1 · 20 minutos

🛍 Vende UN producto

Un prompt maestro que puedes reutilizar para cualquier producto, más 2 ejemplos ya listos para copiar.

Con un solo prompt bien armado, la IA te construye toda tu página de ventas

No hace falta pedir "poquito a poco" — le pides todo de una vez.

Este módulo aplica si vendes:

🧵 Artesanías 🧁 Comida casera 👗 Ropa 💄 Cosméticos 📦 Cualquier producto físico
📋
Ejercicio A — El más importante

Tu prompt maestro de landing page

Este es el prompt que vas a reutilizar siempre. Llena los corchetes con tus datos y la IA te da la página completa.

💡 ¿Por qué este prompt es tan valioso?

No es un prompt de "usar una sola vez" — es una plantilla que sirve para cualquier producto que vendas en el futuro. Guárdalo, y cada vez que tengas algo nuevo que vender, solo cambias los datos entre corchetes.

📋 Prompt maestro — Copia y llena los corchetes Actúa como diseñador web experto. Crea el código completo de una landing page de UNA SOLA página (un solo archivo HTML con el CSS y JavaScript incluidos adentro, sin depender de internet) para vender lo siguiente: - Producto: [producto] - Precio: [precio] - Público objetivo: [público objetivo] - Contacto para pedidos: WhatsApp [contacto WhatsApp] - Estilo y colores preferidos: [estilo/colores] La página debe tener, en este orden: 1. Un encabezado con el nombre del producto y una frase corta que explique qué es y para quién es. 2. Una sección con una foto grande del producto (usa un marcador de imagen tipo placeholder si todavía no tengo foto) y una descripción breve y persuasiva (máximo 4 líneas). 3. El precio, bien visible, en letras grandes. 4. Un botón grande y de color llamativo que diga "Pedir por WhatsApp" y que al hacer clic abra WhatsApp con el número [contacto WhatsApp] y el mensaje "Hola, quiero pedir [producto]". 5. Una sección con 2 o 3 testimonios inventados de clientas (nombre, frase corta y calificación de 5 estrellas). 6. Un pie de página con mis redes sociales (Instagram y Facebook, con enlaces de ejemplo) y el número de WhatsApp otra vez. Requisitos técnicos: - Totalmente responsive: debe verse bien en celular y en computadora. - Usa la paleta de colores: [estilo/colores]. - Todo el código en un único archivo .html listo para guardar y abrir directo, sin instalar nada ni usar librerías externas que necesiten internet. - No agregues explicaciones antes ni después del código, ni frases como "aquí tienes" o "espero que te sirva". Responde ÚNICAMENTE con el código: empieza tu respuesta directo con <!DOCTYPE html> y termina en </html>, sin ningún texto adicional, listo para copiar y pegar.
¿No sabes qué hacer después de copiar esto? En el Módulo 3 recorremos este mismo proceso paso a paso, con un ejemplo real, hasta ver la página terminada funcionando.
  • 1

    Copia el prompt completo

    Incluye todo, desde "Actúa como diseñador..." hasta el final. No te saltes ninguna línea.

  • 2

    Pégalo en Claude o ChatGPT y reemplaza los 5 corchetes

    [producto], [precio], [público objetivo], [contacto WhatsApp] y [estilo/colores] — con tus datos reales.

  • 3

    Copia el código que te devuelve

    Guárdalo en un archivo con extensión .html (por ejemplo: mi-tienda.html) usando el Bloc de notas o cualquier editor de texto.

🎯 Práctica en vivo (5 minutos)

Llena el prompt con un producto real tuyo (o inventado si aún no vendes nada) y pégalo en Claude o ChatGPT. Cuando tengas el código, ábrelo haciendo doble clic en el archivo .html.

✨
Ejercicio B

2 ejemplos del prompt ya rellenos, listos para copiar

Si quieres ver el prompt maestro ya funcionando con un ejemplo real, elige uno de estos y cópialo tal cual.

Elige un ejemplo y copia el prompt:

📋 Ejemplo: Aretes artesanales — Copia y usa Actúa como diseñador web experto. Crea el código completo de una landing page de UNA SOLA página (un solo archivo HTML con el CSS y JavaScript incluidos adentro, sin depender de internet) para vender lo siguiente: - Producto: Aretes artesanales tejidos a mano - Precio: $8 el par - Público objetivo: mujeres de 20 a 40 años que buscan accesorios únicos y hechos a mano - Contacto para pedidos: WhatsApp 0991234567 - Estilo y colores preferidos: colores tierra, boho, cálido y elegante La página debe tener, en este orden: 1. Un encabezado con el nombre del producto y una frase corta que explique qué es y para quién es. 2. Una sección con una foto grande del producto (usa un marcador de imagen tipo placeholder si todavía no tengo foto) y una descripción breve y persuasiva (máximo 4 líneas). 3. El precio, bien visible, en letras grandes. 4. Un botón grande y de color llamativo que diga "Pedir por WhatsApp" y que al hacer clic abra WhatsApp con el número 0991234567 y el mensaje "Hola, quiero pedir Aretes artesanales tejidos a mano". 5. Una sección con 2 o 3 testimonios inventados de clientas (nombre, frase corta y calificación de 5 estrellas). 6. Un pie de página con mis redes sociales (Instagram y Facebook, con enlaces de ejemplo) y el número de WhatsApp otra vez. Requisitos técnicos: - Totalmente responsive: debe verse bien en celular y en computadora. - Usa la paleta de colores: colores tierra, boho, cálido y elegante. - Todo el código en un único archivo .html listo para guardar y abrir directo, sin instalar nada ni usar librerías externas que necesiten internet. - No agregues explicaciones antes ni después del código, ni frases como "aquí tienes" o "espero que te sirva". Responde ÚNICAMENTE con el código: empieza tu respuesta directo con <!DOCTYPE html> y termina en </html>, sin ningún texto adicional, listo para copiar y pegar.
👁 Ver cómo se ve el resultado →
📋 Ejemplo: Tortas personalizadas — Copia y usa Actúa como diseñador web experto. Crea el código completo de una landing page de UNA SOLA página (un solo archivo HTML con el CSS y JavaScript incluidos adentro, sin depender de internet) para vender lo siguiente: - Producto: Tortas personalizadas para cumpleaños y eventos - Precio: desde $25 según tamaño - Público objetivo: familias que organizan cumpleaños y fiestas - Contacto para pedidos: WhatsApp 0987654321 - Estilo y colores preferidos: pasteles, rosado y blanco, dulce y limpio La página debe tener, en este orden: 1. Un encabezado con el nombre del producto y una frase corta que explique qué es y para quién es. 2. Una sección con una foto grande del producto (usa un marcador de imagen tipo placeholder si todavía no tengo foto) y una descripción breve y persuasiva (máximo 4 líneas). 3. El precio, bien visible, en letras grandes. 4. Un botón grande y de color llamativo que diga "Pedir por WhatsApp" y que al hacer clic abra WhatsApp con el número 0987654321 y el mensaje "Hola, quiero pedir Tortas personalizadas para cumpleaños y eventos". 5. Una sección con 2 o 3 testimonios inventados de clientas (nombre, frase corta y calificación de 5 estrellas). 6. Un pie de página con mis redes sociales (Instagram y Facebook, con enlaces de ejemplo) y el número de WhatsApp otra vez. Requisitos técnicos: - Totalmente responsive: debe verse bien en celular y en computadora. - Usa la paleta de colores: pasteles, rosado y blanco, dulce y limpio. - Todo el código en un único archivo .html listo para guardar y abrir directo, sin instalar nada ni usar librerías externas que necesiten internet. - No agregues explicaciones antes ni después del código, ni frases como "aquí tienes" o "espero que te sirva". Responde ÚNICAMENTE con el código: empieza tu respuesta directo con <!DOCTYPE html> y termina en </html>, sin ningún texto adicional, listo para copiar y pegar.
👁 Ver cómo se ve el resultado →

🎯 Práctica en vivo (3 minutos)

Copia uno de los 2 ejemplos y pégalo en Claude o ChatGPT solo para ver cómo funciona. Luego vuelve al Ejercicio A y arma el tuyo con tu propio producto.

Reflexión del módulo: guarda este prompt maestro en tus notas del celular. Cada vez que tengas un producto nuevo, solo cambias los 5 datos entre corchetes.