Challenge: Crea tu Landing Page con IA — Central de Empresarias

central de empresarias — challenge

Crea tu Landing Page con IA de principio a fin

Define, diseña y publica una landing page profesional usando ChatGPT y Claude — sin saber programar.

6 pasos
2–3 horas
📄Landing publicada en Netlify
🎨3 variantes
Al terminar este challenge

Vas a tener esto en tu negocio

  • Una landing page publicada con tu propio dominio en Netlify, lista para recibir visitas y convertir.
  • Un proceso replicable para crear y actualizar páginas con IA sin depender de un programador ni de plataformas de pago mensual.
  • Un prompt personalizado con tu branding, oferta y audiencia que puedes reusar para futuros proyectos.
Elige tu tipo de landing

¿Cuál vas a crear?

🟣 Servicios

Landing de Servicio

Presenta y vende un servicio 1:1, grupal o consultoría. Ideal si ya tienes clientes pero no una página que trabaje por ti.

🔴 Evento

Landing de Evento

Página de registro o promoción para un webinar, taller, masterclass o evento presencial.

🔵 Captación

Landing de Leads

Entrega un recurso gratuito (guía, checklist, reto) a cambio del email. Construye tu lista desde el día uno.

Lo que vas a usar

Herramientas del challenge

🤖
GPT de Orden by CEMP Estructura tu brief y genera el prompt maestro para Claude
Paso 2 Abrir →
Claude Genera, revisa y ajusta el código HTML de tu landing page
Pasos 3–4 Abrir →
🌐
Netlify Publica tu landing page y conecta o compra tu dominio en minutos
Paso 5 Abrir →
Paso a paso Cómo completar el challenge

Antes de generar código, necesitas claridad. Completa el formulario con los datos de tu negocio, oferta, audiencia y branding. Al terminar, el sistema genera un prompt estructurado listo para el GPT de Orden by CEMP.

Branding
Tu prompt generado
⚡ Siguiente paso Copia este prompt y pégalo en el GPT de Orden by CEMP para obtener el brief estructurado de tu landing.

Prompt listo para el GPT de Orden

El GPT de Orden by CEMP aplica la metodología ORDEN para transformar tu información en un brief profesional: secciones de la landing, jerarquía de mensajes, copy sugerido y estructura visual. Ese brief es lo que le vas a dar a Claude para generar el código.

Tu acción
  • 1Abre el GPT de Orden by CEMP en una pestaña nueva.
  • 2Pega el prompt que generaste en el Paso 1 y envíalo.
  • 3Lee el brief que te devuelve. Si algo no está claro o falta información, pídele que lo ajuste antes de continuar.
  • 4Cuando el brief esté listo, cópialo completo — lo necesitas en el siguiente paso.
💡 Tip estratégico Si el GPT te pide más contexto, dáselo. Cuanto más específico sea el brief, más preciso será el código que genere Claude. No pases al Paso 3 con un brief incompleto.
Brief estructurado de tu landing

Llevas tu brief a Claude para que genere el archivo HTML completo de tu landing. Primero adjuntas tu logo e imágenes para que Claude los vea y tome decisiones de diseño basadas en tu branding real.

📎 Antes de pegar el brief — adjunta tus archivos

En el chat de Claude, usa el ícono de clip o imagen para adjuntar tu logo y las fotos que quieras incluir. Hazlo antes de pegar el texto. Claude los leerá y los integrará directamente en el diseño.

Tu acción
  • 1Abre Claude e inicia una conversación nueva.
  • 2Adjunta tu logo e imágenes usando el ícono de clip o imagen (si los tienes).
  • 3Pega el brief completo del Paso 2 y agrega al final esta instrucción: "Genera el código HTML completo de esta landing page. Debe ser un solo archivo autocontenido con CSS incluido, completamente responsivo para móvil y escritorio, y listo para publicar en Netlify."
  • 4Espera a que Claude genere el código. Haz clic en "Download" o copia el código y pégalo en un archivo de texto. Guárdalo con el nombre index.html.
💡 Tip Si Claude genera el código en partes, pídele: "Dame el archivo HTML completo en un solo bloque, sin interrupciones." Siempre debe ser un solo archivo autocontenido.
Archivo index.html descargado en tu computadora

Abre tu archivo index.html en el navegador y revisa cómo se ve. Luego vuelve a Claude en la misma conversación para pedir los ajustes que necesites — copy, colores, secciones, CTA — hasta que la landing refleje exactamente tu visión.

Tu acción
  • 1Abre el archivo index.html arrastrándolo a tu navegador. Revisa en desktop y en móvil (F12 → modo responsivo en Chrome).
  • 2Identifica lo que quieres cambiar: copy, colores, orden de secciones, botones, tipografía.
  • 3Vuelve a Claude en la misma conversación y pide los ajustes de forma específica. Ejemplo: "Cambia el título principal a: [tu nuevo título]. Haz el botón CTA más grande y usa el color #A50064."
  • 4Descarga el código actualizado, reemplaza tu archivo index.html y revisa de nuevo en el navegador.
  • 5Repite hasta que estés conforme. Guarda la versión final.
💡 Tip estratégico Pide un ajuste a la vez. Si le das 10 cambios juntos, Claude puede omitir alguno. Sé específica: "más grande", "más oscuro" no son instrucciones precisas. "Cambia el font-size del título a 48px" y "usa color #1a1a1a en el fondo" sí lo son.
Archivo index.html final aprobado

Netlify publica tu archivo HTML en segundos. Para el dominio, tienes dos rutas: conectar uno que ya tienes o comprar uno nuevo directamente desde Netlify. Elige la que aplica a tu caso.

Primero — publica tu landing
  • 1Entra a Netlify y crea una cuenta gratuita si no tienes una.
  • 2En el dashboard, ve a Sites → Add new site → Deploy manually.
  • 3Arrastra tu archivo index.html al área de carga. Netlify lo publica en segundos con una URL temporal.

Ahora conecta tu dominio — elige tu caso:

Conectar dominio existente
  • 1En el dashboard de tu sitio, ve a Domain management → Add a domain → Add a domain you already own.
  • 2Escribe tu dominio y haz clic en Verify, luego en Add domain.
  • 3Netlify te muestra los registros DNS que debes agregar. Ve al panel de tu proveedor de dominio (GoDaddy, Namecheap, Google Domains, etc.) y agrégalos.
  • 4La propagación DNS toma entre 5 minutos y 24 horas. Cuando esté lista, tu landing estará activa en tu dominio.
Comprar dominio desde Netlify
  • 1En el dashboard de tu sitio, ve a Domain management → Add a domain → Buy a new domain.
  • 2Busca el nombre que quieres. Netlify muestra disponibilidad y precios por TLD (.com, .co, .mx, etc.).
  • 3Selecciona tu dominio y completa el pago. Netlify configura el DNS y el certificado HTTPS automáticamente — no tienes que hacer nada más.
  • 4En minutos tu landing estará activa en el dominio que compraste.

💡 Tip Comprar el dominio directo en Netlify es la opción más sencilla: el DNS se configura solo y el certificado HTTPS se activa automáticamente. Si ya tienes un dominio con otro proveedor, el proceso toma un poco más pero funciona igual de bien.
Landing publicada con tu dominio propio

El reto está completo cuando tu landing está publicada y la comunidad puede verla. Comparte el link en el espacio del challenge dentro de Kajabi — esto cuenta como tu entrega oficial.

Tu acción
  • 1Copia el link de tu landing publicada.
  • 2Entra al espacio del challenge en la comunidad de Central de Empresarias.
  • 3Publica tu link con una línea que describa qué tipo de landing creaste y para qué es.
💡 Tip Revisa las landings de las demás. Ver cómo otras empresarias resolvieron el mismo reto es una de las formas más rápidas de mejorar tu propio trabajo.
Link publicado en la comunidad
Para sacarle el máximo al challenge

Consejos antes de empezar

  • 🎯 El entregable válido es una landing con URL activa. Un archivo local o un screenshot no cuentan como entrega completa.
  • 🗂 No saltes directo a Claude. El brief del GPT de Orden es el punto de partida — define la estructura antes de generar código.
  • 📲 Revisa tu landing en móvil antes de publicar. Más del 60% de las visitas llegan desde el celular — si no se ve bien ahí, pierde efectividad.
  • 🔗 Tu landing debe tener al menos una llamada a la acción clara y funcional — un botón, un formulario o un link de contacto real.
  • 📌 Comparte tu link en el espacio del reto en Kajabi, no en el chat general. Así todas pueden ver y comentar los resultados en un solo lugar.

¿Lista para publicar tu landing?

Comparte tu resultado en la comunidad y recibe retroalimentación de las demás empresarias y del equipo de Central de Empresarias.

Ir a la comunidad →
central de empresarias — challenge 3: crea tu landing page con ia