Vista Previa del Evento
¿Para qué sirve esto?
La Vista Previa le permite ver la página de su evento exactamente como la verán los participantes — con todos los bloques, imágenes, textos y el formulario de registro. Es su prueba final antes de activar el evento y compartir el enlace con su audiencia.
Qué es esta página
La página de Vista Previa es la versión pública de su evento. Se abre en la dirección /app/event-preview y muestra todo lo que ha creado en el Constructor: bloques de contenido, imágenes, enlaces y el formulario de registro.
Puede acceder desde dos lugares:
- Desde el Constructor de Eventos — haciendo clic en el botón "Vista Previa" en la barra de herramientas.
- Desde la Biblioteca — mediante la acción de vista previa de un evento existente.
Cómo se ve la página
La página consta de dos partes:
Parte superior — Barra de Herramientas
Una barra compacta con dos botones:
- Flecha hacia la izquierda (botón verde con icono) — le devuelve a la página anterior: al Constructor si vino de allí, o a la Biblioteca si vino de allí.
- Lápiz (botón verde con icono) — abre el Constructor para editar este evento.
Área principal — Vista en Vivo
Esta es la página de su evento, extendida a toda la pantalla con un fondo gris predeterminado. Muestra:
- Tres bloques — superior, central e inferior, dispuestos verticalmente.
- Contenido en cada bloque — texto, enlaces e imágenes, ubicados en la zona superior, central o inferior del bloque.
- Formulario de registro — si el bloque está configurado como formulario, se muestra un formulario interactivo con campos y un botón de envío.
- Imágenes de fondo — si se ha asignado una imagen de fondo al bloque o al formulario, se muestra debajo del contenido.
Interactividad
A diferencia del Constructor, donde edita los elementos, aquí todo funciona como en una página pública real:
- Texto — se muestra con el estilo configurado: tamaño de fuente, color y alineación.
- Enlaces — son clicables. Se abren en una nueva pestaña.
- Imágenes — se muestran a todo el ancho del bloque, recortadas al tamaño necesario.
- Formulario — puede rellenar los campos y hacer clic en el botón de envío. El sistema verifica los campos obligatorios y el formato del correo electrónico antes de enviar.
Cómo acceder a la Vista Previa
Desde el Constructor de Eventos
- Abra el Constructor de Eventos para su evento.
- En la barra de herramientas superior, localice la sección Acciones (a la derecha).
- Haga clic en el botón Vista Previa (icono de ojo).
- La página se abrirá en una nueva pestaña del navegador.
Nota: Si el evento aún no se ha guardado, el sistema lo guardará automáticamente primero y luego abrirá la vista previa.
Desde la Biblioteca
- Abra la Biblioteca de eventos.
- Encuentre el evento deseado en la lista.
- Haga clic en la acción de vista previa para ese evento.
- La página se abrirá en una nueva pestaña.
Volver atrás
Haga clic en el botón de Flecha hacia la izquierda en la barra superior:
- Si vino del Constructor — volverá al Constructor.
- Si vino de la Biblioteca — volverá a la Biblioteca.
Comportamiento del Formulario de Registro
Cuando un participante (o usted durante la vista previa) rellena el formulario y hace clic en el botón de envío:
- El sistema verifica todos los campos obligatorios.
- Verifica el formato del correo electrónico (si hay un campo de email).
- Si todo está correcto — aparece un mensaje verde indicando el envío exitoso.
- Si hay errores — aparece un mensaje rojo pidiendo que revise los datos.
Nota: En la vista previa, los datos del formulario NO se guardan en el servidor. Esta es solo una comprobación visual. El registro real se realiza en la página pública del evento.
Reglas Importantes y Consejos
Nota: La Vista Previa muestra el diseño exacto, los colores, las fuentes y la disposición de los elementos. Úsela para comprobar la adaptabilidad y la integridad visual antes de activar el evento.
Nota: El botón del Lápiz es la forma más rápida de pasar a la edición. No necesita cerrar la pestaña y buscar el evento en la Biblioteca.
Consejo: Compruebe la vista previa en un dispositivo móvil. El diseño adaptativo ajusta automáticamente el ancho de los bloques al tamaño de la pantalla.
Consejo: Si el formulario no se muestra en un bloque, compruebe en el Constructor si el bloque de formulario está configurado correctamente y si se ha añadido al menos un campo.