Inputs y formularios en el Flow Builder

Usa inputs para recopilar datos introducidos por los usuarios, como un nombre, una dirección de correo electrónico o una fecha de nacimiento. Guarda las respuestas y referencíalas en cualquier otra parte del flow, por ejemplo, para dirigirte al usuario por su nombre en una pantalla posterior.

Añadir un campo de entrada

Add input
  1. Haz clic en + en la parte superior izquierda.
  2. Selecciona Input.
  3. Elige el tipo de campo de entrada:
    • Text: Cualquier texto corto.
    • Email: Direcciones de correo electrónico, con validación de formato opcional.
    • Password: Entrada de texto segura, con requisitos configurables.
    • Number: Valores numéricos, con formato configurable.
    • Phone number: Números de teléfono.
    • Date: Abre un selector de fecha.
    • Time: Abre un selector de hora.
    • Date and time: Abre un selector combinado.

Configurar un campo de entrada

Para más detalles sobre los ajustes visuales —diseño, estilo y visibilidad— consulta Estilo de elementos.

Para todos los tipos de campo de entrada, puedes configurar lo siguiente en la pestaña Design:

  • Type: Cambia el tipo de entrada (Text, Email, Password, Number, Phone number, Date, Time o Date and time).
  • Element ID: Identificador que se usa para referenciar el valor de la entrada en otras partes del flow. Consulta Usar valores de entrada más abajo.
  • Placeholder: Texto de pista que se muestra dentro del campo vacío.
  • State: Define el aspecto de la entrada en distintas situaciones. Alterna entre Default, Active, Invalid y Disabled y aplica diferentes estilos visuales a cada uno.
  • Typography: Estilo de texto para el valor que se muestra en el campo.
  • Leading and trailing icons: Añade iconos dentro del campo de entrada.
Añadir entrada

Algunos ajustes son específicos de ciertos tipos de entrada:

AjusteTipos de entrada
Botón de borrarTexto, Correo electrónico
Validar formato de correoCorreo electrónico
Mostrar icono de contraseñaContraseña
Editar requisitos de contraseñaContraseña
Formato de númeroNúmero
Formato de fecha/horaFecha, Hora, Fecha y hora
Fecha mínima y máximaFecha, Fecha y hora
Añadir entrada
Añadir entrada

Usar valores de entrada

Cada entrada está disponible automáticamente como variable — no se necesita configuración ni una acción On Submit. El valor se referencia mediante el Element ID del campo, que defines en Input Settings.

Para usar el valor de una entrada en otro lugar del flow (por ejemplo, para personalizar texto, rellenar otro campo o gestionar una navegación condicional), inserta una variable y elige:

Element > Screen > <elementId>.value

Consulta las guías correspondientes para entender cómo usar los valores de entrada guardados: