Paywall builder for iOS and Android apps that works with the RevenueCat SDK

Open Paywalls in the dashboard. A paywall belongs to one offering, and an offering has at most one paywall.

1. 01

   Pick a starting point

   Choose a template from the gallery, start from scratch, or describe the app and the offer and let Generate with AI draft it. Filter templates by number of screens, purchase method, packages and tiers.

2. 02

   Set the basics

   Choose the offering, add your app name, an accent color, and your Terms and Privacy links, then select Create paywall.

3. 03

   Edit it

   Select any layer or click it in the phone preview. Change text, images, colors, spacing and package cards in the properties panel. Switch between light and dark, and between customers who are and are not eligible for an intro offer.

4. 04

   Translate it

   Open the Localizations tab, add a language and fill in its strings. Empty cells show the default language, so a paywall is never blank.

5. 05

   Publish

   Select Publish. RevenueDot checks the paywall first and then sends it to apps in the offerings response. Save draft keeps your work private until then.

The gallery has ten layouts. Each one uses your offering's real packages in the preview.

The editor has three columns: layers on the left, the phone preview in the middle and properties on the right. The preview shows the exact JSON your app receives.

• Layers: add any of 14 component types, drag, nest, duplicate and remove them. Undo and redo work with the keyboard.
• Variables: texts can use values the device fills in, such as {{ product.price_per_period }} and {{ product.relative_discount }}, so prices always show the store's local currency.
• Light and dark colors, selected-state and intro-offer overrides, gradients, borders, shadows and badges.
• Problems list: anything the SDK would not decode, such as a text without a string, is listed with a Go to link. You cannot publish while errors remain.
• Versions: save a named version and restore it into the draft later. Unpublish takes a paywall off apps and keeps it as a draft.

Add the RevenueCat UI library next to the SDK and present the paywall. PaywallView() shows the current offering's paywall, and you can pass an offering to show another one. Android uses PaywallDialog, React Native uses RevenueCatUI.presentPaywall() and Flutter uses RevenueCatUI.presentPaywall() from purchases_ui_flutter.

import RevenueCatUI

struct HomeView: View {
    @State private var showPaywall = false

    var body: some View {
        Button("Go Pro") { showPaywall = true }
            // Shows the paywall you published for the current offering.
            .sheet(isPresented: $showPaywall) { PaywallView() }
    }
}

Everything the editor does is in REST API v2. Check a paywall without saving it with POST /v2/projects/{project_id}/paywalls/validate, which returns errors and warnings. Publishing answers 422 with the first problem when the SDK could not render the paywall.

curl -s -X POST "$REVENUEDOT_URL/v2/projects/$PROJECT_ID/paywalls/$PAYWALL_ID/actions/publish" \
  -H "Authorization: Bearer $SECRET_KEY"

• Paywalls with several screens and navigation between them. A carousel gives you pages inside one screen, and a multi-screen paywall is served for its first screen only.
• Dragging components directly on the phone preview. You reorder them in the layer list.
• Video uploads. A video component takes a URL.
• An editor for exit offers and custom variables. They pass through the API.