> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kameleoon.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Ajouter une logique conditionnelle

> Affichez ou masquez des éléments de formulaire, des éléments de sondage et des écrans selon les réponses des visiteurs, en configurant des événements Survey dans le Widget Studio.

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](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/create-forms/add-conditional-logic-to-your-forms/Capture-decran-2023-02-17-a-15.55.36.png)

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](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/create-forms/add-conditional-logic-to-your-forms/Capture-decran-2023-02-17-a-16.01.02.png)

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](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/create-forms/forms-survey-event-dropdown-value-step-1-zoom2-v2.png)

6. Sous **Actions**, sélectionnez **Show an element**, puis choisissez le second menu déroulant.
7. 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é](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/create-forms/add-conditional-logic-to-your-forms/widget-conditional-logic.gif)

## 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](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/create-csat-nps-and-surveys/create-conditional-logic-in-your-surveys/screenshot-2025-06-10-at-3.45.08PM-1536x960.png)

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! »](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/create-csat-nps-and-surveys/create-conditional-logic-in-your-surveys/screenshot-2025-06-10-at-3.44.05PM-1536x960.png)

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](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/create-csat-nps-and-surveys/create-conditional-logic-in-your-surveys/screenshot-2025-06-10-at-3.46.55PM-1536x960.png)

### 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](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/create-csat-nps-and-surveys/create-conditional-logic-in-your-surveys/conditional-logic-survey.png)

3. Sous **If the value for**, sélectionnez **NPS**.
4. Sous **matches**, sélectionnez **Passives** et **Promoters**.

![Encadré Conditions de New survey event avec la condition NPS matches Passives and Promoters](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/conditional-logic-survey-event-conditions-step-1.png)

5. Définissez ensuite l'action. Cliquez sur **Add action** > **Show a screen**.
6. Sélectionnez **Thank you**.

![Section Actions d'un événement avec Show a screen sélectionné et Thank you choisi comme écran](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/create-csat-nps-and-surveys/create-conditional-logic-in-your-surveys/ty-screen-1-768x655.png)

7. 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](https://docs.kameleoon.com/fr/user-manual/assets/widgets/create-a-widget-with-the-widget-studio/create-forms/add-rules-to-your-form-fields.md).