Activer les achats
Installer les outils pour agents
Réalisez toute l'intégration du SDK Adapty depuis votre outil de développement IA. En savoir plus
S'installe dans n'importe quel agent compatible avec les skills. Pour mettre à jour ultérieurement, exécutez npx skills update.
Après l'installation, exécutez la skill dans votre projet :
Pour suivre ce guide, assurez-vous d’avoir terminé l’intégration au store et créé au moins un produit comme décrit dans le guide précédent sur l’ajout de produits.
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. C’est le placement que votre app appelle au runtime pour récupérer le bon contenu pour le bon utilisateur.
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 — 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
- Rendez-vous dans Flows dans le menu principal d’Adapty.
- Cliquez sur Create flow et concevez votre flow.
En savoir plus sur le Adapty Flow Builder.
Les guides de modèles ci-dessous décrivent étape par étape les schémas les plus courants :
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.
Créer un flow d'onboarding personnalisé
Parcourez le processus complet de création d'un onboarding multi-écrans — écrans, contenu, navigation et branchements conditionnels — à travers un exemple concret.
Une fois votre flow sauvegardé et publié, passez à son intégration dans un placement.
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
Créez un 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 spécifiques avec votre contenu. En savoir plus sur les placements. 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 tout au long du parcours utilisateur.
- Rendez-vous dans Placements dans le menu principal d’Adapty et passez à l’onglet Flows.
- Cliquez sur Create placement.
- Saisissez un Placement name (ex. :
mainouonboarding). Il s’agit d’un identifiant interne dans l’Adapty Dashboard. - Saisissez un Placement ID. Vous utiliserez cet ID dans le SDK Adapty pour charger le flow du placement.
- Cliquez sur Run flow et choisissez le flow que vous venez de créer.
- 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.
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 optionnel — votre code d’app les lit et affiche l’interface.
Vous configurez Adapty de manière programmatique ? Vous pouvez effectuer cette étape via la CLI développeur.
1. Créer un paywall
- Rendez-vous dans Paywalls dans le menu principal d’Adapty.
- Cliquez sur Create paywall.
- Saisissez un Paywall name. Il s’agit d’un identifiant interne dans l’Adapty Dashboard.
- Cliquez sur Add product et choisissez les produits à afficher sur le paywall.
- (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 pour plus de détails.
- Cliquez sur Create as a draft, puis publiez quand vous êtes prêt.
Vous afficherez ce paywall dans le code de votre app. implémenter les paywalls manuellement Suivez le guide pour votre plateforme : iOS, Android, React Native, Flutter, Unity.
2. Ajouter le paywall à un placement
Créez un 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 spécifiques avec votre contenu. En savoir plus sur les placements. 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 tout au long du parcours utilisateur.
- Rendez-vous dans Placements dans le menu principal d’Adapty et passez à l’onglet Paywalls.
- Cliquez sur Create placement.
- Saisissez un Placement name (ex. :
mainouonboarding). Il s’agit d’un identifiant interne dans l’Adapty Dashboard. - Saisissez un Placement ID. Vous utiliserez cet ID dans le SDK Adapty pour charger le paywall du placement.
- Cliquez sur Run paywall et choisissez le paywall que vous venez de créer.
- 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, le Remote Config — est configuré dans l’Adapty Dashboard et peut être modifié à tout moment sans mise à jour de l’app.
Un paywall créé dans le Paywall Builder est un écran no-code avec des produits intégrés directement. Le SDK Adapty l’affiche nativement, sans code UI à écrire.
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.
1. Créer le paywall
- Rendez-vous dans Paywalls dans le menu principal d’Adapty.
- Cliquez sur Create paywall.
- Saisissez un Paywall name. Il s’agit d’un identifiant interne dans l’Adapty Dashboard.
- Cliquez sur Add product et choisissez les produits à afficher sur le paywall.
- Ouvrez l’onglet Builder & Generator. Créez un paywall à partir d’un modèle ou générez-le avec l’IA.
- Activez le toggle Show on device pour que le SDK puisse l’afficher.
2. Ajouter le paywall à un placement
Créez un 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 spécifiques avec votre contenu. En savoir plus sur les placements. pour que votre app puisse demander le paywall au runtime.
- Rendez-vous dans Placements dans le menu principal d’Adapty et passez à l’onglet Paywalls.
- Cliquez sur Create placement.
- Saisissez un Placement name (ex. :
mainouonboarding). Il s’agit d’un identifiant interne dans l’Adapty Dashboard. - Saisissez un Placement ID. Vous utiliserez cet ID dans le SDK Adapty pour charger le paywall du placement.
- Cliquez sur Run paywall et choisissez le paywall que vous avez créé.
- 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.
Prochaines étapes
Vous avez maintenant quelque chose à livrer par le SDK. Ensuite, intégrez le SDK Adapty dans votre app et commencez à récupérer le placement.