Utiliser des conditions avec XM Cloud Form Builder / Blogs / Perficient

Si vous suivez l’actualité des sorties de Sitecore, vous avez déjà remarqué la sortie du très attendu XM Cloud Forms, qui ne disposait cependant pas de fonctionnalité d’ajout de logique conditionnelle. Jusqu’à maintenant.

La bonne nouvelle est que nous pouvons désormais le faire, et voici comment.

Voyez-le en action

Imaginez que vous ayez un formulaire d’inscription et que vous souhaitiez demander si vos clients souhaitent recevoir l’e-mail. Pour ce faire, ajoutez deux champs supplémentaires en bas :

• une case à cocher permettant aux utilisateurs de définir s’ils souhaitent recevoir ces e-mails
• un champ de saisie email dédié pour laisser l’adresse email

Évidemment, vous souhaitez valider la saisie de l’adresse e-mail comme d’habitude et la rendre obligatoire. Dans le même temps, vous souhaitez que ce champ ne fonctionne qu’avec un chéquier en cours de vérification, sinon il sera ignoré et idéalement masqué.

Une fois que nous avons défini les propriétés Required et Hidden, un indice apparaît indiquant que nous ne pouvons pas les avoir toutes les deux ensemble car cela crée simplement une impasse – quelque chose que j’ai mentionné dans mon examen antérieur du constructeur XM Cloud Forms

Alors, comment y parvenir ?

À partir de maintenant, il existe un onglet Logique supplémentaire que vous pouvez exploiter pour ajouter une logique supplémentaire à vos formulaires.

Voyons ce que l’on peut en faire :

• vous pouvez ajouter de nouveaux éléments de logique
• appliquer plusieurs conditions dans l’élément de logique et définir si toutes doivent être conformes ou n’importe laquelle d’entre elles (« ET » et « OU » logiques)
• vous pouvez créer des groupes de conditions pour combiner plusieurs clauses logiques OU afin de fonctionner avec la même condition ET unique
• pour chaque condition, sélectionnez un domaine d’application particulier dans une liste déroulante
• définissez les exigences que vous souhaitez satisfaire à partir d’une autre liste déroulante, spécifique au contenu :
  • correspondance stricte
  • commence ou se termine par
  • contient
  • coché / décoché
  • etc.
• non seulement avoir plusieurs logiques conditionnelles, vous pouvez également avoir plusieurs logiques de champs dans une seule condition avec le même « et / « ou »

Une fois que toutes les conditions sont remplies, vous exécutez l’action souhaitée sur un champ spécifié :

Revenant sur un formulaire avec un abonnement email optionnel défini par une case à cocher, j’ai créé la règle suivante :

Le moteur de règles de logique conditionnelle est très intuitif et lisible par l’homme. Je n’ai même pas besoin d’expliquer la capture d’écran ci-dessus car elle est naturellement explicite. Alors comment cela fonctionne-t-il? Lançons Aperçu et voyons-le en action.

Lors de l’exécution normale du formulaire, nous ne voyons qu’une case à cocher désactivée par défaut et pouvons le soumettre immédiatement :

Mais vérifier Envoyez-moi des mises à jour et des promotions cocher permet E-mail champ, qui est obligatoire. Le formulaire ne sera pas soumis avec une adresse e-mail invalide tant que la case n’est pas cochée.

Mon attente concernant la logique conditionnelle était d’appliquer des conditions pour les formulaires multipages au niveau de la page. Disons que j’ai une première page ayant une sorte de condition de branchement, de sorte que si l’utilisateur la remplit, elle accède aux pages 2 et 3, mais sinon, seulement à la page 4, les deux branchements se terminant à la page 5. Malheureusement, j’ai n’a pas trouvé le moyen de le faire. Espérons que les équipes de développement ajouteront cela à l’avenir, étant donné la manière dont elles introduisent progressivement et de manière persistante de nouvelles fonctionnalités. Quoi qu’il en soit, ce qui nous est offert aujourd’hui est déjà un outil très puissant qui nous permet de créer des flux vraiment compliqués de données utilisateur d’entrée.