---
title: "Navigation et branchement"
description: "Guidez les utilisateurs à travers les écrans avec des routes statiques et un branchement dynamique."
---

La navigation et le branchement vous permettent de guider les utilisateurs à chaque étape de votre flow : utilisez des routes statiques pour envoyer tout le monde vers les écrans principaux, et la navigation dynamique pour adapter le flow en fonction des choix des utilisateurs.

:::link
La navigation est un type d'action. Pour en savoir plus sur les actions, consultez [Actions](onboarding-actions).
:::

<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/OLl-WziDMhU?si=_eUtsmbEuFAaLj1r"
        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>

## Naviguer entre les écrans \{#navigate-between-screens\}

Vous pouvez configurer une navigation statique et dynamique à l'aide de différents éléments du flow.

### Navigation statique \{#static-navigation\}

La navigation statique dirige tous les utilisateurs vers le même écran cible. Pour la configurer :
1. Sélectionnez un élément sur lequel les utilisateurs peuvent appuyer — bouton, réponse à un quiz ou bascule.
2. Ouvrez le panneau **Interactions** à droite. Cliquez sur **Add trigger**.

   Pour naviguer immédiatement les utilisateurs lorsqu'ils appuient sur une option de quiz — sans nécessiter un appui sur un bouton séparé — sélectionnez ici l'élément d'option de quiz plutôt qu'un bouton.

   

3. Configurez le déclencheur **On tap** :
   - **Action** : sélectionnez **Navigate to screen**.
   - **Destination** : choisissez l'écran de destination.

  

### Navigation dynamique \{#dynamic-navigation\}

La navigation dynamique oriente les utilisateurs en fonction de leurs réponses aux quiz, de l'état des bascules et des attributs personnalisés.
N'importe quel [élément sélectionnable](flow-selectable-elements) peut servir de condition pour la navigation dynamique.

Pour la configurer :
1. Sélectionnez un élément qui naviguera les utilisateurs.
2. Ouvrez le panneau **Interactions** à droite. Cliquez sur **Add trigger**.

   Pour naviguer immédiatement les utilisateurs lorsqu'ils appuient sur une option de quiz — sans nécessiter un appui sur un bouton séparé — sélectionnez ici l'élément d'option de quiz plutôt qu'un bouton.

   

3. Configurez le déclencheur **On tap** :
   - **Action** : sélectionnez **Conditional**.
   - **Conditions** : définissez les actions de navigation conditionnelle. En savoir plus [ici](onboarding-actions#conditional-actions).

## Fermer le flow \{#close-flow\}

Si le parcours utilisateur nécessite de fermer le flow, vous pouvez le configurer à l'aide de boutons ou de quiz à réponse unique :

1. Ajoutez et sélectionnez un élément qui doit fermer le flow au tap.
2. Ouvrez le panneau **Interactions** à droite. Cliquez sur **Add trigger**.
   

3. Configurez le déclencheur **On tap** :
   - **Action** : sélectionnez **Close flow**.