---
title: "Activer les achats"
description: "Ajoutez un flow ou un paywall dans Adapty pour présenter vos produits, puis attachez-le à un placement."
---

:::info
Pour suivre ce guide, assurez-vous d'avoir terminé l'[intégration au store](integrate-payments) et créé au moins un produit comme décrit dans le [guide précédent sur l'ajout de produits](quickstart-products).
:::

Maintenant que vous avez des produits, vous devez trouver un moyen de les présenter aux utilisateurs. Adapty vous propose trois options :

- **Flow Builder (recommandé)** : éditeur visuel no-code pour tout le parcours d'achat. Le SDK Adapty affiche le résultat nativement, sans code UI à écrire.
- **Paywall manuel** : vous créez un paywall, y attachez des produits et affichez l'interface vous-même dans le code de votre app.
- **Adapty Paywall Builder (Legacy)** : éditeur de paywall no-code.

Les deux options aboutissent au même résultat : vous attachez ce que vous avez créé à un [placement](placements). C'est le placement que votre app appelle au runtime pour récupérer le bon contenu pour le bon utilisateur.

<Tabs groupId="purchase-setup" queryString>
<TabItem value="flow-builder" label="Use the Flow Builder" default>

:::important
Le Flow Builder prend actuellement en charge iOS, Android, React Native, Flutter et Capacitor SDK v4 et versions ultérieures. La prise en charge d'autres plateformes est à venir.
:::

Un flow est un ou plusieurs écrans avec des produits intégrés directement. Vous le concevez dans le [Flow Builder](adapty-flow-builder) — aucun code requis.

Le SDK Adapty affiche les flows nativement sur chaque plateforme. Votre app appelle `getFlow`, et le SDK présente les écrans, gère les achats et remonte les événements. Pas de code UI séparé, pas de paywall à maintenir en parallèle.

## 1. Créer le flow \{#1-build-the-flow\}

1. Rendez-vous dans [**Flows**](https://app.adapty.io/flows) dans le menu principal d'Adapty.
2. Cliquez sur **Create flow** et concevez votre flow.

En savoir plus sur le [Adapty Flow Builder](adapty-flow-builder).

Les guides de modèles ci-dessous décrivent étape par étape les schémas les plus courants :

<CustomDocCardList ids={['basic-paywall-screen', 'show-plans-bottom-sheet', 'paywall-with-tabs', 'paywall-features-per-product', 'onboarding-flow-tutorial']} />

Une fois votre flow sauvegardé et publié, passez à son intégration dans un placement.

:::warning
N'oubliez pas de publier le flow ! Si vous ne le publiez pas, vous ne pourrez pas l'ajouter à un placement.
:::

### 2. Ajouter le flow à un placement \{#2-add-the-flow-to-a-placement\}

Créez un <InlineTooltip tooltip="placement">Un placement est un point précis de votre app où vous affichez un flow, un paywall, un onboarding ou un test A/B. Les placements vous permettent de cibler des [audiences](audience) spécifiques avec votre contenu. En savoir plus sur les [placements](placements).</InlineTooltip> pour que votre app puisse demander le flow au runtime.

Commençons par le plus essentiel — le placement d'onboarding. Vous pourrez ensuite ajouter d'autres [placements pertinents](choose-meaningful-placements) tout au long du parcours utilisateur.

1. Rendez-vous dans [**Placements**](https://app.adapty.io/placements) dans le menu principal d'Adapty et passez à l'onglet **Flows**.
2. Cliquez sur **Create placement**.
3. Saisissez un **Placement name** (ex. : `main` ou `onboarding`). Il s'agit d'un identifiant interne dans l'Adapty Dashboard.
4. Saisissez un **Placement ID**. Vous utiliserez cet ID dans le SDK Adapty pour charger le flow du placement.
5. Cliquez sur **Run flow** et choisissez le flow que vous venez de créer.
6. Cliquez sur **Save & publish**.

Dans le code de votre app, vous n'écrivez en dur que les IDs de placement. Tout le reste — quel flow s'exécute, quels produits il vend, comment il se présente — est configuré dans l'Adapty Dashboard et peut être modifié à tout moment sans mise à jour de l'app.

:::tip
Adapty vous permet d'afficher différents flows à différents groupes d'utilisateurs et d'analyser les performances. En savoir plus sur les [audiences](audience) et les [tests A/B](ab-tests).
:::

</TabItem>
<TabItem value="manual-paywall" label="Implement paywall manually">

<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/e4o7Z2tUGL8?si=ipwbW3VVN0fIg0R0"
        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>

Un paywall est un conteneur configuré à distance pour un ou plusieurs produits. Adapty fournit la liste des produits et un payload JSON de [Remote Config](customize-paywall-with-remote-config) optionnel — votre code d'app les lit et affiche l'interface.

:::tip
Vous configurez Adapty de manière programmatique ? Vous pouvez effectuer cette étape via la [CLI développeur](developer-cli-quickstart).
:::

### 1. Créer un paywall \{#1-create-a-paywall\}

1. Rendez-vous dans [**Paywalls**](https://app.adapty.io/paywalls) dans le menu principal d'Adapty.
2. Cliquez sur **Create paywall**.
3. Saisissez un **Paywall name**. Il s'agit d'un identifiant interne dans l'Adapty Dashboard.
4. Cliquez sur **Add product** et choisissez les produits à afficher sur le paywall.
5. (Optionnel) Ouvrez l'onglet **Remote config** et ajoutez le payload JSON dont votre app a besoin (titres, textes, feature flags). Voir [Personnaliser le paywall avec le Remote Config](customize-paywall-with-remote-config) pour plus de détails.
6. Cliquez sur **Create as a draft**, puis publiez quand vous êtes prêt.

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

Vous afficherez ce paywall dans le code de votre app. <InlineTooltip tooltip="implémenter les paywalls manuellement">Suivez le guide pour votre plateforme : [iOS](ios-implement-paywalls-manually), [Android](android-implement-paywalls-manually), [React Native](react-native-implement-paywalls-manually), [Flutter](flutter-implement-paywalls-manually), [Unity](unity-implement-paywalls-manually).</InlineTooltip>

### 2. Ajouter le paywall à un placement \{#2-add-the-paywall-to-a-placement\}

Créez un <InlineTooltip tooltip="placement">Un placement est un point précis de votre app où vous affichez un flow, un paywall, un onboarding ou un test A/B. Les placements vous permettent de cibler des [audiences](audience) spécifiques avec votre contenu. En savoir plus sur les [placements](placements).</InlineTooltip> pour que votre app puisse demander le paywall au runtime.

Commençons par le plus essentiel — le placement d'onboarding. Vous pourrez ensuite ajouter d'autres [placements pertinents](choose-meaningful-placements) tout au long du parcours utilisateur.

1. Rendez-vous dans [**Placements**](https://app.adapty.io/placements) dans le menu principal d'Adapty et passez à l'onglet **Paywalls**.
2. Cliquez sur **Create placement**.
3. Saisissez un **Placement name** (ex. : `main` ou `onboarding`). Il s'agit d'un identifiant interne dans l'Adapty Dashboard.
4. Saisissez un **Placement ID**. Vous utiliserez cet ID dans le SDK Adapty pour charger le paywall du placement.
5. Cliquez sur **Run paywall** et choisissez le paywall que vous venez de créer.
6. Cliquez sur **Save & publish**.

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

Dans le code de votre app, vous n'écrivez en dur que les IDs de placement. Tout le reste — quel paywall s'exécute, quels produits il vend, le Remote Config — est configuré dans l'Adapty Dashboard et peut être modifié à tout moment sans mise à jour de l'app.

:::tip
Adapty vous permet d'afficher différents paywalls à différents groupes d'utilisateurs et d'analyser les performances. En savoir plus sur les [audiences](audience) et les [tests A/B](ab-tests).
:::

</TabItem>
<TabItem value="paywall-builder" label="Adapty Paywall Builder (Legacy)">

Un paywall créé dans le [Paywall Builder](adapty-paywall-builder) est un écran no-code avec des produits intégrés directement. Le SDK Adapty l'affiche nativement, sans code UI à écrire.

:::warning
Le Paywall Builder est entièrement fonctionnel, mais Adapty n'y ajoute plus de fonctionnalités ni de mises à jour. Pour les nouveaux projets, utilisez plutôt le [Flow Builder](adapty-flow-builder).
:::

### 1. Créer le paywall \{#1-build-the-paywall\}

1. Rendez-vous dans [**Paywalls**](https://app.adapty.io/paywalls) dans le menu principal d'Adapty.
2. Cliquez sur **Create paywall**.
3. Saisissez un **Paywall name**. Il s'agit d'un identifiant interne dans l'Adapty Dashboard.
4. Cliquez sur **Add product** et choisissez les produits à afficher sur le paywall.
5. Ouvrez l'onglet **Builder & Generator**. Créez un paywall à partir d'un modèle ou générez-le avec l'IA.
6. Activez le toggle **Show on device** pour que le SDK puisse l'afficher.

### 2. Ajouter le paywall à un placement \{#2-add-the-paywall-to-a-placement-1\}

Créez un <InlineTooltip tooltip="placement">Un placement est un point précis de votre app où vous affichez un flow, un paywall, un onboarding ou un test A/B. Les placements vous permettent de cibler des [audiences](audience) spécifiques avec votre contenu. En savoir plus sur les [placements](placements).</InlineTooltip> pour que votre app puisse demander le paywall au runtime.

1. Rendez-vous dans [**Placements**](https://app.adapty.io/placements) dans le menu principal d'Adapty et passez à l'onglet **Paywalls**.
2. Cliquez sur **Create placement**.
3. Saisissez un **Placement name** (ex. : `main` ou `onboarding`). Il s'agit d'un identifiant interne dans l'Adapty Dashboard.
4. Saisissez un **Placement ID**. Vous utiliserez cet ID dans le SDK Adapty pour charger le paywall du placement.
5. Cliquez sur **Run paywall** et choisissez le paywall que vous avez créé.
6. Cliquez sur **Save & publish**.

Dans le code de votre app, vous n'écrivez en dur que les IDs de placement. Tout le reste — quel paywall s'exécute, quels produits il vend, comment il se présente — est configuré dans l'Adapty Dashboard et peut être modifié à tout moment sans mise à jour de l'app.

</TabItem>
</Tabs>

## Prochaines étapes \{#next-steps\}

Vous avez maintenant quelque chose à livrer par le SDK. Ensuite, [intégrez le SDK Adapty](quickstart-sdk) dans votre app et commencez à récupérer le placement.