Inicio› Landing Pages› Módulo 2: Vende un servicio
Módulo 2 · 20 minutos

💇 Vende UN servicio

El mismo prompt maestro del Módulo 1, adaptado para cuando lo que ofreces es tu tiempo o tu talento, no un producto físico.

Un servicio también se vende mejor con una página clara y un botón de WhatsApp

Deja de explicar tu servicio uno por uno en mensajes — que la página lo explique por ti.

Este módulo aplica si ofreces:

💅 Belleza / manicure 📚 Clases / asesorías 🍽 Catering 🧹 Limpieza 💆 Cualquier servicio
📋
Ejercicio A — El más importante

El prompt maestro, versión servicio

Es la misma plantilla del Módulo 1, con "servicio" en vez de "producto". Llena los corchetes con tus datos.

💡 Un solo cambio de palabra, el mismo resultado

Si ya usaste el prompt maestro del Módulo 1, este te va a resultar familiar — es la misma estructura, solo que ahora describes lo que haces en vez de lo que fabricas.

📋 Prompt maestro para servicios — 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: - Servicio: [servicio] - Precio: [precio] - Público objetivo: [público objetivo] - Contacto para reservar: WhatsApp [contacto WhatsApp] - Estilo y colores preferidos: [estilo/colores] La página debe tener, en este orden: 1. Un encabezado con el nombre del servicio y una frase corta que explique qué es y para quién es. 2. Una sección con una foto grande relacionada al servicio (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) de qué incluye el servicio. 3. El precio, bien visible, en letras grandes. 4. Un botón grande y de color llamativo que diga "Reservar por WhatsApp" y que al hacer clic abra WhatsApp con el número [contacto WhatsApp] y el mensaje "Hola, quiero reservar [servicio]". 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

    Igual que en el Módulo 1: todo el texto, sin saltarte ninguna línea.

  • 2

    Reemplaza los 5 corchetes con tu servicio real

    [servicio], [precio], [público objetivo], [contacto WhatsApp] y [estilo/colores].

  • 3

    Guarda el código como archivo .html

    Ábrelo con doble clic para ver tu página lista.

🎯 Práctica en vivo (5 minutos)

Llena el prompt con tu servicio real (o uno que te gustaría ofrecer) y genera tu página.

✨
Ejercicio B

2 ejemplos de servicio, listos para copiar

Elige el que más se parezca a lo que ofreces y cópialo tal cual para ver el resultado.

Elige un ejemplo y copia el prompt:

📋 Ejemplo: Manicure a domicilio — 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: - Servicio: Manicure y pedicure a domicilio - Precio: $15 el servicio completo - Público objetivo: mujeres ocupadas que no tienen tiempo de ir a un spa - Contacto para reservar: WhatsApp 0991234567 - Estilo y colores preferidos: rosados, elegante, femenino La página debe tener, en este orden: 1. Un encabezado con el nombre del servicio y una frase corta que explique qué es y para quién es. 2. Una sección con una foto grande relacionada al servicio (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) de qué incluye el servicio. 3. El precio, bien visible, en letras grandes. 4. Un botón grande y de color llamativo que diga "Reservar por WhatsApp" y que al hacer clic abra WhatsApp con el número 0991234567 y el mensaje "Hola, quiero reservar Manicure y pedicure a domicilio". 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: rosados, elegante, femenino. - 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: Clases de matemáticas — 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: - Servicio: Clases particulares de matemáticas para colegio - Precio: $10 la hora - Público objetivo: padres con hijos en secundaria que necesitan refuerzo - Contacto para reservar: WhatsApp 0987654321 - Estilo y colores preferidos: azules y amarillos, confiable y profesional La página debe tener, en este orden: 1. Un encabezado con el nombre del servicio y una frase corta que explique qué es y para quién es. 2. Una sección con una foto grande relacionada al servicio (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) de qué incluye el servicio. 3. El precio, bien visible, en letras grandes. 4. Un botón grande y de color llamativo que diga "Reservar por WhatsApp" y que al hacer clic abra WhatsApp con el número 0987654321 y el mensaje "Hola, quiero reservar Clases particulares de matemáticas". 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: azules y amarillos, confiable y profesional. - 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 el resultado. Luego adapta el Ejercicio A a tu propio servicio.

Reflexión del módulo: el mismo prompt maestro te sirve para producto Y servicio — solo cambia una palabra. Guárdalo, es tu herramienta permanente.