15Sep, 2016
8Réaction(s)

Conditionnez l’affichage de vos champs : les options de visibilité

L’option de Visibilité peut faciliter votre travail en évitant toute saisie inutile. Elle vous permet d’adapter votre formulaire en fonction de la situation rencontrée, et donc, de l’alléger. Vous gagnerez du temps et l’expérience utilisateur ne sera que meilleure !

Prenons un exemple…

  • Vous êtes chauffagiste.
  • Vous faites des interventions à domicile pour installer, réparer ou remplacer différents systèmes de chauffage.
  • Vous entrez toutes les informations nécessaires dans votre formulaire : coordonnées du client, type de prestation, type de chaudière, etc.
  • Vous avez choisi de remplir votre formulaire Kizeo Forms en fonction du type de prestation à effectuer chez votre client : une nouvelle installation, une réparation ou un remplacement de la chaudière.
  • En utilisant l’option de Visibilité, vous débloquerez des champs spécifiques à remplir en fonction de la prestation effectuée ou du profil de votre utilisateur.

Vous pourrez donc :

Ajouter une condition de visibilité simple, par exemple :
SI vous sélectionnez « Nouvelle installation » dans la liste type de prestation, ALORS vous verrez les champs dédiés à la première installation d’une chaudière (les autres propositions concernant la réparation ou le remplacement de la chaudière seront « cachées »).
SI votre utilisateur est manager, ALORS le champ signature apparaitra.

Ajouter plusieurs conditions de visibilité, par exemple :
SI vous sélectionnez « Nouvelle installation » OU « Remplacement de la chaudière », ALORS vous verrez les champs dédiés à la facturation.
SI vous sélectionnez « Nouvelle installation » ET cochez la case « Devis validé par le client », ALORS vous verrez les champs signatures apparaître.

Etape 1 : Création d’un formulaire.

Rendez-vous sur kizeoforms.com.
Allez dans Configuration -> Créer un formulaire ou Modifier un formulaire.
Insérez les premiers champs nécessaires (ex: nom, prénom, adresse du client…).
Insérez votre liste. Dans notre exemple, notre liste est intitulée « Type de prestation » et comporte les choix suivants :

  • Nouvelle installation (nouveau client),
  • Nouvelle installation,
  • Réparation (nouveau client),
  • Réparation,
  • Remplacement (nouveau client),
  • Remplacement.

Backoffice écran de création de formulaire.

Insertion d'un champ liste.

Insérez dans ce même formulaire TOUS les champs de saisie que vous aurez à renseigner pour les 3 types de prestation.

Astuce : Afin d’aider à la lecture, vous pouvez insérer des séparateurs.

Création du formulaire.

Création du formulaire.

Création du formulaire.

Etape 2 : L’option de Visibilité.

Parmi les éléments qui constituent votre formulaire, certains sont spécifiques à chaque type de prestation.

  • Cliquez sur le crayon du champ à conditionner.
  • Allez dans l’onglet Visibilité.

Informations importantes :

  • Ces options de visibilité sont disponibles sur tous les éléments (Champ de texte, Date, Adresse, etc…).
  • En cas d’utilisation d’options de visibilité sur des Séparateurs, l’ensemble des éléments présents dans ce dernier auront la même option de Visibilité.

Rendre visible un ou plusieurs champs en fonction d’une condition de visibilité.

Supposons que nous voulons conditionner la visibilité des champs contenus dans le séparateur « Première installation d’une chaudière » en fonction de  l’élément « Nouvelle installation » de la liste « Type de prestation ».

Allez dans les options du séparateur, onglet Visibilité.

