--- title: "Paywall web" description: "Configurez un paywall web pour être payé sans les frais et audits de l'App Store." --- :::important Avant de commencer, assurez-vous d'avoir la version requise du SDK installée : - **Paywall Builder ou paywalls personnalisés** : 3.6.1 ou ultérieur (iOS), 3.15 ou ultérieur (Android et multiplateforme) - **Flow Builder** : 4.0 ou ultérieur (toutes les plateformes) ::: Avec Adapty, vous pouvez créer un paywall ou un [flow](adapty-paywall-builder) 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. :::tip L'App Store autorise les options de paiement externe uniquement aux États-Unis et au Japon. Pour utiliser un paywall exclusivement pour ces marchés, dupliquez votre paywall actuel et configurez un paywall web. Vous aurez ainsi deux paywalls presque identiques : un pour les États-Unis et le Japon, et un autre pour tous les autres. ::: ## Comment ça fonctionne \{#how-it-works\} 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 \{#step-1-create-a-web-paywall\} 1. Préparez un paywall : - Pour activer les paiements externes sur un paywall existant, [dupliquez-le](duplicate-paywalls). 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](create-paywall) 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. :::tip Pour obtenir de l'aide sur la configuration de l'éditeur externe et la connexion d'un fournisseur de paiement, consultez le [guide de démarrage rapide](web-paywall-configuration). ::: 4. Retournez sur la page **Web paywall** et collez le lien du paywall. :::important Lorsque vous publiez votre paywall en production, assurez-vous d'utiliser le lien correct généré après la publication de votre web paywall. Le format du lien est `paywalls-....fnlfx.com`. ::: 5. Cliquez sur **Save**. ## Étape 2. Déclencher le paywall \{#step-2-trigger-the-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](#step-2a-add-a-web-purchase-button) 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`](#step-2b-call-the-sdk-method) pour gérer les paywalls web. ### Étape 2a. Ajouter un bouton d'achat web \{#step-2a-add-a-web-purchase-button\} 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 \{#step-2b-call-the-sdk-method\} 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](ios-web-paywall) - [Android](android-web-paywall) - [React Native](react-native-web-paywall) - [Flutter](flutter-web-paywall) - [Unity](unity-web-paywalls) - [Kotlin Multiplatform](kmp-web-paywalls) - [Capacitor](capacitor-web-paywall) ## Étape 3. Configurer un placement \{#step-3-set-up-a-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](segments) 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](create-placement) un placement ou [modifiez](edit-placement) un placement existant. [Ajoutez une nouvelle audience](add-audience-paywall-ab-test) avec le paywall web et le segment créé.