Skip to main content

Integrating Customer Center on React Native

Overview​

Customer Center is a self-service UI that can be added to your app to help your customers manage their subscriptions on their own. With it, you can prevent churn with pre-emptive promotional offers, capture actionable customer data with exit feedback prompts, and lower support volumes for common inquiries — all without any help from your support team.

There are only three steps to integrate Customer Center in your app:

  1. Installing the RevenueCat UI SDK in your app
  2. Implementing the Customer Center view in your app
  3. Setting up promotional offers in App Store Connect/Google Play Console

Installation​

Release

Before integrating the Customer Center in React Native, update your package.json to include react-native-purchases-ui 8.6.0 or higher to your app.

{
  "dependencies": {
    "react-native-purchases": "<latest version>",
    "react-native-purchases-ui": "<latest version>"
  }
}

Integration​

Opening the customer center is as simple as:

await RevenueCatUI.presentCustomerCenter();

Setup promotional offers​

Promotional Offers allow developers to apply custom pricing and trials to new customers and to existing and lapsed subscriptions. Unique promotional offers can be assigned to different paths and survey responses in the Customer Center, but first they must be setup in App Store Connect and Google Play Store.

The Customer Center will automatically show offers based on specific user actions. By default we have defined it for cancellations but it can be modified to any of the defined paths. For React Native you are going to have to configure these promotional offers in both Google Play Console and App Store Connect. Refer to configuring Google Play Store promotional offers and configuring App Store Connect promotional offers for detailed instructions.

Learn more about configuring the Customer Center in the configuration guide.