Álvaro MaureiraAula interactiva · Clase 4

Clase 4 · ChatGPT Sites · Sábado 15

Deja de enviar informes muertos. Construye decisiones que se pueden explorar.

En esta clase convertiremos PDF, PowerPoint y planillas en el Centro de Decisiones de OmniMarket: un dashboard vivo para pasar de la salud general del negocio a marketing y ventas sin perder la fuente ni el contexto.

Negocio → marketing → ventasFiltros y decisionesFuentes visiblesPublicación con gate
omnimarket-decision-center
Centro de Decisiones

Ventas, marketing y riesgos en una experiencia navegable.

Experiencia
Interacción
Información
Acceso
Versión

Mira y explora

La clase vive aquí. Los momentos aparecen cuando exista evidencia.

EN VIVO · SIN CAPÍTULOS INVENTADOS

La transmisión está programada para el sábado 15 de agosto a las 10:00 Chile. Después de la clase, esta misma sección incorporará los momentos clave sólo cuando la grabación y su transcripción permitan validar cada segundo.

Por qué va después de MCP

Primero instalamos el cableado. Ahora construimos la sala.

MCP le da a ChatGPT rutas controladas hacia Gmail, Drive, Calendar, Supabase u otras herramientas. Sites convierte el resultado de ese trabajo en una superficie que un equipo puede abrir, entender y usar. La siguiente clase incorporará agentes para mantener el proceso avanzando.

Clase 3MCP conecta

Define qué puede leer, preparar o ejecutar la IA y con qué permisos.

Clase 4Sites vuelve visible

Transforma información y decisiones en una experiencia compartida y navegable.

Clase 5Agentes programan

Transforman el Site aprobado en un informe recurrente con responsables, horarios y gates.

Analogía central: MCP es el cableado eléctrico; Sites es la habitación con interruptores, señales y una puerta. Tener cables sin una interfaz obliga a volver al chat para todo. Tener una habitación sin cableado produce una maqueta bonita, pero aislada.

Qué es ChatGPT Sites

Crear, alojar, refinar y compartir una experiencia web desde ChatGPT.

Según la documentación oficial de OpenAI, Sites puede partir de un prompt o de un proyecto compatible y producir websites, apps ligeras y juegos alojados. Está en beta pública: la disponibilidad, los límites y algunas opciones dependen del plan, la región y la configuración del workspace.

Sí es

Un camino corto desde una necesidad hasta una URL viva

  • Describe audiencia, propósito, comportamiento e información.
  • Revisa y refina contenido e interacción.
  • Guarda versiones antes de desplegar.
  • Comparte con una audiencia definida.
  • Consulta visitas y páginas vistas sin instalar otro SDK.

No es

Una excusa para saltarse arquitectura y revisión

  • No todos los frameworks, redes privadas o servicios son compatibles.
  • No debes poner secretos en prompts, archivos o contenido.
  • Una URL de producción no demuestra calidad.
  • No corresponde para pagos con tarjeta ni datos de salud protegidos.
  • La beta tiene límites que pueden cambiar.

Fuente oficial consultada el 14 de agosto de 2026: Crear y gestionar ChatGPT Sites.

Caso continuo · OmniMarket

Un PDF cuenta lo que pasó. Un Site permite preguntar qué hacer ahora.

El informe semanal de OmniMarket ya no será una colección de capturas congeladas. El equipo abrirá una vista ejecutiva, bajará a marketing o ventas, filtrará el periodo y llegará a una decisión. Los valores de esta demo son ilustrativos: enseñan la estructura, no afirman resultados reales.

PDFPPTXLSDOC
Site navegableDatos + contexto + decisión + fuente
Resultado observable: otra persona podrá abrir el Site, detectar qué métrica cambió, bajar hasta el canal que la explica y saber qué decisión requiere aprobación.

Laboratorio visual · OmniMarket

Empieza por el negocio. Profundiza sólo cuando una señal lo pida.

DATOS ILUSTRATIVOS

Cambia la vista. Observa cómo los KPIs, la explicación y la siguiente decisión se adaptan sin obligarte a descargar otro archivo.

OmniMarket / NegocioFuente demo · actualizada para la clase
Ingresos$48,2 Mvs. periodo anterior · demo
Margen bruto36,4%objetivo ilustrativo 38%
Pedidos1.284canales combinados · demo
Stock en riesgo7 SKUrequieren revisión
Lectura

La venta crece, pero el margen pide atención.

Antes de aumentar inversión, revisa descuentos y productos con inventario crítico.

Siguiente decisión¿Qué canal explica la presión sobre el margen?
01NegocioIngresos, margen, pedidos, inventario
02MarketingInversión, ROAS, CAC, conversión
03VentasPipeline, ticket, recompra, cierre
04DecisiónResponsable, evidencia y aprobación

El prompt es un brief de producto

Seis decisiones antes de pedir diseño.

“Hazme una página moderna” delega decoración. Un encargo útil define el trabajo que la audiencia necesita completar y los límites que protegen información, personas y decisiones.

AudienciaQuién entra, qué sabe y qué decisión necesita tomar.
PropósitoQué problema concreto deja de perseguirse entre aplicaciones.
ComportamientoQué puede explorar, filtrar, crear, comparar o guardar la persona.
InformaciónQué archivos, datos, enlaces y restricciones son fuente de verdad.
AccesoQuién puede visitar, qué requiere identidad y qué permanece privado.
FrescuraCuándo se actualizó cada dato, de dónde proviene y qué hacer si está obsoleto.
Regla práctica

