---
title: "Quiz dans les flows"
description: "Ajoutez des quiz interactifs à vos flows Adapty pour recueillir les préférences des utilisateurs et créer des flows personnalisés, sans écrire de code."
---

Utilisez les quiz pour proposer aux utilisateurs des choix prédéfinis. Contrairement aux champs de saisie, les quiz n'ont pas de champs texte libres — les utilisateurs choisissent parmi les options que vous définissez. Servez-vous-en pour recueillir des préférences, segmenter les utilisateurs ou orienter le flow en fonction de leurs réponses.

<div style={{
    maxWidth: '560px',
    margin: '0 auto 2rem',
    position: 'relative',
    aspectRatio: '16/9',
    width: '100%'
}}>
    <iframe
        style={{
            position: 'absolute',
            top: 0,
            left: 0,
            width: '100%',
            height: '100%'
        }}
        src="https://www.youtube.com/embed/o27JCZpziVo?si=rooiCS91W0yIBgkz"
        title="YouTube video player"
        frameBorder="0"
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
        referrerPolicy="strict-origin-when-cross-origin"
        allowFullScreen
    />
</div>

### Ajouter un quiz \{#add-a-quiz\}

1. Cliquez sur **+** en haut à gauche.
2. Sélectionnez **Quiz**.
3. Choisissez le type de quiz :
   - **Options avec icône/image/emoji :** Une liste verticale d'options sélectionnables, chacune accompagnée d'une icône, d'une image ou d'un emoji et d'un libellé texte.
   - **Grille avec icône/image/emoji :** Une grille d'options sélectionnables, chacune avec une icône, une image ou un emoji.
   - **Notation :** Une échelle permettant aux utilisateurs d'exprimer une note — numérique ou sous forme d'étoiles.

### Mettre en place une navigation conditionnelle \{#set-up-conditional-navigation\}

Pour rediriger les utilisateurs différemment selon leur choix, définissez une action conditionnelle sur le **bouton de navigation**, et non sur l'option du quiz :

1. Sélectionnez le bouton de navigation.
2. Dans le panneau **Interactions**, ajoutez un déclencheur **On Tap** avec une action **Conditional**.
3. Dans la boîte de dialogue **Edit Action**, configurez la ligne **if** :
   - À gauche, cliquez sur `{}` et sélectionnez **Elements → Screen → `<quizElementId>.selectedOptionId`** pour référencer la sélection de l'utilisateur.
   - Laissez l'opérateur sur `=`.
   - À droite, saisissez l'elementId à faire correspondre — par exemple, `rock`.
4. Sous **then**, définissez l'action sur **Navigate to** et choisissez l'écran de destination.
5. Sous **else**, définissez une destination de secours **Navigate to**, ou cliquez sur **+ Add else/if** pour ajouter d'autres conditions pour les autres options.

:::link
Consultez les guides correspondants pour comprendre comment utiliser les réponses aux quiz :
- [Navigation conditionnelle](onboarding-navigation-branching)
- [Variables](onboarding-variables)
- [Actions](onboarding-actions)
:::

### Changer le type de quiz \{#change-quiz-type\}

Par défaut, un quiz est en mode **multi choice** — les utilisateurs peuvent sélectionner plusieurs options à la fois. Passez en mode **single choice** si vous souhaitez qu'ils n'en choisissent qu'une seule.

1. Sélectionnez l'écran contenant le quiz.
2. Dans **Screen settings**, faites défiler jusqu'à **Selectable groups** et cliquez sur votre quiz.
3. Dans la boîte de dialogue **Edit group**, ouvrez **Group type** et choisissez :
   - **Single choice** — une seule option peut être sélectionnée à la fois.
   - **Multi choice** — les utilisateurs peuvent sélectionner plusieurs options.
4. Cliquez sur **Save**.