Skip to main content
La logique conditionnelle n’affiche un élément ou un écran que lorsque la réponse d’un visiteur le rend pertinent. Un formulaire qui pose à chaque visiteur toutes les questions oblige la plupart des visiteurs à répondre à des questions qui ne les concernent pas, et rend le formulaire plus long que nécessaire. Par exemple, un visiteur qui souhaite découvrir les derniers produits n’a aucune raison de choisir un sujet de blog. Un second menu déroulant, qui apparaît après le premier choix, recueille le seul détail dont vous avez besoin, et uniquement auprès des visiteurs qui doivent le fournir.

​
Fonctionnement de la logique conditionnelle

Chaque règle conditionnelle est un événement Survey dans la section Events du Widget Studio. Le type d’événement Survey gère de la même manière les valeurs des sondages et celles des formulaires. Ainsi, un Dropdown de la section Form et un Short answer de la section Survey peuvent tous deux servir de conditions. Chaque événement comporte deux parties :
  • Condition : La réponse qui déclenche l’événement, comme une option précise d’un menu déroulant.
  • Action : Ce que Kameleoon fait lorsque la condition est remplie, comme afficher un élément masqué.
L’action affiche un élément ; cet élément commence donc masqué. Sinon, l’événement n’aurait rien à modifier.

​
Afficher un second menu déroulant selon le choix d’un visiteur

Utilisez la logique conditionnelle lorsqu’une question de suivi ne s’applique qu’à certaines réponses. Supposons que votre formulaire d’inscription à la newsletter demande aux visiteurs de choisir Latest products ou Blog updates. Seuls les visiteurs qui choisissent Latest products doivent sélectionner une catégorie de produits. Le second menu déroulant n’apparaît donc que dans ce cas.
Panneau des paramètres de Dropdown avec Initial state défini sur Enabled, Required activé, et les options Latest Products et Blog Updates
Le second menu déroulant propose All products, Clothes et Shoes.
Panneau des paramètres de Dropdown avec Initial state défini sur Enabled, Required activé, et les options All Products, Clothes et Shoes
Pour afficher le second menu déroulant uniquement lorsqu’un visiteur sélectionne Latest products, suivez ces étapes :
  1. Survolez le second menu déroulant dans la liste Elements, cliquez sur son menu three-dots, puis cliquez sur Hide. Le menu déroulant reste masqué jusqu’à ce que l’événement s’exécute.
  2. Cliquez sur Events dans la barre latérale gauche, puis cliquez sur Add event.
  3. Sélectionnez Survey, puis cliquez sur Next.
  4. Sous If the value for, sélectionnez le premier menu déroulant.
  5. Sous is, sélectionnez Latest products.
Nouvel événement Survey avec la condition If the value for Dropdown, et la liste des valeurs affichant Latest products
  1. Sous Actions, sélectionnez Show an element, puis choisissez le second menu déroulant.
  2. Cliquez sur Save event.
Lorsqu’un visiteur sélectionne Latest products, le second menu déroulant apparaît. Les visiteurs qui sélectionnent Blog updates ne déclenchent pas l’événement : le second menu déroulant reste donc masqué pour eux.
Pop-in animé Stay up to date! avec un champ e-mail, un menu déroulant affichant Please choose an option, et un bouton Subscribe désactivé

​
Afficher un écran selon le score NPS

Utilisez la logique conditionnelle sur un sondage pour modifier ce que voient les visiteurs après avoir répondu. Supposons que vous ayez créé un sondage NPS en plusieurs étapes et que vous souhaitiez personnaliser l’expérience en fonction du score du visiteur. Si un visiteur donne un score de 0 à 6 (un détracteur), vous pouvez afficher une question de suivi qui demande davantage de retours. Si le score est de 7 à 10 (un passif ou un promoteur), vous pouvez passer directement à un message de remerciement. Dans l’exemple suivant, le sondage se compose de deux écrans :
  • Screen 1 : La question du score NPS (0 à 10). Pour les détracteurs (scores de 0 à 6), un champ de texte libre de suivi demande la raison principale du score.
  • Screen 2 : Un écran de confirmation (« Thank you for your feedback! »).

​
Configurer les écrans du sondage

Dans le Widget Studio, créez les deux écrans :
  • Screen 1 avec l’élément NPS
  • Screen 2 avec un message de confirmation
Screen 1 avec la question de score NPS
Screen 2 affiche le message de confirmation que les visiteurs voient après avoir répondu.
Screen 2 avec le message « Thank you for your feedback! »
Vérifiez que Screen 1 est l’écran par défaut.

​
Poser une question de suivi aux détracteurs

  1. Sélectionnez l’élément NPS.
  2. Dans l’onglet Settings, sous Follow-up question, sélectionnez Detractors.
Paramètres de l'élément NPS avec la question de suivi définie sur Detractors (score 0-6) et un aperçu du pop-up du sondage affichant le champ de texte de suivi

​
Ajouter un événement de logique conditionnelle pour les passifs et les promoteurs

  1. Cliquez sur Events dans la barre latérale gauche, puis cliquez sur Add event.
  2. Dans le panneau Create new event, sélectionnez Survey comme type d’événement.
Boîte de dialogue Create new event avec les options Click, URL, Display, Survey, Language et Timer, et l'option Survey sélectionnée
  1. Sous If the value for, sélectionnez NPS.
  2. Sous matches, sélectionnez Passives et Promoters.
Encadré Conditions de New survey event avec la condition NPS matches Passives and Promoters
  1. Définissez ensuite l’action. Cliquez sur Add action > Show a screen.
  2. Sélectionnez Thank you.
Section Actions d'un événement avec Show a screen sélectionné et Thank you choisi comme écran
  1. Définissez une seconde action : Hide element > Screen 1.
Cette configuration signifie que Screen 2 apparaît si le visiteur sélectionne un score compris entre 7 et 10, ce qui assure une transition fluide entre le retour d’information et l’écran de remerciement.

​
Vérifier la logique finale

Voici la logique finale :
  1. Le widget affiche toujours Screen 1 en premier.
  2. Si le score est compris entre 0 et 6, le widget affiche la question de suivi.
  3. Lorsque le visiteur clique sur Submit sur Screen 1, il accède à Screen 2.
  4. Pour les scores de 7 et plus, le widget ignore la question de suivi et envoie directement les visiteurs vers Screen 2.
Cette logique vous aide à recueillir des informations plus détaillées auprès des détracteurs, tout en gardant une expérience fluide pour les autres visiteurs.

​
Autres conditions

Les événements Survey fonctionnent également avec les champs Short answer. Choisissez matches validation rule ou doesn’t match validation rule comme condition pour afficher un message lorsqu’une saisie ne respecte pas une règle. Pour configurer ce message, consultez Valider la saisie Short answer.