21Sep, 2016
0Comentarios

Condicionar los campos: las opciones de visibilidad

La opción de visibilidad puede facilitar el trabajo, evitando introducciones inútiles. Esto te permite adaptar tu formulario en función de la situación existente y, por tanto, aligerarlo. ¡Ahorrarás tiempo y mejorarás la experiencia del usuario!

Imaginemos que… Eres técnico de calefacción, por esto realizas visitas a domicilio para instalar, reparar o sustituir diferentes sistemas de calefacción. Introduce todos los datos necesarios en tu formulario: dirección del cliente, tipo de servicio, tipo de caldera, etc. Optarás por rellenar tu formulario Kizeo Forms en función del tipo de servicio que debas efectuar en el domicilio del cliente: nueva instalación, reparación o sustitución de la caldera. Mediante la opción de visibilidad, desbloquea campos específicos que deben rellenarse en función del servicio prestado. Esto, significa que según la opción que elijas en tu lista de servicios, el formulario será diferente.

Podrás:

  • Añadir una condición de visibilidad simple, por ejemplo:
    SI seleccionas “Nueva instalación” en la lista Tipo de servicio, ENTONCES verás los campos específicos para la primera instalación de una caldera (las demás propuestas dedicadas a la reparación o sustitución de la caldera permanecerán ocultas).
  • Añadir varias condiciones de visibilidad, por ejemplo:
    SI seleccionas “Nueva instalación” O “Sustitución de la caldera”, ENTONCES verás los campos dedicados a la facturación.
    SI seleccionas “Nueva instalación” Y marcas la casilla “Presupuesto validado por el cliente”, ENTONCES verás los campos de firma.

Paso 1: Creación de un formulario.

  • Visita wwwkizeoforms.com.
  • Vas a Configuración > Crear un formulario o Modificar un formulario.
  • Rellena los primeros campos necesarios (p. ej.: nombre, apellidos, dirección del cliente…).
  • Introduce tu lista. En nuestro ejemplo, nuestra lista se titula “Tipo de servicio” y contiene las opciones siguientes: Nueva instalación (nuevo cliente), Nueva instalación, Reparación (nuevo cliente), Reparación, Sustitución (nuevo cliente), Sustitución.

Backoffice pantalla de creación de formulario.

Parametrar la lista tipo de servicios.

  • Introduce en este mismo formulario todos los campos que sea necesario rellenar para los 3 tipos de servicio.
    Para facilitar la lectura, puedes introducir separadores.

Introducir separadores en su formulario.

Paso 2: La opción de visibilidad.

Estas opciones de visibilidad están disponibles en todos los elementos (campo de texto, fecha, dirección, etc.).

Truco campo Separador: Si utilizas opciones de visibilidad con separadores, todos los elementos presentes tendrán la misma opción de visibilidad.

Entre los elementos que constituyen tu formulario, algunos son específicos para cada tipo de servicio.

  • Haz clic en el lápiz del campo que desees condicionar.
  • Luego debes ir a la pestaña Visibilidad.

Opción de visibilidad.

Mostrar uno o varios campos en función de una condición de visibilidad.

Supongamos que queremos condicionar la visibilidad de los campos contenidos en el separador “Primera instalación de una caldera” en función del elemento “Nueva instalación” de la lista “Tipo de servicio”.

Dirígete a las opciones del separador, pestaña visibilidad.

Selecciona:

  • =: si el Tipo de servicio es estrictamente igual a Nueva instalación, entonces el campo de entrada será visible.
  • : si el Tipo de instalación es estrictamente distinto de Nueva instalación (por ejemplo Reparación o Sustitución), entonces el campo de entrada será visible.
  • Entre los valores siguientes: Si Nueva instalación Y/O Nueva instalación (nuevo cliente) están seleccionados en tipo de servicio, el campo de entrada será visible.
  • Entre ninguno de los valores siguientes: Si Nueva instalación Y/O Nueva instalación (nuevo cliente) no están seleccionados en tipo de servicio, el campo de entrada será visible.
  • Contiene: si Tipo de servicio contiene la palabra instalación (por ejemplo, nueva instalación Y/O nueva instalación (nuevo cliente) están seleccionados), entonces el campo de entrada será visible.
  • No contiene: si el Tipo de servicio no contiene la palabra instalación, entonces el campo de entrada será visible.

