Paywall web

Avec Adapty, vous pouvez créer un paywall ou un flow avec un bouton qui redirige vos utilisateurs vers leur navigateur pour effectuer un paiement. Lorsqu’ils reviennent dans votre application après un achat réussi, l’abonnement s’active. Cela vous permet de contourner les frais du store tout en suivant les paiements de vos utilisateurs.

Comment ça fonctionne

Un paywall web est une URL unique générée pour chacun de vos paywalls intégrés à l’application. Elle s’ouvre dans le navigateur pour le paiement et fonctionne avec différents fournisseurs de paiement (Stripe, Paddle et autres), prenant en charge aussi bien une page simple avec un bouton Apple Pay que des flows plus complexes avec des offres supplémentaires.

Les paywalls web fonctionnent de la manière suivante :

1. Configurez l’apparence et le comportement de la page paywall web dans l’éditeur de paywall web.
2. Associez le paywall web dans les paramètres du paywall.
3. Dans le paywall de votre application, ajoutez un bouton redirigeant les utilisateurs vers le navigateur.
4. Lorsque les utilisateurs appuient sur le bouton, le SDK Adapty génère une URL unique.
5. Les utilisateurs accèdent à la page paywall web et paient un abonnement via un moyen de paiement externe.
6. À leur retour dans l’application, le SDK Adapty interroge les mises à jour du profil pour confirmer l’activation de l’abonnement.
7. Adapty enregistre l’achat et surveille l’abonnement pour détecter tout changement de statut, comme les renouvellements ou les résiliations.

Étape 1. Créer un paywall web

1. Préparez un paywall :
   • Pour activer les paiements externes sur un paywall existant, dupliquez-le. Cela vous permet de montrer le web paywall à votre segment cible et l’original à tous les autres utilisateurs.
   • Pour partir de zéro, créez un nouveau paywall.
2. Sur la page Paywall, passez à l’onglet Web paywall et cliquez sur Create web paywall. Vous serez redirigé vers une nouvelle page.

3. Configurez le web paywall et connectez un moyen de paiement.

4. Retournez sur la page Web paywall et collez le lien du paywall.

5. Cliquez sur Save.

Étape 2. Déclencher le paywall

Pour utiliser votre paywall web, vous devez le déclencher, et la façon de procéder dépend de votre configuration :

• Si vous utilisez le Flow builder, il vous suffit d’ajouter un nouveau bouton qui utilisera le lien que vous avez fourni pour suivre les achats et renvoyer les données à Adapty.
• Si vous utilisez le SDK, vous devez configurer la méthode openWebPaywall pour gérer les paywalls web.

Étape 2a. Ajouter un bouton d’achat web

Si vous utilisez le Flow Builder, vous devez ajouter un bouton de paywall web. Ce bouton utilisera le lien que vous avez fourni pour suivre les achats et renvoyer les données à Adapty.

1. Ouvrez le flow et ajoutez un bouton.

   Si vous utilisez un modèle ou un paywall existant, ajoutez un bouton de paywall web à côté du bouton d’achat existant. Vous pouvez le configurer de la même manière.

2. Dans le panneau Interactions à droite, cliquez sur Add trigger. Ensuite, assignez l’action Purchase à ce déclencheur.

   

3. Dans les paramètres de l’action, passez à l’onglet Web payment. Là, sélectionnez un produit et—optionnellement—une offre à associer au bouton d’achat web.

4. Collez le lien du paywall web dans le champ Web paywall URL.

5. Par défaut, les paywalls web s’ouvrent dans un navigateur intégré à l’application afin que les utilisateurs n’aient pas besoin de quitter votre app. Si vous souhaitez les ouvrir dans un navigateur externe, sélectionnez Open in external browser.

Étape 2b. Appeler la méthode du SDK

Si vous travaillez avec un paywall que vous avez développé vous-même, vous devez gérer les paywalls web via la méthode du SDK. Consultez les guides spécifiques à chaque framework :

• iOS
• Android
• React Native
• Flutter
• Unity
• Kotlin Multiplatform
• Capacitor

Étape 3. Configurer un placement

Étant donné que l’App Store n’autorise les options de paiement externe qu’aux États-Unis et au Japon, créez un segment d’utilisateurs distinct pour les utilisateurs iOS sur ces marchés et configurez un placement pour cibler différents paywalls selon les segments. Pour les utilisateurs Android, aucune restriction géographique ne s’applique — créez un segment Android distinct sans filtre de pays.

1. Créez un nouveau segment avec les attributs suivants :
   • Country from store account : United States, Japan
   • Platform : iOS and iPadOS
   • App version : La dernière version utilisant le SDK Adapty.

2. Créez un placement ou modifiez un placement existant. Ajoutez une nouvelle audience avec le paywall web et le segment créé.