APRENDE CHATGPT
← Volver al origen
LECCIÓN 8 · SITIOS

Convierte una idea
en una web interactiva

ChatGPT Sites permite crear, previsualizar, publicar y compartir sitios web interactivos y aplicaciones ligeras directamente desde ChatGPT.

1. La idea fundamental

Un Site no es solo una respuesta con HTML: es una experiencia web que puedes crear, revisar, modificar y publicar directamente desde ChatGPT.

💡 Regla práctica: si quieres que el resultado sea navegable, interactivo o compartible como una web, piensa en Sites.

2. Qué puedes construir

Dashboards

KPIs, tablas, filtros y gráficos.

Trackers

Seguimiento de proyectos, tareas o incidencias.

Calendarios

Lanzamientos, hitos y planificación.

Prototipos

Ideas de producto o interfaces navegables.

Portales internos

Información, procedimientos y recursos.

Informes interactivos

Contenido, datos y conclusiones en formato web.

3. Dónde se crea

Según la documentación oficial actual, Sites se crea desde Work en ChatGPT web, y desde Work o Codex en la aplicación de escritorio.

Puedes pedir directamente “crea un sitio web…” o mencionar @Sites en el prompt.

4. Cómo crear un buen Site

1
Objetivo

Qué problema debe resolver.

2
Contenido

Textos, archivos, datos o enlaces.

3
Estructura

Páginas, secciones y navegación.

4
Funciones

Filtros, formularios, gráficos, etc.

5
Restricciones

Diseño, público, datos, seguridad.

💡 Un buen prompt para Sites describe qué debe hacer la web, no solo cómo debe verse.

5. Site vs HTML descargable vs app ligera

HTML descargable

  • Archivo que guardas localmente.
  • Lo subes tú a tu hosting.
  • Control directo del fichero.
  • Ideal si quieres integrarlo en una web propia.

ChatGPT Site

  • Se crea dentro de ChatGPT.
  • Tiene vista previa privada.
  • Puede publicarse directamente.
  • ChatGPT genera una URL al desplegar.

App ligera

  • Puede ser un Site con más interacción.
  • Formularios, filtros y lógica simple.
  • No sustituye necesariamente a una app empresarial compleja.
  • Útil para prototipos y herramientas rápidas.

6. Ejemplos listos para copiar

Dashboard
Crea un sitio web interactivo con un dashboard de KPIs de ventas, filtros por mes y región y una tabla de detalle.
Portal interno
Crea un sitio web interno para consultar procedimientos, responsables y enlaces de un departamento.
Prototipo
Crea un sitio web prototipo para una nueva app de control presupuestario con navegación entre 4 secciones.
Informe interactivo
Convierte este informe en un sitio web interactivo con resumen ejecutivo, gráficos y conclusiones.
Calendario de lanzamiento
Crea un sitio web con un calendario visual de lanzamiento, hitos, responsables y estado.
App ligera
Crea un sitio web tipo app para registrar incidencias, consultar el histórico y filtrar por prioridad.
Site con archivos
Crea un sitio web usando los archivos adjuntos como fuente principal y respeta exactamente sus datos.
Site con restricciones
Crea un sitio web responsive, sin login, con diseño oscuro, navegación simple y sin dependencias externas.

7. Trabajar con archivos, datos y enlaces

Sites puede construirse utilizando contenido que proporciones en el propio encargo: documentos, datos, archivos, enlaces y restricciones concretas.

Ejemplo: “Usa exclusivamente los datos del Excel adjunto y crea un dashboard interactivo con ventas, margen y desviaciones.”
💡 Si el Site depende de datos concretos, indica claramente cuál es la fuente que debe respetar.

8. Vista previa e iteración

Una de las ventajas principales es poder revisar una vista previa privada, pedir cambios y repetir hasta que el resultado esté listo.

Primera versiónIteración
Dashboard con 6 KPIsReduce a 4 y añade comparación interanual
Portal internoHaz la navegación más simple
Informe interactivoAñade una pestaña de conclusiones
Tracker de proyectosIncluye filtro por responsable

9. Publicar y compartir

