Optimisation des paywalls et écrans de mise à niveau

VérifiéSûr

Spécialisé dans la conception et l'optimisation des paywalls et des écrans d'abonnement in-app pour convertir les utilisateurs gratuits en payants ou faire monter de gamme les abonnés existants. Fournit des conseils concrets sur le timing, le message et les composants d'écran (verrous de fonctionnalités, limites d'utilisation, expiration d'essai, etc.). Idéal pour améliorer les taux de conversion freemium ou les performances des écrans de mise à niveau.

Spar Skills Guide Bot
ProductiviteIntermédiaire
02/06/2026
Claude Code
#paywall#upgrade-cro#conversion-rate-optimization#freemium#in-app-pricing

Recommandé pour

Synthèse automatique

Ce skill aide à concevoir et optimiser les écrans de paiement et les tunnels de mise à niveau dans une application pour convertir les utilisateurs gratuits en abonnés payants.

Points forts

  • Propose des templates concrets pour différents types de paywall (fonctionnalité verrouillée, limite d'usage, expiration d'essai)
  • Insiste sur le moment opportun après que l'utilisateur a expérimenté de la valeur
  • Inclut des principes de fidélisation comme le respect du refus et la réduction de friction

Limites

  • Ne couvre pas les tests A/B ni l'analyse des données de conversion
  • Suppose que le produit a déjà un modèle freemium ou d'essai établi
  • Pourrait nécessiter des adaptations selon le secteur ou le type d'application
Quand l'utiliser

Utilisez ce skill lorsque vous concevez ou améliorez des écrans d'abonnement, de mise à niveau ou de sortie d'essai dans une application.

Quand l'éviter

Ne l'utilisez pas pour des pages de tarification publiques ou des campagnes marketing externes, car il se concentre sur les moments d'achat in-app.

Analyse de sécurité

Sûr
Score qualité92/100

The skill provides advice on UI/UX design for in-app paywalls and does not involve any system-level operations, data exfiltration, or destructive actions.

Aucun point d'attention détecté

Comment cette analyse est faite

Exemples

Feature lock paywall
I need to create a paywall for a premium feature in my app. When free users tap on 'advanced analytics', show a screen explaining the benefit and offering an upgrade. Help me write the copy and structure.
Trial expiration screen
My SaaS app has a 14-day free trial ending soon. I want to show a screen that summarizes what the user accomplished and encourages them to continue with a paid plan. Give me a template and wording suggestions.
Usage limit upgrade prompt
Users hit a limit of 3 projects in my free tier. I want a polite but persuasive upgrade prompt that doesn't block them entirely. What should the screen look like?

name: paywall-upgrade-cro description: When 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 screen," "limit reached screen," "plan upgrade prompt," "in-app pricing," "free users won't upgrade," "trial to paid conversion," or "how do I get users to pay." Use this for any in-product moment where you're asking users to upgrade. Distinct from public pricing pages (see page-cro) — this focuses on in-product upgrade moments where the user has already experienced value. For pricing decisions, see pricing-strategy. metadata: version: 1.1.0

Paywall and Upgrade Screen CRO

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.

Initial Assessment

Check for product marketing context first: If .claude/product-marketing-context.md exists, read it before asking questions. Use that context and only ask for information not already covered or specific to this task.

Before providing recommendations, understand:

  1. Upgrade Context - Freemium → Paid? Trial → Paid? Tier upgrade? Feature upsell? Usage limit?

  2. Product Model - What's free? What's behind paywall? What triggers prompts? Current conversion rate?

  3. User Journey - When does this appear? What have they experienced? What are they trying to do?


Core Principles

1. Value Before Ask

  • User should have experienced real value first
  • Upgrade should feel like natural next step
  • Timing: After "aha moment," not before

2. Show, Don't Just Tell

  • Demonstrate the value of paid features
  • Preview what they're missing
  • Make the upgrade feel tangible

3. Friction-Free Path

  • Easy to upgrade when ready
  • Don't make them hunt for pricing

4. Respect the No

  • Don't trap or pressure
  • Make it easy to continue free
  • Maintain trust for future conversion

Paywall Trigger Points

Feature Gates

