Kits de Prompts

Créer un site d'abonnement avec l'IA

Un site d'abonnement vend de l'accès, pas des produits : les membres paient mensuellement, et les membres payants voient des éléments que les non-membres ne voient pas. Ce kit permet d'en créer un en cinq invites séquencées — le site et la bibliothèque de contenu, les comptes réels, l'accès par niveau qui fonctionne réellement, les paiements récurrents et un espace membre — avec une étape de vérification après chacune pour ne jamais se demander si cela a fonctionné.

Type de projet: Site d'abonnement / adhésion Difficulté: Intermediate Durée: 1-2 jours Fonctionne avec: Base44 / Lovable / v0

Ce que vous aurez à la fin

  • Un site public où tout le monde peut parcourir le contenu gratuit et voir ce que l'adhésion comprend
  • Inscription et connexion, avec le niveau de chaque membre stocké sur son compte
  • Contenu marqué comme gratuit ou réservé aux membres, où le contenu réservé aux membres est réellement inaccessible aux non-membres
  • Paiements d'abonnement récurrents, avec un accès accordé automatiquement après le paiement
  • Un espace membre où les personnes voient leur contenu, gèrent leur forfait et annulent par elles-mêmes
  • Un espace propriétaire où vous publiez du contenu et voyez qui est membre

Avant de commencer

  • Une offre claire d'abord. Décidez de ce que les membres obtiennent et de ce qui reste gratuit, et choisissez votre prix. Il s'agit d'une décision commerciale que l'IA ne peut pas prendre à votre place — et la modifier plus tard signifie refaire l'étape 4.
  • Un compte de paiement (Stripe est le choix courant — gratuit à ouvrir, restez en mode test pendant la construction). Vous aurez besoin de votre clé secrète depuis son tableau de bord, stockée uniquement dans les paramètres sécurisés de votre constructeur.
  • Du contenu réel prêt — au moins trois éléments. Deux gratuits, un réservé aux membres, afin que vous puissiez réellement tester la barrière.
  • Une adresse e-mail pour les notifications, et environ une journée de temps concentré sur deux sessions.

Quelle plateforme convient

Base44 est l'option la plus fluide : les comptes, la base de données et les règles d'accès sont centralisés dans un backend géré, avec des options de paiement disponibles sous réserve de votre région et de l'éligibilité du fournisseur. Lovable gère cela efficacement via Lovable Cloud ou Supabase en option, tout en vous offrant la propriété du code via GitHub ; prévoyez des tests rigoureux sur le lien entre paiement et adhésion. v0 permet de créer l'application d'adhésion full-stack, incluant la logique serveur, et de la déployer sur Vercel. Comme la base de données, l'authentification et les services de paiement s'appuient sur des fournisseurs tiers, vous devrez configurer une plus grande partie de la stack et tester attentivement les autorisations, les webhooks et les changements d'état des abonnements. Les prompts de ce kit fonctionnent avec les trois plateformes ; les notes spécifiques à chaque étape détaillent les différences.

Commencez par le premier prompt avec une offre gratuite. L’usage supplémentaire et certains services connectés peuvent coûter plus cher à mesure que vous développez le projet.

Créez-le sur

Comment nous gagnons de l’argent

Les étapes

1

Construire le site public et la bibliothèque de contenu

Quand l'utiliser

Commencez ici, pour tout nouveau projet.

La structure globale du site d'adhésion, avec du contenu prêt à être restreint ultérieurement.

Le prompt

Ces prompts fonctionnent mieux en anglais — collez-les tels quels, même sur les pages traduites.

Build a membership website for [BUSINESS/CREATOR NAME], which offers [WHAT YOUR MEMBERSHIP IS ABOUT, e.g. weekly training videos for home bakers].

Pages: a home page explaining what membership includes and who it's for, with a clear button to join; a content library listing all published pieces; a page for reading a single piece of content; a pricing page showing [FREE TIER AND YOUR PAID TIER(S) WITH PRICES]; an about page; and a contact page with a simple form that emails me at [EMAIL] and stores submissions.

