---
title: "Flows (Beta)"
description: "Éditeur visuel no-code pour créer des flows interactifs. Mettez à jour les textes, le design et les prix sans publier de nouvelle version."
---

:::important
Les flows sont actuellement pris en charge sur iOS, Android, React Native, Flutter et Capacitor SDK v4 et supérieur. La prise en charge d'autres plateformes et frameworks arrive prochainement.
:::

<CustomDocCardList ids={['builder-ui', 'flow-builder-recipes', 'builder-navigation-actions']} />

Dans Adapty, vous pouvez créer des flows dans un éditeur visuel no-code.

- **Créez des paywalls, des onboardings et bien plus** : créez des flows dynamiques à un ou plusieurs écrans.
- **Templates de flow complets** : démarrez avec un [template conçu par des professionnels](paywall-builder-templates).
- **Design flexible** : recréez des écrans complexes visuellement, sans écrire une ligne de code.
- **Rendu natif** : le SDK Adapty rend les flows nativement, sans web views, pour une expérience utilisateur fluide.
- **Mise à jour sans redéploiement** : modifiez les textes, le design ou la logique à tout moment. Les changements parviennent à vos utilisateurs sans nouvelle version de l'app.

<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/8Cby6lVGI0o?si=rYA1HtdayyF1ffWd"
        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>

## Ce que vous pouvez créer \{#what-you-can-build\}

Vous pouvez placer des flows n'importe où dans votre app — au premier lancement, devant une fonctionnalité premium ou après une action clé. Chaque écran est entièrement personnalisable, pour que chaque flow colle à son contexte. Voici quelques-uns des usages les plus populaires :

- **Onboarding** : présentez les fonctionnalités de votre app, posez des questions et personnalisez les éléments mis en avant et les CTA en fonction des réponses au quiz. Voir [Créer un flow d'onboarding personnalisé](onboarding-flow-tutorial).
- **Écrans de paywall** : bloquez l'accès au contenu premium et présentez vos produits avec des listes de fonctionnalités, les tarifs et un bouton d'achat. Voir [Créer un écran de paywall simple](basic-paywall-screen).
- **Offres par niveaux en onglets** : affichez les niveaux d'abonnement côte à côte dans des onglets, en changeant la liste de fonctionnalités et le CTA au fil de la navigation. Voir [Créer un paywall avec des onglets](paywall-with-tabs) et [Afficher différentes fonctionnalités par produit](paywall-features-per-product).
- **Listes d'offres dépliables** : mettez en avant une offre principale et révélez la liste complète des produits dans une bottom sheet quand l'utilisateur veut comparer. Voir [Afficher toutes les offres dans une bottom sheet](show-plans-bottom-sheet).
- **Sondages et quiz** : collectez les objectifs, préférences ou le niveau d'expérience, puis utilisez les réponses pour brancher le flow ou adapter les écrans suivants. Voir [Formulaires et saisies dans le Flow Builder](builder-inputs-and-forms).
- **Preuve sociale** : renforcez la confiance avec des avis, notes et témoignages juste avant la décision d'achat. Voir [Avis et témoignages](builder-reviews-and-testimonials).
- **Écrans promo et de reconquête** : proposez des réductions limitées dans le temps, des offres d'essai gratuit ou des écrans de reconquête pour réengager les utilisateurs inactifs.

Ce ne sont que les usages les plus courants. Les flows sont construits à partir d'éléments flexibles et réutilisables, que vous pouvez combiner pour créer presque n'importe quel écran dont votre produit a besoin — et le remodeler à tout moment.

:::link
Vous souhaitez en savoir plus sur la création de flows ? Regardez les tutoriels vidéo étape par étape dans notre [playlist YouTube](https://www.youtube.com/playlist?list=PLMksWqaZiWtM).
:::

## Créer un flow \{#create-a-flow\}

[Créez un nouveau flow](paywall-builder-templates) à partir d'un template de la galerie ou d'un canvas vierge. Personnalisez-le ensuite grâce aux fonctionnalités suivantes :

- **[Bibliothèque d'éléments](builder-elements)** — blocs prêts à l'emploi pour le texte, les médias, les boutons, les formulaires et autres contenus.
- **[Actions](onboarding-actions)** — naviguez entre les écrans, ouvrez des URLs, lancez des achats, et plus encore.
- **[Variables](onboarding-variables)** — utilisez des valeurs de variables dans les textes ou pour déclencher une logique conditionnelle dans le flow.
- **[Navigation conditionnelle](onboarding-navigation-branching)** — branchez le flow en fonction des saisies utilisateur.
- **[Quiz et saisies](builder-inputs-and-forms)** — collectez et traitez les entrées utilisateur.
- **[Mode sombre](paywall-dark-mode)** — stylisez les éléments pour correspondre au thème de l'appareil.
- **[Localisation](add-flow-remote-config-locale)** — manuelle ou assistée par IA.

[Enregistrez et publiez](builder-save-publish) votre brouillon, puis associez-le à un [placement](create-placement). Un placement peut contenir différents flows pour différentes [audiences](add-audience-paywall-ab-test).

## Étapes suivantes \{#next-steps\}

<CustomDocCardList />