When user clicks a paid-only feature:

  • Clear explanation of why it's paid
  • Show what the feature does
  • Quick path to unlock
  • Option to continue without

Usage Limits

When user hits a limit:

  • Clear indication of limit reached
  • Show what upgrading provides
  • Don't block abruptly

Trial Expiration

When trial is ending:

  • Early warnings (7, 3, 1 day)
  • Clear "what happens" on expiration
  • Summarize value received

Time-Based Prompts

After X days of free use:

  • Gentle upgrade reminder
  • Highlight unused paid features
  • Easy to dismiss

Paywall Screen Components

  1. Headline - Focus on what they get: "Unlock [Feature] to [Benefit]"

  2. Value Demonstration - Preview, before/after, "With Pro you could..."

  3. Feature Comparison - Highlight key differences, current plan marked

  4. Pricing - Clear, simple, annual vs. monthly options

  5. Social Proof - Customer quotes, "X teams use this"

  6. CTA - Specific and value-oriented: "Start Getting [Benefit]"

  7. Escape Hatch - Clear "Not now" or "Continue with Free"


Specific Paywall Types

Feature Lock Paywall

[Lock Icon]
This feature is available on Pro

[Feature preview/screenshot]

[Feature name] helps you [benefit]:
• [Capability]
• [Capability]

[Upgrade to Pro - $X/mo]
[Maybe Later]

Usage Limit Paywall

You've reached your free limit

[Progress bar at 100%]

Free: 3 projects | Pro: Unlimited

[Upgrade to Pro]  [Delete a project]

Trial Expiration Paywall

Your trial ends in 3 days

What you'll lose:
• [Feature used]
• [Data created]

What you've accomplished:
• Created X projects

[Continue with Pro]
[Remind me later]  [Downgrade]

Timing and Frequency

When to Show

  • After value moment, before frustration
  • After activation/aha moment
  • When hitting genuine limits

When NOT to Show

  • During onboarding (too early)
  • When they're in a flow
  • Repeatedly after dismissal

Frequency Rules

  • Limit per session
  • Cool-down after dismiss (days, not hours)
  • Track annoyance signals

Upgrade Flow Optimization

From Paywall to Payment

  • Minimize steps
  • Keep in-context if possible
  • Pre-fill known information

Post-Upgrade

  • Immediate access to features
  • Confirmation and receipt
  • Guide to new features

A/B Testing

What to Test

  • Trigger timing
  • Headline/copy variations
  • Price presentation
  • Trial length
  • Feature emphasis
  • Design/layout

Metrics to Track

  • Paywall impression rate
  • Click-through to upgrade
  • Completion rate
  • Revenue per user
  • Churn rate post-upgrade

For comprehensive experiment ideas: See references/experiments.md


Anti-Patterns to Avoid

Dark Patterns

  • Hiding the close button
  • Confusing plan selection
  • Guilt-trip copy

Conversion Killers

  • Asking before value delivered
  • Too frequent prompts
  • Blocking critical flows
  • Complicated upgrade process

Task-Specific Questions

  1. What's your current free → paid conversion rate?
  2. What triggers upgrade prompts today?
  3. What features are behind the paywall?
  4. What's your "aha moment" for users?
  5. What pricing model? (per seat, usage, flat)
  6. Mobile app, web app, or both?

Related Skills

  • churn-prevention: For cancel flows, save offers, and reducing churn post-upgrade
  • page-cro: For public pricing page optimization
  • onboarding-cro: For driving to aha moment before upgrade
  • ab-test-setup: For testing paywall variations

Du fichier au premier essai

Le téléchargement contient exactement le contenu affiché sur cette fiche. Cette copie peut différer de la dernière version du dépôt source.

Consulter la source et ses fichiers annexes

Ce téléchargement contient uniquement SKILL.md. Les scripts, références, modèles et dépendances éventuels ne sont pas inclus. Récupérez les fichiers nécessaires depuis la source en conservant leur arborescence avant de poursuivre.

1. Télécharger le fichier

Télécharger SKILL.md

