Implement web paywalls in Flutter SDK

important

Before you begin, make sure you have configured your web paywall in the dashboard and installed Adapty SDK version 3.6.1 or later.

If you are working with a paywall you developed yourself, you need to handle web paywalls using the SDK method. The .openWebPaywall method:

Generates a unique URL allowing Adapty to link a specific paywall shown to a particular user to the web page they are redirected to.
Tracks when your users return to the app and then requests .getProfile at short intervals to determine whether the profile access rights have been updated.

This way, if the payment has been successful and access rights have been updated, the subscription activates in the app almost immediately.

Flutter
try {
  await Adapty().openWebPaywall(product: <YOUR_PRODUCT>);
  // The web paywall will be opened
} on AdaptyError catch (adaptyError) {
  // handle the error
} catch (e) {
  // handle other errors
}

note

There are two versions of the openWebPaywall method:

openWebPaywall(product) that generates URLs by paywall and adds the product data to URLs as well.
openWebPaywall(paywall) that generates URLs by paywall without adding the product data to URLs. Use it when your products in the Adapty paywall differ from those in the web paywall.

Handle errors

Error	Description	Recommended action
AdaptyError.paywallWithoutPurchaseUrl	The paywall doesn't have a web purchase URL configured	Check if the paywall has been properly configured in the Adapty Dashboard
AdaptyError.productWithoutPurchaseUrl	The product doesn't have a web purchase URL	Verify the product configuration in the Adapty Dashboard
AdaptyError.failedOpeningWebPaywallUrl	Failed to open the URL in the browser	Check device settings or provide an alternative purchase method
AdaptyError.failedDecodingWebPaywallUrl	Failed to properly encode parameters in the URL	Verify URL parameters are valid and properly formatted

Handle errors​

Handle errors