Corfix Form Builder: cómo utilizar el componente «Número de teléfono»

Este componente está diseñado específicamente para recopilar números de teléfono y, a menudo, incluye formato automático.

Dónde encontrarlo

En su Corfix Form Builder, haga clic en un componente de número de teléfono 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 «Número de teléfono» al usuario.

Etiqueta:
- Este es el nombre visible del campo de número de teléfono que verán los usuarios. Es un campo obligatorio.
- Ejemplo: «Número de teléfono», «Teléfono de contacto», «Móvil».
Posición de la etiqueta:
- Determina dónde se muestra la etiqueta con respecto al cuadro de entrada del número de teléfono (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: «(123) 456-7890».
Descripción:
- Proporciona texto explicativo adicional sobre el campo, que suele mostrarse debajo del cuadro de entrada.
- Ejemplo: «Introduzca, por favor, su número de contacto principal».
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 entrada (por ejemplo, un código de país que siempre es el mismo).
Sufijo:
- Texto que aparece después del campo de entrada (menos habitual en los números de teléfono).
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 de los números de teléfono, suele ser útil dejarlo «activado».
- Valor predeterminado: «activado».
Ocultar etiqueta:
- Si se marca esta opción, no se mostrará la etiqueta del campo de número de teléfono.
Permitir corrección ortográfica:
- Si se marca, se habilita la corrección ortográfica para el campo de número de teléfono (depende del navegador). (Nota: esto suele ser menos relevante para entradas de números estructuradas, pero puede ser aplicable si el campo permite introducir texto libre).
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 número de teléfono.

Valores múltiples:
- Si se marca, permite al usuario introducir varios números de teléfono en este campo (por ejemplo, una lista de números de contacto).
Valor por defecto:
- El número de teléfono que aparece prellenado en el campo de entrada al cargar el formulario. Los usuarios pueden sustituir este valor.

3. Pestaña «Validación»

La pestaña «Validación» define las reglas para garantizar que los datos introducidos por el usuario cumplan unos requisitos específicos.

Obligatorio:
- Si se marca esta casilla, el usuario deberá introducir un número de teléfono en este campo antes de enviar el formulario.

4. Pestaña «Condicional»

La pestaña «Condicional» le permite configurar reglas que determinan cuándo debe mostrarse u ocultarse este componente de número de teléfono 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 «Número de teléfono secundario» solo se muestre cuando esté marcada la casilla «¿Proporcionar un contacto secundario?».

Ventana de vista previa

El área de vista previa situada a la derecha del cuadro de diálogo le muestra cómo aparecerá visualmente el campo de entrada «Número de teléfono» en su formulario. Observe el formato automático (p. ej., (___) ___-____), que indica que ayuda a los usuarios a introducir números en un formato estándar.

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

Guardar: guarda todos los cambios realizados en la configuración del componente «Número de teléfono».
Cancelar: descarta cualquier cambio no guardado y cierra el cuadro de diálogo.
Eliminar: Elimina el componente «Número de teléfono» del formulario.

Prácticas recomendadas para el componente «Número de teléfono»:

Etiqueta clara: utilice una etiqueta sencilla, como «Número de teléfono» o «Teléfono móvil», para que los usuarios sepan exactamente qué se espera de ellos.
Considere la opción «Obligatorio»: marque el campo de número de teléfono como «Obligatorio» si es esencial para el contacto o la verificación.
Permita varios valores si es necesario: si los usuarios pueden necesitar proporcionar más de un número (por ejemplo, el de casa y el móvil), marque la casilla «Varios valores».
Utilice un marcador de posición para el formato: incluso con el formato automático, un marcador de posición como «(555) 123-4567» puede mostrar claramente el estilo de entrada esperado.
Visualización condicional: oculte los campos de número de teléfono que no sean necesarios de inmediato, para que el formulario resulte más claro (por ejemplo, muestre «Teléfono de contacto alternativo» solo si el usuario indica que dispone de uno).