Choisissez :

  • = : lorsque Type de prestation est strictement égale à Nouvelle installation, alors le champ de saisie sera visible.
  • : lorsque Type d’installation est strictement différent de Nouvelle installation (par exemple Réparation ou Remplacement) alors le champ de saisie sera visible.
  • Parmi les valeurs suivantes : lorsque Nouvelle installation ET/OU Nouvelle installation (nouveau client) sont sélectionnés dans type de prestation, alors le champ de saisie sera visible.
  • Parmi aucune des valeurs suivantes : lorsque Nouvelle installation ET/OU Nouvelle installation (nouveau client) ne sont pas sélectionnés dans type de prestation, alors le champ de saisie sera visible.
  • Contient : lorsque Type de prestation comprend le mot installation (par exemple nouvelle installation ET/OU nouvelle installation (nouveau client) sont sélectionnés) alors le champ de saisie sera visible.
  • Ne contient pas : lorsque Type de prestation ne comprend pas le mot installation, alors le champ de saisie sera visible.

Paramétrer les options de visibilité.

Nous supposons maintenant que le nombre d’installation correspond à un Slider allant de 1 à 10. Nous souhaitons obtenir la visibilité d’un champ de saisie par exemple, lorsque l’on conditionne la visibilité avec le chiffre 5.

Choisissez :

  • : lorsque Nombre d’installation est strictement égale à 5 alors le champ de saisie sera visible.
  • ≠ : lorsque Nombre d’installation est strictement différent de 5 alors le champ de saisie sera visible.
  • < : lorsque nombre d’installation est inférieur à 5 alors le champ de saisie sera visible.
  • : lorsque nombre d’installation est inférieur ou égale à 5 alors le champ de saisie sera visible.
  • > : lorsque nombre d’installation est supérieur à 5 alors le champ de saisie sera visible.
  • ≥ : lorsque nombre d’installation est supérieur ou égale à 5 alors le champ de saisie sera visible.
  • Compris entre : lorsque nombre d’installation se situe entre 1 et 5 alors le champ de saisie sera visible.
  • Non compris entre : lorsque nombre d’installation ne se situe pas entre 1 et 5 alors le champ de saisie sera visible.

Paramétrer les options de visibilité.

NB : il est aussi possible de conditionner la visibilité avec un champ vide. Si une information est saisie dans ce champ, alors l’élément n’apparaîtra pas.

Astuce : Vous pouvez conditionner la visibilité d’un champ en fonction d’un champ signature signé ou non.

Ici, SI le champ signature Client est signé, alors le champ signature Technicien sera visible.

Condition de visibilité sur un champ signature.

Rendre visible un ou plusieurs champs en fonction de plusieurs conditions de visibilité.

  • Toutes les conditions doivent être vérifiées :

Pour se faire, vous devez configurer vos conditions de visibilité et cocher la case « Toutes les conditions doivent être vérifiées ».

Dans notre exemple, le champ de saisie sera visible SI Type de prestation est strictement égal à Nouvelle installation (nouveau client) ET SI la case à cocher Devis validé par le client est cochée.

Paramétrer plusieurs options de visibilité.

  • Au moins une condition doit être vérifiée :

Configurez vos conditions de visibilité et cochez la case « Au moins une condition doit être vérifiée ».

Par exemple, le champ de saisie sera visible SI Type de prestation est égal à Nouvelle installation (nouveau client) ET/OU SI Type de prestation est égal à Nouvelle installation.

Paramétrer plusieurs options de visibilité.

  • N’oubliez pas d’enregistrer !

Rendre visible un élément en fonction du profil d’un utilisateur :

Comme expliquer dans notre introduction, seul le manager peut valider la commande à l’aide d’une signature. Les autres utilisateurs ne devraient donc pas voir cet élément. Pour cela, il faut rendre visible un élément en fonction du profil d’un utilisateur.

Les Champs Utilisateurs Personnalisés :

Vous devez dans un premier temps paramétrer vos Champs Utilisateurs Personnalisés.

  • Pour cela rendez-vous dans Configuration -> Application -> Champs Utilisateurs Personnalisés.
  • Sur cette page, vous pouvez créer ces derniers. Cela permettra de faire apparaître de nouveaux champs dans le profil de vos utilisateurs et donc de nouvelles informations.
  • N’oubliez pas de Valider!

Dans le champ 4 de notre illustration, nous ajoutons « Statut ».

Champs Utilisateurs Personnalise