Cuando el Site está listo, puedes desplegarlo. ChatGPT genera una URL de producción y, según tu plan y configuración, puedes elegir diferentes niveles de acceso.

Solo propietario

Uso privado.

Personas concretas

Compartir con usuarios seleccionados.

Espacio de trabajo

Compartir internamente cuando está permitido.

Público

Publicación en Internet si está habilitada.

Externos concretos

En algunos casos, lectores externos específicos.

Dominio propio

Disponible donde esté admitido.

10. Antes de publicar

Revisa siempre la vista previa. Comprueba que no haya datos personales, secretos, enlaces internos o contenido que no quieras compartir.
💡 Publicar es distinto de previsualizar: revisa primero, despliega después.

11. Versiones y despliegues

Un despliegue actualiza la versión pública. Si estás haciendo cambios importantes, conviene revisar o guardar primero una versión antes de desplegar.

Esto evita sustituir una versión estable por otra aún no validada.

12. Dominios personalizados

Donde está disponible, puedes asociar un dominio o subdominio propio. Sites no registra el dominio por ti: debes poseerlo y poder modificar sus registros DNS.

💡 Dominio propio = más control de marca, pero también más responsabilidad de configuración.

13. Disponibilidad

Sites está en beta pública y su disponibilidad depende del plan, la región y la configuración del espacio de trabajo. En algunos entornos, un administrador debe habilitar la función o la publicación pública.

Si no ves Sites, puede deberse a despliegue progresivo, plan, región o permisos del workspace.

14. Cuándo tiene sentido usar Sites

Necesito…¿Sites?
Una explicación textualNo hace falta
Una web navegableSí
Un dashboard rápidoMuy buen caso de uso
Un prototipoMuy útil
Una aplicación empresarial complejaPuede servir como prototipo, no siempre como solución final
Un informe interactivo compartibleSí

15. Errores frecuentes

“Hazme una web bonita”

Falta objetivo y funcionalidad.

No definir público

No es lo mismo una web interna que una pública.

No revisar datos

Un Site puede exponer información sensible si no se revisa.

Publicar demasiado pronto

Primero vista previa, luego despliegue.

Demasiadas funciones

Un prototipo simple suele funcionar mejor.

No iterar

La mejora progresiva es parte del flujo natural.

16. Un ejemplo completo

Prompt completo
Crea un sitio web interactivo para seguimiento de proyectos. Debe incluir una portada con 4 KPIs, una tabla de proyectos con filtros por estado y responsable, una vista de detalle, diseño oscuro profesional, navegación simple y responsive. Usa únicamente los datos del Excel adjunto. Antes de publicar, muéstrame una vista previa.

Ejercicios finales

Piensa primero la respuesta y después pulsa para comprobarla.

Ejercicio 1 · ¿Site o respuesta normal?

Quieres una explicación de una página sobre qué es el Working Capital. ¿Necesitas crear un Site?

No necesariamente. Si solo necesitas una explicación estática, una respuesta normal puede ser suficiente. Un Site aporta valor cuando quieres una experiencia navegable, interactiva o compartible.

Ejercicio 2 · ¿Dónde está el error?

“Hazme una web bonita.” ¿Por qué es una petición débil?

Porque no define objetivo, público, contenido, estructura, funcionalidades ni restricciones. Sites funciona mucho mejor si describes qué debe hacer el sitio, no solo cómo debe verse.

Ejercicio 3 · ¿Qué debemos escribir?

Quieres construir una pequeña app para seguir proyectos con estado, responsable y fecha. Formula una petición adecuada.

Por ejemplo: “Crea un sitio web interactivo para seguimiento de proyectos, con tabla de proyectos, filtros por estado y responsable, formulario de alta y vista resumen con KPIs.”

Ejercicio 4 · Publicar o previsualizar

Has realizado cambios importantes en un Site ya publicado. ¿Conviene desplegar inmediatamente?

No siempre. Conviene revisar primero la vista previa y, si procede, guardar una versión antes de desplegar para no actualizar el sitio público con cambios no revisados.
← Volver a AprendeCHATGPT.html
Contenido revisado con documentación oficial de OpenAI sobre ChatGPT Sites, septiembre de 2026.
Copiado