Para empezar, describe en ChatGPT o Codex lo que quieres crear. Luego revisa la primera versión y haz ajustes sobre la marcha.
Primeros pasos con Sites
Abre ChatGPT en la web o en la aplicación de escritorio. Incluye la palabra “website” en tu prompt o menciona @Sites para iniciar el flujo de creación de sitios con Sites. Por ejemplo, puedes pedir un panel de solicitudes de proyectos para un equipo de operaciones:
Si usas ChatGPT Enterprise: para que puedas crear un sitio, un administrador de tu Espacio de trabajo debe habilitar Sites para todo el Espacio de trabajo o para tu rol. Si no ves Sites, consulta con tu administrador sobre el acceso. Consulta la guía de administración de Sites.
El panel es un ejemplo. Puedes adaptar estos pasos al sitio que quieras crear.
-
Describe el sitio
Dile a ChatGPT a quién va dirigido el sitio y qué quieres que puedan hacer quienes lo visiten. Comparte los documentos o datos que necesita. Para un panel de solicitudes, puedes incluir ejemplos de solicitudes, sus responsables y las etiquetas de estado.
-
Revisa el sitio
Prueba las acciones que pediste y compara el contenido y los resultados con tu material de referencia. En el panel, por ejemplo, puedes enviar una solicitud, cambiar su estado o filtrar por responsable. Verifica cómo usa y guarda la información el sitio.
-
Ajusta el sitio
Dile a ChatGPT qué quieres cambiar y comparte una captura de pantalla o un sitio de referencia si te sirve para mostrar lo que buscas. Para el panel, puedes pedirle: “Coloca los filtros de responsable y estado encima de la lista de solicitudes”.
-
Administra y comparte el sitio
Vuelve a Sites para abrir el sitio de nuevo o editarlo. Antes de publicarlo, sigue los pasos de revisión para compartir el sitio. Elige quién puede visitarlo y prueba el enlace publicado con una cuenta que tenga los permisos previstos para un visitante.
Encuentra tus sitios y edítalos en la vista previa
En la aplicación de escritorio de ChatGPT, abre Sites. Puedes crear un sitio a partir de un prompt o de un proyecto local compatible y luego volver a la vista de Sites para administrarlo.
En la web, selecciona Más > Sites o ve directamente a Sites en ChatGPT para encontrar los sitios que creaste. En la vista previa, selecciona Editar. En Describe los cambios en el sitio web, indica qué quieres cambiar. Usa Captura de pantalla o Agregar archivos y más si necesitas aportar más contexto.
Sites no tiene una vista de administración propia en la CLI de Codex ni en la extensión para IDE. Usa ChatGPT en la web o en la aplicación de escritorio para crear, guardar, desplegar y administrar un sitio. También puedes usar la CLI o la extensión para IDE para editar y probar un proyecto local antes de publicarlo.
Cada URL de despliegue de Sites corresponde a un despliegue en producción. Si quieres revisar una versión antes de que esté en línea, pídele a ChatGPT que la guarde sin desplegarla.
Guardar registros y avances
Al guardar una versión del sitio, se conservan su contenido, su diseño y su comportamiento. Las solicitudes de los visitantes, las actualizaciones de estado, los archivos que se suben y los avances de cada persona necesitan su propio almacenamiento. Dile a ChatGPT o a Codex qué información debe guardar y quién debe poder leerla o modificarla.
Para los registros compartidos o personales, pide que las reglas de acceso se apliquen en el servidor. Comprueba que los cambios se conserven al volver a cargar la página y usa cuentas distintas para verificar a qué puede acceder cada persona. Ocultar un botón no protege el registro al que da acceso.
Si proporcionas archivos, especifica si el sitio debe usar una copia o actualizar los datos desde la fuente. Comprueba cuándo se actualizó la información por última vez.
Para conocer las opciones de almacenamiento e inicio de sesión, consulta Datos y conexiones.
Consejos para crear tu sitio
- Usa tu material de referencia. Adjunta los archivos, enlaces, definiciones y fórmulas que el sitio debe usar. Pídele a ChatGPT o a Codex que señale qué información falta en lugar de completarla por su cuenta.
- Describe qué mostrar cuando falten datos o haya un error. Explica qué deben ver los visitantes cuando una búsqueda no arroje resultados, un formulario esté incompleto o una aplicación conectada no esté disponible. Incluye una forma de volver a intentarlo o de corregir el problema.
- Comparte una referencia visual. Adjunta una captura de pantalla o un enlace a una página e indica qué detalles quieres incorporar, como las tarjetas compactas o la ubicación del campo de búsqueda. Incluye los colores, las fuentes o las pautas de redacción de tu marca.
- Ten en cuenta los teléfonos. Describe cómo deben adaptarse las tarjetas, las tablas y los formularios a una pantalla angosta. Comprueba que se pueda navegar y usar tanto los filtros como los controles de los formularios sin tener que desplazarse horizontalmente.
- Identifica los datos de ejemplo. Si el contenido definitivo aún no está listo, pide registros de muestra etiquetados como ejemplos. Reemplázalos antes de compartir el sitio.
- Haz cambios puntuales. Pide un cambio a la vez e indica qué debe mantenerse. Por ejemplo, pide que se mueva un filtro sin modificar los registros guardados, las reglas de acceso ni las acciones existentes. Después de cada cambio, prueba la interacción afectada.
La galería de Sites muestra ejemplos de aplicaciones web que puedes crear con Sites.
Ejemplos de prompts
Para crear un centro de recursos, empieza con un prompt breve:
Puedes ampliar el pedido con las acciones que podrán realizar los visitantes, las reglas de búsqueda y tus preferencias de diseño:
Si ya tienes un proyecto, pídele a ChatGPT que compruebe si es compatible y lo prepare para publicarlo:
Si el sitio debe conservar registros o archivos que se suban, indícalo en tu pedido: