Recettes de flow courantes

Cette section explique comment construire les modèles d’écrans les plus courants dans le Flow & Paywall 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 renvoie son résultat. Chaque guide est autonome et utilise les éléments standard du Flow & Paywall Builder.

Réutiliser des éléments dans les flows

Enregistrez une sélection de plan, une timeline ou un écran entier dans un fichier, puis ajoutez-le à n'importe quel autre flow — dans la même application ou une autre.

Identifiants de nom pour l'analytique

Donnez à vos écrans, champs de saisie et options de quiz des IDs lisibles, afin que les événements envoyés à Amplitude ou Mixpanel apparaissent sous forme de noms plutôt que de codes.

Créer un écran de paywall basique

Guide étape par étape pour créer un écran de paywall standard dans le Flow & Paywall 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 bottom sheet 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 permettent de basculer 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 l'utilisateur ne quitte le paywall.

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

Barrez le prix mensuel à côté du prix mensuel effectif de l'abonnement annuel pour rendre la réduction visible en 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 second flow lorsque l'achat réussit.

Créer un paywall avec un bouton d'essai

Basculez un paywall entre des produits avec et sans essai gratuit, et synchronisez le produit sélectionné 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 branchements conditionnels — à travers un exemple concret.

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