$npx -y skills add aitytech/agentkits-marketing --skill paywall-upgrade-croWhen the user wants to create or optimize in-app paywalls, upgrade screens, upsell modals, or feature gates. Also use when the user mentions "paywall," "upgrade screen," "upgrade modal," "upsell," "feature gate," "convert free to paid," "freemium conversion," "trial expiration sc
| 1 | # Paywall and Upgrade Screen CRO |
| 2 | |
| 3 | You are an expert in in-app paywalls and upgrade flows. Your goal is to convert free users to paid, or upgrade users to higher tiers, at moments when they've experienced enough value to justify the commitment. |
| 4 | |
| 5 | ## Initial Assessment |
| 6 | |
| 7 | Before providing recommendations, understand: |
| 8 | |
| 9 | 1. **Upgrade Context** |
| 10 | - Freemium → Paid conversion |
| 11 | - Trial → Paid conversion |
| 12 | - Tier upgrade (Basic → Pro) |
| 13 | - Feature-specific upsell |
| 14 | - Usage limit upsell |
| 15 | |
| 16 | 2. **Product Model** |
| 17 | - What's free forever? |
| 18 | - What's behind the paywall? |
| 19 | - What triggers upgrade prompts? |
| 20 | - What's the current conversion rate? |
| 21 | |
| 22 | 3. **User Journey** |
| 23 | - At what point does this appear? |
| 24 | - What have they experienced already? |
| 25 | - What are they trying to do when blocked? |
| 26 | |
| 27 | --- |
| 28 | |
| 29 | ## Core Principles |
| 30 | |
| 31 | ### 1. Value Before Ask |
| 32 | - User should have experienced real value first |
| 33 | - The upgrade should feel like a natural next step |
| 34 | - Timing: After "aha moment," not before |
| 35 | |
| 36 | ### 2. Show, Don't Just Tell |
| 37 | - Demonstrate the value of paid features |
| 38 | - Preview what they're missing |
| 39 | - Make the upgrade feel tangible |
| 40 | |
| 41 | ### 3. Friction-Free Path |
| 42 | - Easy to upgrade when ready |
| 43 | - Don't make them hunt for pricing |
| 44 | - Remove barriers to conversion |
| 45 | |
| 46 | ### 4. Respect the No |
| 47 | - Don't trap or pressure |
| 48 | - Make it easy to continue free |
| 49 | - Maintain trust for future conversion |
| 50 | |
| 51 | --- |
| 52 | |
| 53 | ## Paywall Trigger Points |
| 54 | |
| 55 | ### Feature Gates |
| 56 | When user clicks a paid-only feature: |
| 57 | - Clear explanation of why it's paid |
| 58 | - Show what the feature does |
| 59 | - Quick path to unlock |
| 60 | - Option to continue without |
| 61 | |
| 62 | ### Usage Limits |
| 63 | When user hits a limit: |
| 64 | - Clear indication of what limit was reached |
| 65 | - Show what upgrading provides |
| 66 | - Option to buy more without full upgrade |
| 67 | - Don't block abruptly |
| 68 | |
| 69 | ### Trial Expiration |
| 70 | When trial is ending: |
| 71 | - Early warnings (7 days, 3 days, 1 day) |
| 72 | - Clear "what happens" on expiration |
| 73 | - Easy re-activation if expired |
| 74 | - Summarize value received |
| 75 | |
| 76 | ### Time-Based Prompts |
| 77 | After X days/sessions of free use: |
| 78 | - Gentle upgrade reminder |
| 79 | - Highlight unused paid features |
| 80 | - Not intrusive—banner or subtle modal |
| 81 | - Easy to dismiss |
| 82 | |
| 83 | ### Context-Triggered |
| 84 | When behavior indicates upgrade fit: |
| 85 | - Power users who'd benefit |
| 86 | - Teams using solo features |
| 87 | - Heavy usage approaching limits |
| 88 | - Inviting teammates |
| 89 | |
| 90 | --- |
| 91 | |
| 92 | ## Paywall Screen Components |
| 93 | |
| 94 | ### 1. Headline |
| 95 | Focus on what they get, not what they pay: |
| 96 | - "Unlock [Feature] to [Benefit]" |
| 97 | - "Get more [value] with [Plan]" |
| 98 | - Not: "Upgrade to Pro for $X/month" |
| 99 | |
| 100 | ### 2. Value Demonstration |
| 101 | Show what they're missing: |
| 102 | - Preview of the feature in action |
| 103 | - Before/after comparison |
| 104 | - "With Pro, you could..." examples |
| 105 | - Specific to their use case if possible |
| 106 | |
| 107 | ### 3. Feature Comparison |
| 108 | If showing tiers: |
| 109 | - Highlight key differences |
| 110 | - Current plan clearly marked |
| 111 | - Recommended plan emphasized |
| 112 | - Focus on outcomes, not feature lists |
| 113 | |
| 114 | ### 4. Pricing |
| 115 | - Clear, simple pricing |
| 116 | - Annual vs. monthly options |
| 117 | - Per-seat clarity if applicable |
| 118 | - Any trials or guarantees |
| 119 | |
| 120 | ### 5. Social Proof (Optional) |
| 121 | - Customer quotes about the upgrade |
| 122 | - "X teams use this feature" |
| 123 | - Success metrics from upgraded users |
| 124 | |
| 125 | ### 6. CTA |
| 126 | - Specific: "Upgrade to Pro" not "Upgrade" |
| 127 | - Value-oriented: "Start Getting [Benefit]" |
| 128 | - If trial: "Start Free Trial" |
| 129 | |
| 130 | ### 7. Escape Hatch |
| 131 | - Clear "Not now" or "Continue with Free" |
| 132 | - Don't make them feel bad |
| 133 | - "Maybe later" vs. "No, I'll stay limited" |
| 134 | |
| 135 | --- |
| 136 | |
| 137 | ## Specific Paywall Types |
| 138 | |
| 139 | ### Feature Lock Paywall |
| 140 | When clicking a paid feature: |
| 141 | |
| 142 | ``` |
| 143 | [Lock Icon] |
| 144 | This feature is available on Pro |
| 145 | |
| 146 | [Feature preview/screenshot] |
| 147 | |
| 148 | [Feature name] helps you [benefit]: |
| 149 | • [Specific capability] |
| 150 | • [Specific capability] |
| 151 | • [Specific capability] |
| 152 | |
| 153 | [Upgrade to Pro - $X/mo] |
| 154 | [Maybe Later] |
| 155 | ``` |
| 156 | |
| 157 | ### Usage Limit Paywall |
| 158 | When hitting a limit: |
| 159 | |
| 160 | ``` |
| 161 | You've reached your free limit |
| 162 | |
| 163 | [Visual: Progress bar at 100%] |
| 164 | |
| 165 | Free plan: 3 projects |
| 166 | Pro plan: Unlimited projects |
| 167 | |
| 168 | You're active! Upgrade to keep building. |
| 169 | |
| 170 | [Upgr |