Corfix Form Builder: cómo utilizar el componente de correo electrónico.

Este componente está diseñado específicamente para recopilar direcciones de correo electrónico e incluye una función integrada de validación del formato de las direcciones.

Dónde encontrarlo

En su Corfix Form Builder, haga clic en un componente de correo electrónico para acceder al panel de configuración. Verá cuatro pestañas:

Visualización
Datos
Validación
Condicional

1. Pestaña «Visualización»

La pestaña «Visualización» controla cómo se muestra el componente de correo electrónico al usuario.

Etiqueta:
- Este es el nombre visible del campo de correo electrónico que verán los usuarios. Es un campo obligatorio.
- Ejemplo: «Dirección de correo electrónico», «Correo electrónico de contacto», «Correo electrónico del usuario».
Posición de la etiqueta:
- Determina dónde se muestra la etiqueta con respecto al cuadro de entrada de correo electrónico (p. ej., Arriba, Izquierda, Derecha, Abajo).
- Valor predeterminado: Arriba.
Texto de ayuda:
- Texto que aparece dentro del campo de entrada antes de que el usuario escriba nada. Sirve de indicación al usuario sobre qué debe introducir.
- Ejemplo: «john.doe@example.com».
Descripción:
- Proporciona texto explicativo adicional sobre el campo, que suele mostrarse debajo del cuadro de entrada.
- Ejemplo: «Introduzca su dirección de correo electrónico principal para la comunicación».
Información sobre herramientas:
- Texto que aparece cuando el usuario pasa el ratón por encima del campo. Resulta útil para ofrecer ayuda rápida o contexto.
Prefijo:
- Texto que aparece antes del campo de introducción de datos. (Menos habitual en los campos de correo electrónico).
Sufijo:
- Texto que aparece después del campo de entrada. (Menos habitual en los campos de correo electrónico).
Clase CSS personalizada:
- Permite a los usuarios avanzados aplicar estilos personalizados al componente mediante clases CSS.
Autocompletado:
- Controla el comportamiento de autocompletado del navegador (por ejemplo, «activado» o «desactivado»). En el caso del correo electrónico, suele ser útil dejarlo «activado».
- Valor predeterminado: «activado».
Ocultar etiqueta:
- Si se marca esta casilla, no se mostrará la etiqueta del campo de correo electrónico.
Permitir corrección ortográfica:
- Si se marca, se habilita la corrección ortográfica para el campo de correo electrónico (depende del navegador).
Edición modal:
- (Los detalles no se ven completamente en la captura de pantalla, pero suele referirse a la edición en una ventana modal emergente).
Incluir en informes:
- Si se marca, los datos de este campo se incluirán en los informes.

2. Pestaña «Datos»

La pestaña «Datos» gestiona las propiedades de los datos subyacentes del campo de correo electrónico.

Valores múltiples:
- Si se marca, permite al usuario introducir varias direcciones de correo electrónico en este campo (por ejemplo, una lista de destinatarios).
Valor por defecto:
- La dirección de correo electrónico que aparece prellenada en el campo de entrada al cargar el formulario. Los usuarios pueden modificar este valor.

3. Pestaña «Validación»

La pestaña «Validación» define las reglas para garantizar que los datos introducidos por el usuario tengan un formato de correo electrónico válido y cumplan criterios específicos de longitud.

Obligatorio:
- Si se marca esta casilla, el usuario deberá introducir una dirección de correo electrónico en este campo antes de enviar el formulario.
Longitud mínima:
- El número mínimo de caracteres permitido en el campo de correo electrónico.
Longitud máxima:
- El número máximo de caracteres permitido en el campo de correo electrónico.

4. Pestaña «Condicional»

La pestaña «Condicional» le permite configurar reglas para determinar cuándo debe mostrarse u ocultarse este componente de correo electrónico en función de los valores de otros componentes del formulario.

Simple:
- Normalmente se trata de un botón de alternancia o un menú desplegable para elegir entre lógica condicional simple o avanzada.
Este componente debe «Mostrar»:
- Elija si el componente debe «Mostrarse» u «Ocultarse» (opciones implícitas) en función de la condición.
Cuando el componente del formulario:
- Seleccione otro componente de su formulario cuyo valor active la condición.
Tenga el valor:
- Especifique el valor exacto que debe tener el componente del formulario seleccionado para que se cumpla la condición.
Ejemplo: Podría configurar una regla para que el campo «Correo electrónico secundario» solo se muestre cuando la casilla «¿Dispone de un correo electrónico secundario?» esté marcada.

Panel de vista previa

El panel de vista previa, situado a la derecha del cuadro de diálogo, le muestra cómo aparecerá visualmente el campo de entrada «Correo electrónico» en su formulario. A medida que ajuste parámetros como la etiqueta, el texto de lugar deholder o el prefijo/sufijo, verá cómo estos cambios se reflejan de forma inmediata.

Acciones en la parte inferior del cuadro de diálogo:

Guardar: guarda todos los cambios realizados en la configuración del componente «Correo electrónico».
Cancelar: descarta cualquier cambio no guardado y cierra el cuadro de diálogo.
Eliminar: Elimina el componente «Correo electrónico» del formulario.

Prácticas recomendadas para el componente «Correo electrónico»:

Etiqueta clara: utilice una etiqueta sencilla, como «Dirección de correo electrónico» o «Correo electrónico de contacto».
Proporcione un ejemplo de marcador de posición: utilice el «marcador de posición» (por ejemplo, «name@example.com») para mostrar el formato esperado.
Haga que sea obligatorio para la comunicación: si una dirección de correo electrónico es imprescindible para el seguimiento o la creación de una cuenta, marque siempre la casilla «Obligatorio».
Habilite la opción «Múltiples» si es necesario: si los usuarios pueden necesitar proporcionar más de una dirección de correo electrónico (por ejemplo, para notificaciones), marque «Valores múltiples».
Utilice la visualización condicional: muestre el campo de correo electrónico únicamente cuando sea lógicamente relevante (por ejemplo, muestre «Correo electrónico de contacto de emergencia» si está marcada la casilla «Contacto de emergencia»).