Describe primero el trabajo; congela el estilo después de entenderlo.

La estética debe hacer visible una relación del producto. En OmniMarket, el diseño separa campaña, riesgo y decisión; no añade efectos futuristas que compitan con esa lectura.

Ciclo de Sites

Una versión se inspecciona. Un despliegue abre la puerta.

Toda URL desplegada es producción. Por eso el flujo profesional no salta desde el primer prompt a compartir públicamente. Primero se construye una candidata revisable; después se decide el acceso.

01DescribirAudiencia, propósito, comportamiento, información y restricciones.
02RevisarContenido, recorridos, fuentes, estados vacíos y datos de ejemplo.
03RefinarCambios específicos con capturas, archivos o contexto visual cuando ayudan.
04Guardar versiónConstruir una candidata sin desplegarla todavía.
05DesplegarPublicar la versión aprobada y confirmar la audiencia y la URL.
La diferencia importa: guardar una versión es como solicitar la inspección final del edificio. Desplegar es entregar las llaves. No son el mismo acto.

La forma sigue a la necesidad

¿Qué debe recordar el Site?

No toda interacción necesita una base de datos. Elige la forma más pequeña que conserve el comportamiento esperado. Un filtro temporal puede vivir en el navegador; una solicitud que debe aparecer mañana necesita persistencia durable.

Arquitectura sugeridaSite sin estado durable

Próxima frontera: en la clase de Supabase + n8n conectaremos el prototipo con datos, políticas y procesos externos cuando Sites no sea la arquitectura final adecuada.

Puertas, no promesas

Visitar, identificarse y editar son permisos distintos.

Un Site nuevo parte limitado al propietario y a los administradores del workspace hasta que cambias su acceso. Compartir permite visitar; no concede edición. La autenticación dentro del Site puede personalizar datos, pero no reemplaza una decisión de autorización en servidor.

Puerta 1

Privado para revisión

Propietario y administradores inspeccionan contenido, comportamiento y datos antes de ampliar el acceso.

Puerta 2

Workspace o grupo

Personas autorizadas entran con su cuenta; la opción depende de la configuración del workspace.

Puerta 3

Público

Cualquier persona puede visitar cuando la publicación pública está habilitada. El Site puede ofrecer inicio de sesión opcional para funciones personales.

Secretos

Las llaves no se dibujan en el plano.

Variables y secretos se configuran en los ajustes alojados. No se escriben en prompts, archivos adjuntos, contenido público ni en el manifiesto del proyecto. Un Site que expone una clave no está “casi listo”: está bloqueado.

Laboratorio · construye el encargo

Diseña tu primer brief para ChatGPT Sites.

Completa las decisiones. El resultado no es un “prompt mágico”: es un contrato revisable que reduce ambigüedad y obliga a guardar una versión antes de desplegar.

Inspección antes de abrir

Una URL no es evidencia suficiente.

Marca cada gate sólo después de comprobarlo. Tu avance se guarda en este dispositivo para que la página siga funcionando como material de estudio después de la clase.

Prueba desde la mirada del visitante: abre el enlace compartido, no sólo la previsualización del creador. Confirma que la audiencia prevista puede entrar y que una persona sin permiso no ve información restringida.

Demo, piloto o producto

Sites acelera la distancia al primer uso. No elimina las fronteras.

La decisión madura no es “Sites sirve” o “Sites no sirve”. Es identificar qué parte del problema cabe con seguridad en su runtime y qué parte debe migrar a la arquitectura de producción del curso.

Buen candidato para Sites

Experiencia enfocada y ligera

  • Landing educativa o de campaña.
  • Dashboard interno con alcance claro.
  • Calculadora, tracker o portal pequeño.
  • Prototipo que necesita usuarios reales pronto.
  • Datos y archivos dentro de las capacidades soportadas.
Escala a producción dedicada

Sistema con exigencias mayores

  • Red privada o servicio de fondo no soportado.
  • Arquitectura, residencia o cumplimiento específico.
  • Pagos, datos altamente sensibles o flujos prohibidos.
  • Integraciones complejas que requieren operación propia.
  • Necesidad de control completo sobre infraestructura y observabilidad.

La documentación oficial indica que algunos frameworks, redes privadas, bases, servicios en segundo plano y patrones de hosting no son compatibles, y que Sites no ofrece residencia de datos o inferencia al lanzamiento.

Lo que te llevas

Cuatro artefactos que otra persona puede revisar.

BriefAudiencia, propósito, comportamiento, fuentes, acceso, frescura y persistencia.
Site candidatoCentro de Decisiones de OmniMarket con datos de demostración rotulados.
Versión guardadaUna candidata inspeccionable antes del despliegue.
ChecklistEvidencia de contenido, interacción, acceso, privacidad y experiencia.
Criterio de cierre

La clase termina cuando puedes explicar por qué el Site merece abrirse.

No basta con decir que “se ve bien”. Debes mostrar a quién ayuda, qué trabajo permite completar, qué recuerda, quién puede entrar y qué comprobaste antes de desplegar.

Puente a la Clase 5

El informe ya es interactivo. Ahora haremos que llegue a tiempo.

En la siguiente clase definiremos agentes, tareas programadas, responsables, horarios, handoffs y condiciones de cierre para preparar el Site cada día o cada semana y entregarlo al equipo sin perder el control humano.