Depuis la racine d’un projet de test, enregistrez le fichier sous .skill-downloads/paywall-and-upgrade-screen-cro-mmlj2nsd/SKILL.md, ou utilisez la commande suivante. Ce dossier sert à examiner la skill avant son installation.

Commande pour macOS/Linux ou WSL : un shell POSIX et curl sont nécessaires. Sous Windows sans WSL, utilisez le bouton de téléchargement et créez le dossier manuellement.

mkdir -p '.skill-downloads/paywall-and-upgrade-screen-cro-mmlj2nsd' && curl --fail --show-error --location 'https://skills-guides.com/api/skills/paywall-and-upgrade-screen-cro-mmlj2nsd/download' --output '.skill-downloads/paywall-and-upgrade-screen-cro-mmlj2nsd/SKILL.md.part' && mv '.skill-downloads/paywall-and-upgrade-screen-cro-mmlj2nsd/SKILL.md.part' '.skill-downloads/paywall-and-upgrade-screen-cro-mmlj2nsd/SKILL.md'

2. Vérifier les prérequis

Lisez SKILL.md avant de l’utiliser. Si le fichier cite des scripts ou services externes, examinez-les et préparez les accès nécessaires dans votre environnement de test.

Aucune section de prérequis reconnue dans ce fichier. Cela ne signifie pas qu’il est autonome : les bibliothèques, outils et accès peuvent être cités ailleurs dans le contenu ou dans le dépôt source.

Les plateformes de la fiche sont des indications du catalogue. Les chemins ci-dessous suivent la documentation des outils ; ils ne prouvent pas que cette skill y a été exécutée. Aucune version minimale de ces outils n’est attestée pour cette fiche.

3. Charger la skill

Après vérification, copiez le dossier complet dans le projet avec l’une des commandes ci-dessous, puis ouvrez une nouvelle session de l’outil. La commande s’arrête si un dossier du même nom existe déjà : comparez les fichiers avant de le remplacer.

Claude Code
test -f '.skill-downloads/paywall-and-upgrade-screen-cro-mmlj2nsd/SKILL.md' && test -s '.skill-downloads/paywall-and-upgrade-screen-cro-mmlj2nsd/SKILL.md' && mkdir -p '.claude/skills' && test ! -e '.claude/skills/paywall-upgrade-cro' && cp -R '.skill-downloads/paywall-and-upgrade-screen-cro-mmlj2nsd' '.claude/skills/paywall-upgrade-cro'

OpenSkills

OpenSkills doit déjà être installé. La procédure locale install/read est contrôlée avec OpenSkills 1.5.0, qui exige Node.js ≥ 20.6.0. Aucun slug du catalogue n’est résolu automatiquement.

Installation officielle d’OpenSkills
openskills install './.skill-downloads/paywall-and-upgrade-screen-cro-mmlj2nsd'

openskills read 'paywall-and-upgrade-screen-cro-mmlj2nsd'

La lecture doit afficher le contenu du fichier installé et son dossier de base. Elle ne lance ni la skill ni ses dépendances.

Pour un agent qui lit AGENTS.md, synchronisez ensuite l’index. Cette commande modifie AGENTS.md : relisez le diff avant de l’utiliser.

openskills sync

Mode manuel ou autre outil : joignez SKILL.md à une conversation, ou ouvrez-le dans un agent capable de lire les fichiers. Ajoutez les ressources annexes nécessaires. Il n’existe pas de dossier universel reconnu par tous les outils.

4. Faire un premier essai

Utilisez une entrée courte et fictive : un endpoint d’API, un petit document ou un brief d’interface. Dans une nouvelle conversation, joignez le fichier ou donnez son chemin à l’agent, puis adaptez cette demande :

Lis .skill-downloads/paywall-and-upgrade-screen-cro-mmlj2nsd/SKILL.md et applique ses instructions à cet exemple : [décrire une entrée de test]. Indique les fichiers, dépendances ou accès qui manquent. Produis le résultat demandé par la skill sans inventer de données ni exécuter de script non examiné.

Résultat attendu : une sortie correspondant aux instructions de la skill, ou une liste précise des prérequis manquants. Une simple confirmation de lecture ne valide pas le premier usage. Si une ressource externe est indisponible, ce parcours reste à tester.

Skills similaires