Previsualizar páginas y dispositivos

Muestra una composición del sitio en un iframe y permite revisar la página en Desktop, Tablet o Mobile.

Que se logra

• Resultado: el equipo detecta problemas de navegación, contenido o adaptación visual antes de exponer el sitio a visitantes.
• Caso de uso: un restaurante revisa en Mobile que su página de menú y el acceso a reservas sean legibles antes de republicar.
• Se combina con: páginas, tema, layouts y publicación.

Donde esta

• Ruta: /[orgId]/sites/[siteId]
• Acceso en UI: Builder toolbar > viewport selector / Open preview``
• Componente(s): SitesBuilderView.tsx

Como funciona

1. Abra una página del sitio.
2. Seleccione el viewport deseado.
3. Navegue por enlaces internos en la vista previa.
4. Use Open preview para abrir el HTML renderizado.

Reglas y validaciones

• La vista previa incorpora un puente de navegación exclusivo del builder.
• Una vista previa no equivale a publicar el sitio.

Backend

• Servicios: site-render (create).
• Efectos: fusiona layout, contenido, tema, fuentes y navegación.

Relaciones

• Requiere: sitio y página.
• Afecta: revisión previa a publicación.