Recettes de flows courants

Cette section explique comment créer les modèles d’écrans les plus courants dans le Flow Builder — élément par élément, des choix de mise en page aux interactions. Certains guides se prolongent dans le code de votre application, là où un flow transmet son résultat. Chaque guide est autonome et utilise les éléments standard du Flow Builder.

Créer un écran de paywall basique

Guide pas à pas pour créer un écran de paywall standard dans le Flow Builder.

Afficher tous les plans dans une bottom sheet

Créez un paywall hero avec un seul CTA, un lien « Afficher tous les plans » et une feuille inférieure qui révèle la liste complète des produits.

Créer un paywall avec des onglets

Créez un écran de paywall avec deux onglets qui alternent entre différentes listes de fonctionnalités, groupes de produits et actions d'achat.

Afficher différentes fonctionnalités par produit

Affichez une liste de fonctionnalités différente selon le produit sélectionné par l'utilisateur, grâce à la visibilité conditionnelle.

Afficher une offre quand les utilisateurs appuient sur Fermer

Interceptez le premier appui sur Fermer pour afficher une offre de dernière chance avant que les utilisateurs ne quittent le paywall.

Afficher un prix barré avec un badge de réduction

Barrez le prix mensuel à côté du prix mensuel effectif du plan annuel pour rendre la réduction visible d'un coup d'œil.

Répondre aux résultats d'achat

Réagissez à chaque résultat d'achat dans le code de votre app, et ouvrez un deuxième flow lorsque l'achat aboutit.

Créer un paywall avec un bouton d'essai

Faites basculer un paywall entre des produits avec et sans essai gratuit, et gardez le produit sélectionné en phase avec le bouton.

Créer un flow d'onboarding personnalisé

Parcourez le processus complet de création d'un flow d'onboarding multi-écrans — écrans, contenu, navigation et branchement conditionnel — à l'aide d'un exemple concret.

Suivez cette vidéo de démarrage rapide pour créer un flow personnalisé de base :