Acciones en la Vista Previa y Uso del Formulario

¿Para qué sirve esto?

Esta guía explica qué acciones están disponibles en la página de vista previa y cómo trabajar con el formulario de registro — rellenar campos, comprobar datos obligatorios y enviar la solicitud.

Acciones Disponibles (Barra de Herramientas)

En la barra superior se encuentran dos botones de acción. Ambos son verdes con iconos.

Volver Atrás

• Icono: Flecha hacia la izquierda.
• Qué hace: Le devuelve a la página anterior.
• Comportamiento:
  • Si accedió a la vista previa desde el Constructor — vuelve al Constructor conservando el estado de su trabajo.
  • Si accedió desde la Biblioteca — vuelve a la lista de eventos en la Biblioteca.

Editar Evento

• Icono: Lápiz.
• Qué hace: Abre el Constructor de Eventos para el evento actual, donde puede modificar bloques, contenido, formulario y metadatos.
• Cuándo usarlo: Cuando, durante la vista previa, haya detectado que necesita cambiar algo — texto, color, un campo del formulario o una imagen.

Uso del Formulario de Registro

El formulario de registro es el elemento central de la vista previa. Se muestra dentro del bloque de formulario y contiene campos para rellenar y un botón de envío.

Tipos de Campos del Formulario

El formulario puede contener diferentes tipos de campos. A continuación se describe cómo se ve cada uno y cómo utilizarlo:

Campo de Texto (Text Field)

• Cómo se ve: Un campo rectangular con un texto de sugerencia (placeholder) y una etiqueta encima.
• Cómo rellenarlo: Haga clic en el campo y escriba el texto.
• Limitaciones: Hasta 374 caracteres. El contador de caracteres se muestra a la derecha del campo.
• Obligatorio: Está marcado con un asterisco rojo (*) junto a la etiqueta, si es obligatorio.

Campo de Correo Electrónico

• Cómo se ve: Un campo rectangular con la sugerencia "Email" o similar.
• Cómo rellenarlo: Introduzca una dirección de correo electrónico válida (por ejemplo, usuario@ejemplo.com).
• Limitaciones: Hasta 100 caracteres. El sistema verifica automáticamente el formato del correo.
• Obligatorio: Siempre está marcado como obligatorio si está presente en el formulario.

Área de Texto (Text Area)

• Cómo se ve: Un campo rectangular grande para texto de varias líneas.
• Cómo rellenarlo: Haga clic y escriba el texto. Puede usar Enter para crear saltos de línea.
• Limitaciones: Hasta 374 caracteres. El contador de caracteres se muestra a la derecha del campo.
• Obligatorio: Está marcado con un asterisco rojo si es obligatorio.

Lista Desplegable (Select)

• Cómo se ve: Un campo con una flecha a la derecha que despliega una lista de opciones al hacer clic.
• Cómo rellenarlo: Haga clic en el campo para desplegar la lista y seleccione la opción deseada.
• Características: Puede permitir selección múltiple (varias opciones) o búsqueda dentro de la lista.
• Obligatorio: Está marcado con un asterisco rojo si es obligatorio.

Grupo de Casillas (Checkbox Group)

• Cómo se ve: Un grupo de líneas con casillas de verificación y etiquetas.
• Cómo rellenarlo: Marque las casillas de las opciones deseadas.
• Características: Puede seleccionar una o varias opciones (según la configuración).
• Obligatorio: Está marcado con un asterisco rojo si es obligatorio.

Selector de Fecha (Date Picker)

• Cómo se ve: Un campo con un icono de calendario a la derecha.
• Cómo rellenarlo: Haga clic en el campo para abrir el calendario y seleccione la fecha.
• Obligatorio: Está marcado con un asterisco rojo si es obligatorio.

Botón de Envío

En la parte inferior del formulario se encuentra el botón de envío (por ejemplo, "Suscribirse", "Registrarse" u otro texto según la configuración).

• Cuándo hacer clic: Después de rellenar todos los campos obligatorios.
• Qué ocurre: El sistema verifica todos los datos y, si todo es correcto, muestra un mensaje de éxito.

Validación de Campos

El sistema verifica automáticamente los datos al hacer clic en el botón de envío y al modificar los campos:

1. Campos obligatorios — si se deja vacío, aparecerá un mensaje de error en rojo debajo del campo.
2. Formato de correo electrónico — si se introduce una dirección incorrecta (por ejemplo, sin @), aparecerá un mensaje de error de formato.
3. Límite de caracteres — si se supera el número máximo de caracteres, el texto se recorta.

Mensajes Después del Envío

• Éxito: Aparece un mensaje verde en la parte superior del formulario con un texto indicando el envío exitoso.
• Error: Aparece un mensaje rojo pidiendo que revise los datos. Los campos con errores se resaltan en rojo.

Reglas Importantes y Consejos

Nota: En la vista previa, los datos del formulario NO se guardan en el servidor. Esta es solo una comprobación visual de cómo funciona la validación y cómo se ven los mensajes. El registro real solo se realiza en la página pública del evento.

Nota: El campo de Correo Electrónico es un campo clave para el registro. Incluso si no está marcado como obligatorio, el sistema requiere su presencia para enviar el formulario.

Consejo: Rellene todos los campos del formulario durante la vista previa para comprobar que la validación funciona correctamente. Preste atención a los mensajes de error — son exactamente los que verán los participantes.

Consejo: Si el formulario contiene una lista desplegable, compruebe que las opciones se cargan correctamente. Si la lista está vacía, vuelva al Constructor y configure el catálogo para ese campo.