Le nouveau champ étant créé, nous allons modifier le profil de notre manager.

  • Pour cela rendez-vous dans Configuration -> Utilisateurs puis cliquez sur Modifier.
  • Dans le nouveau champ qui est apparu, saisissez l’information que vous souhaitez ajouter. Ici, nous ajoutons « Manager ».

saisissez l'information que vous souhaitez ajouter

Note : Comme vous pouvez le voir, nous ne sommes pas obliger de compléter tous les champs.

Configuration de la visibilité des éléments.

  • Rendez-vous sur votre formulaire et configurez vos conditions de visibilité en fonction de cette nouvelle information.
  • Ici, nous ajoutons à notre élément Signature : Visible si « Statut = Manager ».

configurez vos conditions de visibilité en fonction de cette nouvelle information

  • Dorénavant, seul la personne ayant le statut de manager pourra voir l’élément Signature.
  • N’oubliez pas d’enregistrer !

Pour aller plus loin :


N’hésitez pas à commenter cet article !
Nous sommes disponibles pour répondre à vos questions, suggestions, remarques, etc. !


Il y a 8 commentaires

  • Francois PELEVE

    11 Mai, 2017

    Bonjour,
    Est-il possible de rendre invisible un champ  »référence » lorsque la valeur renvoyée par la liste externe à laquelle il est liée est vide ou correspond à un critère particulier?
    merci de votre retour
    Cdlt

    • Sarah Marivaux

      11 Mai, 2017

      Bonjour,

      Vous ne pouvez pas rendre un champ directement invisible si la valeur renvoyée par la liste externe est vide.
      Cependant, vous pouvez utiliser la fonction ≠.
      Par exemple : « visible si » : « votre liste ≠ votre valeur ».
      Vous pouvez aussi utiliser cette astuce dans le cadre de votre critère particulier.
      De plus, n’oubliez pas de cocher la case « Toutes les conditions doivent être vérifiées ».

      Cordialement,

  • BOUTIN Thibault

    05 Avr, 2017

    Bonjour,

    Est-il possible lors de la mise en place d’une liste à saisie multiple d’insérer une condition de visibilité cumulative par élément coché ?

    Exemple :
    Liste : Chaussures ; Gants ; Parkas

    Si chaussures coché alors visibilité taille chaussures
    Et si gants coché alors visibilité taille gants
    Et si parka coché alors visibilité taille parka

    En effet, lors de mes essais, lorsque plusieurs éléments de la liste sont cochés seule les conditions sur un des éléments de la liste apparaît.

    Cordialement,

    Thibault BOUTIN

    • Sarah Marivaux

      05 Avr, 2017

      Bonjour,

      Vous pouvez utiliser la fonction « Contient ». Celle si permettra de gérer la visibilité cumulative.

      Cordialement,

  • CAVALLI Didier

    22 Fév, 2017

    Bonjour,
    Est-il possible d’envoyer un formulaire à deux adresses mail différentes en fonction d’une case à cocher.
    Si la case à cocher n’est pas cochée envoi à mail1
    Si la case à cocher est cochée envoi à mail1 et mail 2
    Merci pour votre réponse
    Cordialement

    • Sarah Marivaux

      22 Fév, 2017

      Bonjour,

      Cela sera disponible dans la prochaine mise à jour des emails.
      Vous pouvez actuellement effectuer cela avec un élément liste ou choix en insérant l’email en tant que code. Pour plus d’information, n’hésitez pas à consulter notre Kize’Astuce.

      Cordialement,

      Sarah Marivaux.

  • HERPOEL

    20 Nov, 2016

    Bonjour,

    Est-il possible de de lier la visibilité à une date?
    Si non, avez vous prévu cette évolution?
    Bien cordialement.

    Mickaël

    • Camila Mazas

      21 Nov, 2016

      Bonjour Monsieur Herpoel,

      Cette fonctionnalité n’existe pas est n’est pas prévue à aujourd’hui.
      Merci de votre contribution.

      Camila Mazas

Poster un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *