Saltar al contenido

Taller gratis

Crea tu página web con ChatGPT, Claude o Gemini y ponla en internet en minutos.

ChatGPT, Claude, Gemini o la IA que uses te pueden hacer la página. Te enseñamos qué pedirle para que quede lista para subir, y RapiSites la pone en internet. Tu primera página, gratis.

Ver el prompt

Cómo funciona

Cuatro pasos, sin saber programar.

  1. Pídeselo a tu IA

    Copia el prompt base, agrega de qué es tu página y pégalo en ChatGPT, Claude, Gemini o la IA que uses.

  2. Ajústalo

    Pide cambios como se los pedirías a una persona: «el botón más grande», «agrega mis horarios», «colores más oscuros».

  3. Descárgalo

    Pídele el .zip con todos los archivos. Si te da un solo archivo, guárdalo como index.html.

  4. Súbelo a RapiSites

    Arrastra el .zip o el archivo. Lo revisamos, ves cómo queda y lo publicas con un clic.

El prompt base

Cópialo y dile de qué es tu sitio.

Son las reglas para que tu sitio pase la revisión de RapiSites a la primera. Pégalo en tu IA y, al final, describe tu negocio o tu proyecto.

No hace falta que entiendas cada regla: son para la IA, no para ti.

Hazme un sitio web para publicarlo en RapiSites, un hosting de sitios estáticos. Sigue estas reglas:

1. Solo HTML, CSS y JavaScript. Nada que necesite un servidor: sin PHP, Node, bases de datos ni WordPress.
2. La página de inicio se llama index.html y va en la raíz. Cada página extra, en su propio archivo .html (por ejemplo, servicios.html).
3. Rutas relativas para estilos, scripts e imágenes (css/estilos.css, img/logo.webp). Nunca rutas de mi computadora.
4. Nada cargado de otros sitios: ni Google Fonts ni librerías desde un CDN. Usa fuentes del sistema o incluye los archivos dentro del sitio.
5. Que se vea bien en el celular y en la computadora.
6. Cada página con su <title> y su <meta name="description">, en español.
7. Si lleva formulario de contacto: <form method="POST" name="contacto">, un campo oculto <input type="hidden" name="form-name" value="contacto"> y un campo trampa oculto llamado bot-field.
8. Al final, dame todos los archivos en un .zip con sus carpetas. Si es una sola página, un único index.html con el CSS y el JavaScript adentro.

Ideas

Prompts para empezar.

Cada uno ya incluye el prompt base: cópialo completo, cambia los datos por los tuyos y pégalo en tu IA.

  • Tu portafolio

    Mi sitio: un portafolio de una sola página para un diseñador gráfico. Arriba mi nombre y a qué me dedico, luego 6 proyectos en una cuadrícula (con espacios para mis imágenes), una sección «Sobre mí» y un formulario de contacto. Estilo minimalista, fondo claro.

  • El menú de tu restaurante

    Mi sitio: el menú digital de un restaurante de comida hondureña, pensado para abrirse desde un QR en la mesa. Categorías (desayunos, almuerzos, bebidas) con platos, descripción corta y precio en lempiras. Botón de WhatsApp fijo para pedidos. Colores cálidos.

  • Un cotizador

    Mi sitio: una calculadora de cotizaciones para una empresa de pintura. El cliente escribe los metros cuadrados, elige interior o exterior y la calidad de la pintura, y ve un precio estimado. Al final, un botón que abre WhatsApp con el detalle de la cotización ya escrito.

  • La página de un evento

    Mi sitio: la página de una boda. Los nombres, la fecha con una cuenta regresiva, el lugar, el itinerario del día, el código de vestimenta y un formulario para confirmar asistencia con nombre y número de acompañantes.

  • Tu tarjeta digital

    Mi sitio: una tarjeta de presentación digital de una sola pantalla para una agente de bienes raíces. Foto, nombre, cargo, botones grandes para llamar, WhatsApp, correo e Instagram, y un botón para guardar el contacto.

  • Un juego para tu marca

    Mi sitio: un juego de memoria de 12 cartas para la promoción de una cafetería. Las cartas tienen dibujos de café, cuenta los movimientos y el tiempo, y al ganar muestra un código de descuento. Que funcione bien tocando la pantalla del celular.

¿Buscas más? Mira las ideas por tipo de negocio: las marcadas «Sube tus archivos» salen muy bien con IA.

Consejos

Cuando tu IA te entregue el sitio.

  • Te dio un proyecto de React o Vite

    Pídele «la versión compilada lista para publicar» o súbelo igual: si encontramos la carpeta dist, te la ofrecemos.

  • Usa tus fotos

    Mete tus imágenes en la carpeta img del .zip con el nombre que usa el sitio. O pídele a la IA que deje los nombres y tú las reemplazas.

  • La revisión te avisa

    Si algo falta o no va a funcionar, te decimos qué archivo y por qué antes de publicar. Pégale ese mensaje a tu IA y que lo arregle.

  • Para cambiarlo después

    Pide los cambios a tu IA, descarga el .zip nuevo y súbelo con «Actualizar archivos». Lo publicado no cambia hasta que publicas.

¿Ya lo tienes? Súbelo.

Arrastra el .zip que te dio tu IA y en minutos está en internet. Tu primer sitio es gratis.