Store the content as editable data with an admin screen where I can add, edit and publish pieces. Each piece has: title, short description, the main content, an optional image, a category, a publish date, and an access level which is either "free" or "members".

On the library page, show every piece as a card with its title, description and a clear label when it is members-only. Do not build any access restriction yet — that comes in a later step.

Design: [THREE ADJECTIVES, e.g. warm, confident, uncluttered]. Colors: [YOUR COLORS]. Comfortable reading typography for long content, and it must work well on a phone. Use image placeholders only — do not generate photos.

Add three example pieces of content clearly marked as examples for me to replace.

Vérifiez que ça a marché

  • Vous pouvez naviguer sur chaque page, et la bibliothèque affiche vos exemples d'articles
  • L'écran d'administration vous permet d'ajouter un nouvel article qui apparaît dans la bibliothèque
  • Les articles réservés aux membres sont clairement identifiés (même s'ils ne sont pas encore verrouillés)
  • La page de tarification affiche vos prix réels
  • Le site est parfaitement lisible sur téléphone

Vous saurez que ça a marché quand :

Un site public complet avec une bibliothèque de contenu fonctionnelle que vous contrôlez.

Attention à

Évitez d'ajouter des comptes ou des paiements dans cette étape. Chaque projet qui échoue le fait en voulant tout faire en même temps.

2

Ajouter des comptes membres

Quand l'utiliser

Une fois que le site public semble correct.

Les utilisateurs peuvent créer des comptes ; chaque compte possède un niveau d'adhésion.

Le prompt

Ces prompts fonctionnent mieux en anglais — collez-les tels quels, même sur les pages traduites.

Add member accounts to this site.

Visitors can sign up with email and password, log in, log out, and reset a forgotten password. Use the platform's built-in account system — do not build a custom password system.

Every account stores a membership tier, which starts as "free" for everyone who signs up. Only I, as the owner, can change someone's tier — a member must never be able to change their own tier from the website.

Add a simple account page where a logged-in member sees their name, email and current tier.

Add an owner-only screen listing all members with their email, tier and sign-up date, where I can change a tier manually. Make sure a normal member cannot reach this screen, even by typing its address directly.

Do not restrict any content yet — that is the next step.

Vérifiez que ça a marché

  • Vous pouvez créer un compte de test, vous déconnecter et vous reconnecter
  • L'e-mail de réinitialisation du mot de passe arrive
  • Votre compte de test affiche le niveau "gratuit" sur sa page de compte
  • Vous pouvez ouvrir la liste des membres en tant que propriétaire et modifier un niveau
  • Connecté en tant que compte de test simple, la liste des membres est inaccessible, même en tapant l'adresse

Vous saurez que ça a marché quand :

Des comptes fonctionnels où le niveau est associé au compte et seul vous pouvez le modifier.

Attention à

Créez votre compte de test simple maintenant et conservez-le. Chaque étape restante est vérifiée avec celui-ci, et non avec votre compte propriétaire.

3

Verrouiller correctement le contenu réservé aux membres

Quand l'utiliser

Immédiatement après la mise en place des comptes. Faites cela avant les paiements, pas après.

Un contenu réservé aux membres qui ne peut absolument pas être consulté par les non-membres.

Le prompt

Ces prompts fonctionnent mieux en anglais — collez-les tels quels, même sur les pages traduites.

Restrict the members-only content on this site.

Content marked "free" stays visible to everyone, including visitors who are not logged in. Content marked "members" can only be opened by a logged-in account whose tier is [YOUR PAID TIER NAME, e.g. member].

Enforce this on the content itself, not by hiding buttons or links: a person must not be able to reach a members-only piece by typing its address, and the full content must not be retrievable by anyone whose tier does not allow it.

Non-members should still see that members-only content exists — show its title and description in the library with a clear lock, and when they open it, show a short friendly message explaining what membership includes with a button to the pricing page. Do not show any part of the actual content.

When you are done, tell me plainly which pieces of content each of these can reach: a visitor who is not logged in, a logged-in free account, and a paid member.

Vérifiez que ça a marché

  • Déconnecté, vous pouvez lire les articles gratuits et voir ceux verrouillés avec une invitation à rejoindre
  • Connecté avec le compte de test gratuit simple, les articles réservés aux membres affichent toujours l'invitation, et non le contenu
  • Copier l'adresse d'un article réservé aux membres dans une fenêtre déconnectée affiche l'invitation, jamais le contenu
  • Après avoir manqué manuellement votre compte de test au niveau payant (depuis l'écran propriétaire), le même article s'ouvre entièrement
  • Le rapport vous indique clairement qui peut accéder à quoi

Vous saurez que ça a marché quand :

Une barrière que vous avez personnellement testée depuis un compte non-membre et en collant l'adresse directement.

Attention à

C'est l'étape qui détermine si votre adhésion est réelle. Un rapport indiquant "restreint" n'est pas une preuve — testez-le vous-même, déconnecté, avec une adresse copiée-collée. Si votre contenu payant fuit, tout le reste de ce kit n'est que décoration.

4

Accepter des paiements récurrents

Quand l'utiliser

Une fois la passerelle vérifiée. Pas avant.

Les utilisateurs peuvent s'abonner, et le paiement accorde automatiquement l'accès.

Le prompt

Ces prompts fonctionnent mieux en anglais — collez-les tels quels, même sur les pages traduites.

Add recurring subscription payments to this membership site using [PAYMENT PROVIDER, e.g. Stripe] in test mode.

On the pricing page, the paid plan gets a button that starts a subscription checkout on the provider's own secure payment page for [PRICE] per [MONTH/YEAR]. Never handle or store card details on my site.

When a payment succeeds, set that account's tier to [YOUR PAID TIER NAME] automatically and send them to a welcome page confirming they now have access, with a button to the content library. The tier must be set by the payment confirmation itself — never by anything the member's browser can trigger.

When a subscription is cancelled or fails, return that account to the free tier automatically. When a member cancels, they keep access until the end of the period they already paid for.

Add a "manage my membership" button on the account page that sends the member to the provider's own portal, where they can update their card or cancel, and returns them to my site afterwards.

Show me where to put my payment provider's secret key in the platform's secure settings, and tell me exactly which steps I have to complete in the provider's dashboard myself.

Vérifiez que ça a marché

  • Le clic sur le bouton d'adhésion ouvre la page de paiement du fournisseur avec votre prix correct
  • Le paiement avec la carte de test du fournisseur se termine et vous renvoie à la page de bienvenue
  • Le niveau de votre compte de test a été automatiquement modifié pour le niveau payant, sans intervention sur l'écran du propriétaire
  • Ce compte peut désormais ouvrir le contenu réservé aux membres
  • "Gérer mon adhésion" ouvre le portail du fournisseur, et l'annulation à cet endroit ramène le compte au statut gratuit

Vous saurez que ça a marché quand :

Un abonnement de test complet : payer → accès accordé → annuler → accès révoqué. Effectué avec une carte de test, du début à la fin.

Attention à

Le mode test et le mode réel se ressemblent. Avant d'annoncer quoi que ce soit, passez aux clés réelles et effectuez un paiement réel pour vous-même — l'échec le plus courant lors du lancement de sites d'adhésion est un tunnel de paiement qui fonctionne encore en mode test.

5

Créer l'espace membre et les outils de gestion

Quand l'utiliser

Après qu'un test d'abonnement complet fonctionne du début à la fin.

Les éléments qui font qu'un abonnement ressemble à un espace membre plutôt qu'à un simple mur de paiement.

Le prompt

Ces prompts fonctionnent mieux en anglais — collez-les tels quels, même sur les pages traduites.

Improve the member experience and my owner tools.

For members: add a member home page shown after login with a welcome by name, the newest members-only content, and anything they had started reading. Add a "new for members" section to the library that highlights recent members-only pieces. Send a warm welcome email when someone becomes a paying member, explaining what they now have access to.

For me as the owner: add a simple dashboard showing how many free accounts and paying members I have, how many joined this month, and how many cancelled this month. Let me schedule a piece of content to publish on a future date, and let me send one announcement email to all members from an owner screen.

Keep everything already working exactly as it is — especially the access rules and the payment flow.

Vérifiez que ça a marché

  • Se connecter en tant que membre redirige vers la page d'accueil des membres avec votre nom et le contenu récent
  • L'e-mail de bienvenue arrive lorsqu'un compte de test s'abonne
  • Votre tableau de bord de propriétaire affiche des nombres de membres précis
  • Un article prévu pour demain n'est pas visible aujourd'hui et apparaît demain
  • Tout ce qui concerne les étapes 1 à 4 fonctionne toujours exactement comme avant

Vous saurez que ça a marché quand :

Un espace membre qui semble vivant pour les membres et facile à gérer pour vous.

Attention à

Les e-mails d'annonce envoyés à tous les membres sont du marketing — incluez une option de désinscription et ne transformez pas les e-mails transactionnels en promotions.

Mise en ligne

  • Remplacez chaque exemple de contenu par du contenu réel, et publiez au moins trois éléments gratuits afin que les non-membres aient une raison de vous faire confiance
  • Testez la barrière une dernière fois depuis une fenêtre déconnectée avec une adresse collée
  • Passez votre fournisseur de paiement de clés de test à clés réelles, puis effectuez un vrai paiement vers vous-même et remboursez-le
  • Confirmez que l'e-mail de bienvenue, le flux d'annulation et le bouton "gérer mon abonnement" fonctionnent tous sur le site en ligne, et pas seulement en prévisualisation
  • Rédigez votre politique de remboursement et d'annulation sur la page de tarification — avant que les gens ne paient, et pas dans les conditions générales
  • Ajoutez votre politique de confidentialité et vos conditions d'utilisation (voir l'invite de configuration des pages juridiques)
  • Connectez votre domaine personnalisé et vérifiez que le cadenas apparaît

Dépensez moins de crédits

Chaque plateforme vous facture le travail que fait son IA — la habitude la moins chère est donc de réfléchir avant de construire. Ces six règles éliminent l'essentiel du gaspillage, quelle que soit la plateforme.

  1. Planifiez d'abord dans un chat gratuit. Esquissez le tout dans ChatGPT, Claude ou Gemini — pages, fonctionnalités, ce que chaque formulaire collecte, l'apparence voulue. Réfléchir là-bas est gratuit ; réfléchir dans un builder est facturé.
  2. Partez d'un prompt écrit, pas d'une phrase. « Fais-moi un site » est la phrase la plus chère de la construction avec l'IA. Un premier prompt complet — comme ceux de ce site — évite des dizaines de corrections.
  3. Ne soyez pas paresseux sur les détails. Chaque détail omis revient en correction payante. Nom de l'entreprise, couleurs, chaque page, chaque champ de formulaire, ce qui se passe après l'envoi — mettez tout dans le premier prompt.
  4. Ensuite, un changement par message. « Corrige l'en-tête, et le formulaire, et les couleurs » crée un enchevêtrement plus coûteux à démêler que ce qu'il a économisé.
  5. Bloqué ? Arrêtez de rustiner. Si la même correction échoue environ trois fois, n'en envoyez pas une quatrième — décrivez plutôt l'état final souhaité de toute la section dans un nouveau message.
  6. Commencez gratuitement. Passez au payant quand il vous en faut plus. Utilisez le quota gratuit pour créer et explorer votre première version. Passez au payant quand vous avez besoin de plus d’utilisation ou de fonctionnalités payantes, et vérifiez le coût des services connectés avant le lancement.

Les prompts de cette page sont écrits pour faire l'essentiel de ce travail à votre place — c'est tout leur intérêt.

Lire le guide complet

Dernière vérification: 2026-08-27

FAQ

Nous utilisons des cookies pour analyser le trafic et suivre les clics d'affiliation. En continuant, vous acceptez notre Politique de Confidentialité.