La diferentes opciones de visibilidad.

Supongamos ahora que el número de instalación corresponde a un Control deslizante que va de 1 a 10. Deseamos obtener la visibilidad de un Campo de entrada, por ejemplo, cuando se condiciona la visibilidad con la cifra 5.

Selecciona:

  • =: si el Número de instalación es estrictamente igual a 5, entonces el campo de entrada será visible.
  • ≠ : si el Número de instalación es estrictamente distinto de 5, entonces el campo de entrada será visible.
  • <: si el Número de instalación es inferior a5, entonces el campo de entrada será visible.
  • ≤ : si el Número de instalación es inferior o igual a 5, el campo de entrada será visible.
  • >: si el Número de instalación es superior a5, entonces el campo de entrada será visible.
  • ≥: si el Número de instalación es superior o igual a 5, el campo de entrada será visible.
  • Comprendido entre: si el Número de instalación se sitúa entre1 y 5, el campo de entrada será visible.
  • No comprendido entre: si el Número de instalación no se sitúa entre 1 y 5, el campo de entrada será visible.

Trucos:
Es posible condicionar la visibilidad con un campo vacío. Si se introducen datos en este campo, el elemento no se mostrará.
Se puede condicionar la visibilidad de un campo en función de un campo de firma sí o no.

Aquí, SI el campo firma Cliente contiene una firma, se mostrará el campo Firma del técnico.

Condición de visibilidad con un campo firma.

Mostrar uno o varios campos en función de varias condiciones de visibilidad.

  • Deben cumplirse todas las condiciones:
    Para ello, debes configurar tus condiciones de visibilidad y marcar la casilla “Deben cumplirse todas las condiciones”.

En nuestro ejemplo, el campo de entrada será visible SI Tipo de servicio es estrictamente igual a Nueva instalación (nuevo cliente) Y SI la casilla Presupuesto validado por el cliente está marcada.

Puede configurar varias opciones de visibilidad.

  • Debe cumplirse al menos una condición:
    Configura tus condiciones de visibilidad y marque la casilla “Debe cumplirse al menos una condición”.

Por ejemplo, el campo de entrada será visible SI Tipo de servicio es igual a Nueva instalación (nuevo cliente) Y/O SI Tipo de servicio es igual a Nueva instalación.

Configure varias opciones de visibilidad.

¡No te olvides de Guardar!

Mostrar un elemento en función del perfil del usuario :

Es posible mostrar o no un elemento con respecto al perfil de un usuario.

Los campos de usuarios personalizados:

Primero que todo debes configurar los campos de usuarios personalizados. 

  • Para esto, debes ir al menú Configuración > Aplicación > Campos de usuarios personalizados.
  • En esta página, puedes decidir cuales elementos puedes personalizar y quieres que aparezcan en los formularios de sus usuarios dependiendo de su perfil.
  • No olvide Validar los cambios.

En nuestro ejemplo hemos agregado 4 campos personalizados :

Ejemplo de los campos de usuarios personalizados.

Una vez hecho esto, en el perfil del usuario se agregarán estos campos que podemos rellenar:

  • Debes ir a Configuración > Usuarios > Modificar. 
  • Rellena la información de los campos de usuarios personalizados.

Rellene la información d los campos de usuarios personalizados.

Nota : No es obligatorio rellenar todos los campos.

Configuración de la visibilidad de los elementos.

  • Como explicado anteriormente, podemos hacer que un elemento sea visible o no con respecto a los campos personalizados.
  • Para esto debes ir a tu formulario, y configurar tus condiciones de visibilidad en función de lo que desees.
  • En nuestro caso, deseamos que la firma sea visible si “Cargo (del usuario) = Jefe de proyectos”.

Configure las condiciones de visibilidad en función de sus campos personalizados.

  • No olvides de guardar los cambios.

No dudes en enviarnos tus comentarios sobre este artículo.
Estamos a tu disposición para responder a tus preguntas, sugerencias, comentarios, etc.

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *