Los chats de IA se volvieron diseñadores web sorprendentemente buenos. Describe una landing page para tu cafetería, el micrositio de un evento o un portafolio, y ChatGPT, Claude o Gemini escriben todo, con el diseño y los estilos, en un minuto. Lo que te dejan a ti es ponerlo en línea. Esta guía cubre ese último paso: de los archivos en tu chat a un sitio web en vivo con su propia dirección y un código QR.
Paso 1: pide un sitio estático
Un sitio estático es un conjunto de archivos, HTML, CSS, JavaScript e imágenes, que un navegador abre directamente, sin un servidor que ejecute código detrás. Es justo lo que mejor escriben los chats de IA, y lo que KuikCode aloja.
Sé específico en tu prompt sobre el formato, para que el resultado funcione apenas lo subas. Algo así:
Haz un sitio web de una sola página para Casa Piedra, un restaurante de cocina a la leña.
Secciones: portada con el nombre y un botón para reservar, platos destacados del
menú, horario, dirección con un link al mapa y un pie de página con Instagram.
Formato:
- Archivos estáticos sencillos: index.html en la raíz, más styles.css y script.js.
- Sin frameworks que necesiten compilación, sin código de servidor, sin base de datos externa.
- Usa rutas relativas para todos los archivos y mantén las imágenes ligeras.
- Que se vea muy bien primero en el teléfono.
- Empaqueta todo en un ZIP que pueda descargar.Después sigue ajustando en el chat hasta que te guste: otros colores, una sección nueva, mejores textos. La mayoría de los chats de IA te muestran una vista previa mientras avanzas.
Paso 2: descarga el ZIP
Muchos chats de IA pueden empaquetar los archivos por ti en un ZIP para descargar. Si el tuyo te muestra el código, pídele un solo archivo index.html con el CSS y el JavaScript adentro. Guárdalo como index.html en una carpeta nueva, agrega las imágenes que use y comprime la carpeta en un ZIP.
Antes de subirlo, revisa tres cosas:
- El index.html está en el primer nivel del ZIP, no dentro de otra carpeta. Se convierte en la página de inicio.
- Están todos los archivos que usa la página, imágenes, fuentes y scripts, con rutas relativas.
- El ZIP pesa hasta 15 MB y tiene hasta 300 archivos. Comprime antes las fotos grandes.
Paso 3: súbelo a KuikCode
- Haz clic en Create y elige Hosted Site.
- Suelta el ZIP.
- Tu sitio queda en línea en su propia dirección,
tu-nombre.kuik.page, y el código QR apunta a él. - Diseña el código con tus colores, agrega un marco como Escanea para visitarnos y descárgalo para imprimir.
KuikCode acepta los archivos que usa un sitio estático: HTML, CSS, JavaScript y JSON, imágenes como PNG, JPG, WebP, SVG y AVIF, fuentes web, video MP4 y WebM, audio MP3 y PDF.
Paso 4: actualízalo con el mismo chat
Aquí es donde la IA y los códigos dinámicos se llevan bien. Cuando quieras un cambio, regresa al mismo chat y pídelo, agrega una sección con el menú de invierno o cambia el horario, y descarga el ZIP nuevo.
En KuikCode, abre Assets, Sites, elige Redeploy en tu sitio y suelta el ZIP nuevo. La dirección no cambia, así que cada link que compartiste y cada código QR que imprimiste abre la versión nueva.
Qué funciona bien y qué no
Los sitios estáticos hechos con IA son ideales para:
- Landing pages para un lanzamiento, una oferta o un evento.
- Menús y listas de precios con fotos.
- Portafolios y sitios personales.
- Folletos interactivos, guías y micrositios para una campaña.
Ten en cuenta lo que un sitio estático no puede hacer por sí solo:
- No tiene código de servidor, así que no trae inicios de sesión, bases de datos ni pagos.
- Los formularios necesitan un lugar a donde mandar los datos. Pon un link a una KuikPage con un bloque Form, desde Core, o a un formulario que ya uses.
Si prefieres no manejar archivos, una KuikPage te da una página móvil hecha con plantillas y bloques, que editas directo en KuikCode. Nuestra guía para poner un sitio web detrás de un código QR compara las dos opciones.
Planes
Los sitios alojados están disponibles desde Core: un sitio en Core, cinco en PRO y veinte en Business. Conoce más en la página de Sitios alojados.
Preguntas frecuentes
01¿Puedo alojar un sitio web hecho con ChatGPT o Claude?+
Sí. Pídele al chat un sitio web estático en archivos sencillos, HTML, CSS y JavaScript con un index.html en la raíz, descárgalos como ZIP y súbelo a KuikCode como sitio alojado. Queda en línea en su propia dirección de inmediato.
02¿Y si la IA solo me da código y no un ZIP?+
Pídele un solo archivo index.html con el CSS y el JavaScript adentro, guárdalo en una carpeta junto con las imágenes que use y comprime la carpeta en un ZIP.
03¿Qué tan grande puede ser el sitio?+
Hasta 15 MB y 300 archivos por sitio. Es más que suficiente para una landing page, un menú, un portafolio o un micrositio pequeño, siempre que las imágenes estén comprimidas.
04¿El sitio puede tener un formulario de contacto?+
Un sitio estático no tiene un servidor que reciba los envíos de un formulario. Pon un link a una KuikPage con un bloque Form, disponible desde Core, o a un formulario que ya uses.
05¿Cómo actualizo el sitio después?+
Pídele los cambios al chat de IA, descarga el ZIP nuevo y usa Redeploy en el mismo sitio en KuikCode. La dirección sigue igual, así que cada link y cada código QR impreso abre la versión nueva.
06¿Cuántos sitios puedo alojar?+
Uno en Core, cinco en PRO y veinte en Business.
