Flow & Paywall Builder
Avant qu’un flow puisse atteindre vos utilisateurs, il nécessite un SDK plus récent et un placement dédié :
- Adapty SDK v4.0 ou version ultérieure : les versions antérieures du SDK ne peuvent pas afficher les flows.
- Son propre placement de flow : les flows et les paywalls sont des types de contenu différents, chacun vivant sur son propre type de placement. Un flow ne peut pas être placé sur un placement de paywall, et un nouveau placement de flow ne peut pas réutiliser l’ID d’un placement de paywall — les IDs de placement sont uniques dans toute votre application. Voir Créer un placement.
Vue d'ensemble de l'interface
Aperçu de l'interface et de l'espace de travail du Flow & Paywall Builder.
Recettes courantes de flow
Guides étape par étape pour créer des modèles d'écrans courants dans le Flow & Paywall Builder.
Navigation et interaction
Déplacer l'utilisateur entre les écrans et interagir avec lui
Dans Adapty, vous pouvez créer des flows dans un éditeur visuel no-code : le Flow & Paywall Builder. Pour retrouver vos flows, accédez à Flows & Paywalls dans le menu principal d’Adapty et ouvrez l’onglet Flow & Paywall builder. Si vous préférez créer l’écran d’achat dans votre propre code, créez plutôt un paywall personnalisé.
- Créez des paywalls, des onboardings et bien plus : Créez des flows dynamiques à un ou plusieurs écrans.
- Modèles de flows complets : Démarrez le flow avec un modèle conçu par des professionnels.
- Vos designs Figma : Importez des frames depuis Figma et transformez-les en flow modifiable.
- Design flexible : Recréez des écrans complexes visuellement, sans code.
- AI Editor : Décrivez une modification en langage naturel ou joignez une capture d’écran de référence. Restyle, réécrivez ou réorganisez l’écran sans modifier les paramètres des éléments à la main.
- Rendu natif : Le SDK Adapty rend les flows nativement, sans web views, pour une expérience utilisateur fluide.
- Mises à jour sans redéploiement : Modifiez les textes, le design ou la logique à tout moment. Les mises à jour parviennent à vos utilisateurs sans publication d’une nouvelle version de l’app.
Ce que vous pouvez créer
Vous pouvez intégrer des flows n’importe où dans votre application — au premier lancement, avant une fonctionnalité premium ou après une action clé. Chaque écran est entièrement personnalisable, ce qui permet à chaque flow de s’adapter à son contexte. Voici quelques-uns des cas d’usage les plus courants :
- Onboarding de l’app : présentez les fonctionnalités de votre app, posez des questions et personnalisez les fonctionnalités mises en avant et les CTA en fonction des réponses au quiz. Voir Créer un flow d’onboarding personnalisé.
- Écrans de paywall : placez une barrière devant le 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 de base.
- Plans à niveaux dans des onglets : affichez les niveaux d’abonnement côte à côte dans des onglets, en faisant alterner la liste de fonctionnalités et le CTA lorsque l’utilisateur bascule entre eux. Voir Créer un paywall avec des onglets et Afficher des fonctionnalités différentes par produit.
- Listes de plans dépliables : mettez en avant une offre phare et révélez la liste complète des produits dans une bottom sheet lorsque l’utilisateur souhaite comparer. Voir Afficher tous les plans dans une 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, personnaliser les écrans suivants ou les traiter dans votre app. Voir Entrées et formulaires.
- Preuve sociale : inspirez confiance grâce à des cartes d’avis, des notes et des témoignages juste avant la décision d’achat. Voir Avis et témoignages.
- Écrans promo et reconquête : lancez des remises limitées dans le temps, des offres d’essai gratuit ou des écrans de reconquête pour réengager les utilisateurs inactifs.
Il ne s’agit là que des patterns les plus courants. Les flows sont construits à partir d’éléments flexibles et réutilisables, ce qui vous permet de les combiner pour créer presque n’importe quel écran dont votre produit a besoin — et de les remodeler à mesure que votre produit évolue.
Vous souhaitez en savoir plus sur la création de flows ? Regardez les tutoriels vidéo étape par étape dans notre playlist YouTube.
Créer un flow
Créez un nouveau flow à partir d’un modèle de galerie personnalisé, d’une toile vierge, ou de vos designs Figma. Personnalisez-le ensuite avec les fonctionnalités suivantes :
- Bibliothèque d’éléments — blocs prêts à l’emploi pour le texte, les médias, les boutons, les formulaires et autres contenus.
- Actions — naviguer entre les écrans, ouvrir des URL, déclencher des achats, et bien plus.
- Variables — utiliser des valeurs de variables dans le texte ou pour activer une logique de flow basée sur des déclencheurs.
- Tags personnalisés — transmettre une valeur depuis votre application vers un flow et l’afficher dans un élément texte.
- Navigation conditionnelle — brancher le flow en fonction des saisies utilisateur.
- Quiz et saisies — collecter des entrées utilisateur, les utiliser dans le flow ou les transmettre à votre application.
- Éditeur IA — décrivez une modification en langage naturel et l’IA l’applique à l’écran en cours.
- Mode sombre — styliser les éléments pour correspondre au thème de l’appareil.
- Localisation — traduire manuellement, avec l’IA ou via un service de traduction tiers.
Enregistrez et publiez votre brouillon, puis associez-le à un placement de flow — un nouveau, avec un identifiant de placement qu’aucun autre placement de l’application n’utilise. Un placement de flow peut servir différents flows à différentes audiences.
Une fois le flow en ligne, suivez ses vues, ses complétions et ses revenus sur sa page de métriques. La plupart des graphiques de la page Analytics, du MRR au churn, peuvent également être filtrés sur un seul flow — ou un écran de flow.
Étapes suivantes
Créer un flow
Démarrez un nouveau flow à partir d'un modèle de galerie personnalisé ou d'un modèle minimal.
Vue d'ensemble de l'interface
Aperçu de l'interface et de l'espace de travail du Flow & Paywall Builder.
Éditeur IA
Décrivez une modification en langage naturel et l'AI Editor l'applique à votre écran de flow — restylisez, réécrivez et réorganisez sans toucher à une seule propriété.
Importer un design depuis Figma
Envoyez des frames depuis votre fichier Figma vers Adapty et transformez-les en flow modifiable. La mise en page, le texte et les images sont conservés, vous partez donc de votre design plutôt que d'un écran vide.
Skills de l'agent
Installez les skills d'agent d'Adapty pour que votre outil de codage IA puisse créer, auditer et servir des flows Adapty depuis le terminal.
Recettes courantes de flow
Guides étape par étape pour créer des modèles d'écrans courants dans le Flow & Paywall Builder.
Écrans et calques
Gérez les écrans et la hiérarchie des éléments dans chaque écran dans le Flow & Paywall Builder.
Mise en page et positionnement
Organisez les éléments à l'écran avec la mise en page, le mode de position, les dimensions et l'espacement.
Styles et apparence
Configurez l'apparence visuelle des éléments — remplissage, bordures, effets, typographie, états et styles à l'échelle du projet.
Produits et achats
Ajoutez des produits à un écran, connectez un bouton d'achat et gérez les produits du flow dans le Flow & Paywall Builder.
Éléments
Tous les éléments visuels disponibles dans le Flow & Paywall Builder : conteneurs de mise en page, texte, médias, listes, boutons, champs de saisie, produits, et plus encore.
Navigation et interaction
Déplacer l'utilisateur entre les écrans et interagir avec lui
Mode sombre
Configurez le mode sombre pour les flows dans Adapty afin d'améliorer l'expérience utilisateur.
Localisation
Traduisez les écrans d'un flow et les valeurs de sa Remote Config pour chaque marché où vous êtes présent.
Personnaliser un flow avec Remote Config
Personnalisez votre flow avec un payload JSON de Remote Config.
Prévisualiser les flows
Prévisualisez la compatibilité des flows sur différents appareils pour une expérience optimisée.
Métriques des flows
Suivez et analysez les métriques de performance des flows pour améliorer vos revenus d'abonnement.
Flows de secours
Configurez des flows de secours locaux dans Adapty pour que votre flow reste visible lorsque l'appareil est hors ligne.
Problèmes courants
Résolvez les problèmes qui empêchent un flow de se prévisualiser, de se publier ou de se comporter comme vous l'avez conçu dans le Flow & Paywall Builder.
Dépréciation du Paywall Builder et de l'Onboarding Builder
Le 1er octobre 2026, Adapty déprécie l'ancien Paywall Builder et l'Onboarding Builder. Les paywalls et onboardings publiés continuent de fonctionner — créez-en de nouveaux dans le Flow & Paywall Builder.