---
title: "Créer un onboarding"
---

Les [onboardings](onboardings) présentent aux nouveaux utilisateurs la valeur, les fonctionnalités et les conseils d'utilisation de votre application mobile.

## Étape 1. Créer un onboarding \{#step-1-create-an-onboarding\}

Pour créer un nouvel onboarding dans l'Adapty Dashboard :

1. Accédez à **Onboardings** depuis le menu principal d'Adapty. Cette page donne un aperçu de tous les onboardings que vous avez configurés, ainsi que leurs métriques. Cliquez sur **Create onboarding**.

  <img src="/assets/shared/img/create-onboarding1.png"
  style={{
    border: '1px solid #727272', /* border width and color */
    width: '700px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>

2. Donnez un nom explicite à votre onboarding et cliquez sur **Proceed to build onboarding**.

  <img src="/assets/shared/img/create-onboarding2.png"
  style={{
    border: '1px solid #727272', /* border width and color */
    width: '400px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>

3. Vous serez redirigé vers le créateur d'onboarding.
   
   Il contient un modèle de démonstration par défaut, que vous pouvez explorer pour comprendre comment les onboardings collectent des données et comment les personnaliser à l'aide de variables et de quiz. N'hésitez pas à supprimer les écrans dont vous n'avez pas besoin et à [concevoir votre propre expérience d'onboarding](design-onboarding).

  <img src="/assets/shared/img/create-onboarding3.png"
  style={{
    border: '1px solid #727272', /* border width and color */
    width: '700px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>

4. Lorsque vous êtes prêt, cliquez sur le bouton **Preview** en haut à droite. Parcourez vous-même votre flow d'onboarding pour vérifier que tout fonctionne comme prévu.
   
   <img src="/assets/shared/img/create-onboarding4.png"
   style={{
   border: '1px solid #727272', /* border width and color */
   width: '400px', /* image width */
   display: 'block', /* for alignment */
   margin: '0 auto' /* center alignment */
   }}
   />
   
5. Si tout fonctionne correctement, cliquez sur **Publish** en haut à droite. Attendez que la publication soit terminée avant de revenir dans Adapty. Dans le cas contraire, votre progression sera perdue.

:::danger
Si vous ne cliquez pas sur **Publish**, le SDK ne pourra pas récupérer l'onboarding que vous avez créé.
:::

   
   <img src="/assets/shared/img/create-onboarding5.png"
   style={{
   border: '1px solid #727272', /* border width and color */
   width: '400px', /* image width */
   display: 'block', /* for alignment */
   margin: '0 auto' /* center alignment */
   }}
   />
   
Une fois votre onboarding publié, cliquez sur **Back to Adapty**. Votre onboarding est créé et vous pouvez l'ajouter à un placement pour commencer à l'utiliser.

## Étape 2. Créer un placement pour votre onboarding \{#step-2-create-a-placement-for-your-onboarding\}

1. Accédez à **Placements** depuis le menu principal et basculez sur l'onglet **Onboardings**. Cliquez sur **Create placement**.

   
   <img src="/assets/shared/img/create-onboarding6.png"
   style={{
   border: '1px solid #727272', /* border width and color */
   width: '400px', /* image width */
   display: 'block', /* for alignment */
   margin: '0 auto' /* center alignment */
   }}
   />
   

2. Saisissez le nom et l'ID du placement. Ensuite, cliquez sur **Run onboarding** et sélectionnez un onboarding à afficher à tous les utilisateurs.
3. Si vous avez préparé un onboarding distinct pour un groupe d'utilisateurs spécifique, [ajoutez d'autres audiences](audience) et sélectionnez un onboarding différent pour elles.

## Étape 3. Intégrer l'onboarding dans votre application \{#step-3-integrate-the-onboarding-into-your-app\}

:::important
Les onboardings sont disponibles pour les applications utilisant le SDK Adapty v3.8.0+ (iOS, Android, React Native, Flutter), v3.14.0+ (Unity) ou v3.15.0+ (Kotlin Multiplatform, Capacitor).
:::

Pour commencer à afficher des onboardings dans votre application, intégrez-les avec le SDK Adapty :
- [iOS](ios-onboardings)
- [Android](android-onboardings)
- [React Native](react-native-onboardings)
- [Flutter](flutter-onboardings)
- [Unity](unity-onboardings)
- [Kotlin Multiplatform](kmp-onboardings)
- [Capacitor](capacitor-onboardings)

Pour déterminer quel onboarding fonctionne le mieux, vous pouvez également lancer des [tests A/B](ab-tests).