Antes de que cualquier participante llegue a tu portal, puedes recorrer toda la experiencia en la vista previa en vivo integrada — haciendo clic en cada elemento de navegación, entrando en las páginas de detalle, revisando cada elemento de marca — sin ninguna exposición a tu audiencia.
Abrir la vista previa
- Desde el editor de Diseño, haz clic en la pestaña Vista previa en la parte superior del asistente.
- El portal se carga en un marco totalmente interactivo. Lo que ves es exactamente lo que verán los participantes después de publicar — tu diseño, marca, navegación y cada componente de página elegidos.
Los cambios guardados en las pestañas de Diseño se reflejan automáticamente en el marco de vista previa. Puedes alternar libremente entre Diseño y Vista previa para iterar y revisar.
Qué probar
La vista previa es totalmente interactiva — haz clic en los elementos de navegación, entra en las filas de Data List, usa la navegación hacia atrás entre páginas. Recorre lo siguiente:
- Cada enlace de navegación llega a la página correcta
- Los componentes Data List se completan y muestran filas
- El clic en una fila navega a la página de detalle dinámica correcta con el registro correspondiente cargado
- Los componentes Data Detail muestran la información correcta para el parámetro de la URL
- Los botones navegan al destino correcto
- Los banners hero, las métricas KPI, los encabezados, las imágenes y los widgets integrados (Responses, Scores, Profile, Analytics Widgets) se renderizan según lo diseñado
- Tu logotipo aparece en la barra lateral y en la pantalla de inicio de sesión
- El título y la descripción de inicio de sesión se leen correctamente en cada idioma configurado
Prueba del control de acceso
Las páginas configuradas como Requiere inicio de sesión redirigen a los visitantes no autenticados a la pantalla de inicio de sesión. En la vista previa, verifica que las páginas restringidas activen el aviso de inicio de sesión y que las páginas públicas sean accesibles sin ningún aviso. Con observar la redirección es suficiente — no necesitas credenciales reales de participantes para verificar este comportamiento.
Verificación de los diseños móviles
Usa las herramientas de desarrollador de tu navegador (o cambia el tamaño de la ventana) para ver el portal en anchos de teléfono y tableta. La barra lateral se reduce a una barra de navegación inferior en dispositivos móviles. Confirma que:
- Los elementos de navegación son accesibles y fáciles de tocar
- Las Data Lists son legibles en anchos reducidos (el desbordamiento de columnas se gestiona correctamente)
- El texto del banner hero se mantiene legible en pantallas pequeñas
- Los botones son lo suficientemente grandes para tocarlos cómodamente
Qué refleja la vista previa
La vista previa siempre muestra tu borrador guardado actual. Es completamente independiente del portal en vivo — nada es visible para los participantes hasta que publiques. Puedes iterar y volver a revisar tantas veces como necesites antes de salir en vivo.
Lista de verificación previa al lanzamiento
- Cada página en la pestaña Pages es accesible — desde la navegación o mediante una acción de fila de lista
- La página correcta está configurada como página de destino predeterminada (donde llegan los participantes después de iniciar sesión)
- Las páginas de detalle dinámicas cargan correctamente al navegar desde una fila de lista
- Las tarjetas de métricas KPI muestran números (un chip de error indica un tipo de entidad mal configurado)
- Las Data Lists muestran columnas y filas; las acciones de fila funcionan correctamente
- Los banners hero, las imágenes y los botones se renderizan según lo diseñado
- El logotipo aparece en la barra lateral y en la pantalla de inicio de sesión
- El título y la descripción de inicio de sesión se leen correctamente en cada idioma configurado
- Las páginas que requieren inicio de sesión redirigen a la pantalla de inicio de sesión cuando se accede sin autenticación
- Las páginas públicas cargan sin un aviso de inicio de sesión
- La navegación es legible y utilizable en anchos de pantalla de teléfono
- Ningún elemento de navegación apunta a un slug que no existe
- El dominio del panel está asignado en la pestaña Branding (obligatorio antes de publicar)
Siguiente paso
Una vez que la lista de verificación esté completa, ve a la pestaña Publish. Consulta Publicación y lanzamiento de tu portal de participantes.