Step 6 - Paywall & Monetization
Configure premium features and subscription strategy with AI
Step 6: Setup Paywall with AI
Configure your monetization strategy, RevenueCat integration, and premium features access control with AI-generated configurations.
Quick Start (Implementation)
Follow these steps to generate your paywall configuration immediately.
1. Copy the Prompt
Navigate to ai_rules/generators/paywall_generator.md and copy the file.
2. Paste into Code AI
Open your AI assistant (Cursor, Antigravity, etc.) and paste the prompt. It will read your product description to understand your premium features.
The AI identifying premium features from your description
3. Generate Config
The AI will generate:
src/features/paywall/config/paywall-config.ts(Benefits, Offering IDs)src/locales/en.json(Paywall copy)
The resulting subscription screen based on your config
4. Configure RevenueCat
- Go to revenuecat.com, sign up, and create a project.
- Get your Public API Keys (iOS/Android) from the dashboard.
- Add them to your
.envfile:EXPO_PUBLIC_RC_IOS_KEY=appl_... EXPO_PUBLIC_RC_ANDROID_KEY=goog_... - Create an Offering called
premiumand add your products (monthly/annual).
5. Verification
-
paywall-config.tshas your benefits -
.envhas valid RevenueCat keys - App builds and Paywall screen loads
- "Restore Purchases" button is visible
🧠 Deep Dive: How it Works
The boilerplate uses a configuration-driven approach to monetization.
Benefit Positioning
The AI focuses on outcomes:
- ❌ "Access to 500 videos"
- ✅ "Master meditation in 30 days"
Pricing Psychology
Your config includes psychology-backed pricing display:
annual: {
price: '$49.99',
savings: '58%', // Shows value
badge: 'Best Value', // Nudges to higher LTV
}Entitlement Logic
The usePaywall hook handles the logic safely:
const { isPremium } = usePaywall();
// ...
if (!isPremium) showPaywall();Testing
- iOS: Use a Sandbox Tester account in App Store Connect.
- Android: Use a License Tester account in Play Console.
- Simulator: Purchases will fail. You must use a real device.
Customization
To change benefits, edit src/features/paywall/config/paywall-config.ts.
To change text, edit src/locales/en.json.
To change prices, update them in App Store Connect/Play Console (RevenueCat syncs them).