Portillon

Fonctionnalités

Tout ce qu'il faut pour transformer un site Framer en espace membre payant. Chaque fonctionnalité est livrée sous forme de composants à copier dans Framer.

Authentification et espace membre

Vos visiteurs créent un compte, se connectent et gèrent leur profil, sans quitter votre site.

  • Inscription et connexion par e-mail + mot de passe, lien magique (sans mot de passe) et Google.
  • Mot de passe oublié avec lien de réinitialisation ; e-mails de confirmation en français, envoyés depuis votre domaine.
  • Profil du membre : nom, téléphone, société, photo. Les données sont séparées par projet.
  • Affichage conditionnel : montrez « Connexion » aux visiteurs et l'avatar aux membres.
  • Anti-robot invisible (Cloudflare Turnstile) sur les envois sensibles.
PositionAuthProviderPositionAuthFormUserButtonPositionProfileFormPositionSignOutShowIfAuth

Pages et contenus protégés

Choisissez, page par page, qui peut voir quoi - et protégez vraiment ce qui doit rester secret.

  • Règles de pages dans le dashboard : connectés, abonnés, plan précis, produit acheté ; une section entière avec /dossier/*.
  • Garde de page à poser dans Framer : masque la page et redirige selon le cas (non connecté, sans droit).
  • Contenus « Secure API » : texte, HTML ou vidéo livrés seulement après vérification serveur - absents du code de la page publique.
  • Droits calculés côté serveur, re-vérifiés à chaque demande.

Bon à savoir · Les composants d'affichage (garde de page, PlanGate, ShowIfAuth…) masquent le contenu mais celui-ci reste dans le code envoyé au navigateur. Pour un secret réel, utilisez ProtectedContent en mode Secure API.

PositionPageGuardProtectedContentPlanGatePositionPaywall

Paywall et abonnements Stripe

Vendez des abonnements ou des produits ; l'accès est accordé et retiré automatiquement.

  • Plans d'abonnement et achats uniques, mode test puis live.
  • Paiement sur Stripe Checkout : aucune donnée de carte chez vous, aucune clé secrète dans Framer.
  • Accès accordé dès la confirmation de Stripe (webhook), visible dans « Mon compte » après le retour de paiement.
  • Portail de facturation Stripe, historique des commandes, remboursements (total : accès retiré ; partiel : conservé).
  • Archivage d'un plan : plus de nouvelles ventes, droits acquis conservés.
SubscribeButtonPositionAbonnementSubscriptionStatusPositionBillingPortalOrdersList

Tunnels de vente et parcours

Guidez le visiteur de page en page, avec progression et conditions de passage.

  • Tunnel défini dans le dashboard : étapes ordonnées, ID à coller dans Framer.
  • Barre de progression (checklist, étapes de parcours, défilement) et bouton « Continuer » conditionnel.
  • Checklists enregistrées pour chaque membre : il retrouve sa progression à chaque visite, même d'une page à l'autre.
PositionChecklistPositionProgressBarPositionNextButton

CRM et ventes

Sachez qui est inscrit, qui paie, et agissez sur chaque compte.

  • Liste des membres avec recherche, tri, pagination et fiche détaillée (abonnement, droits, commandes).
  • Blocage d'un compte, import / export CSV, journal d'activité des actions sensibles.
  • Tableau des ventes : chiffre d'affaires, commandes, abonnements, catalogue.

Engagement

Donnez envie de revenir.

  • Favoris par membre (bouton, liste, compteur).
  • Compteur de vues par page ou par item.
FavoriteButtonFavoritesListFavoritesCountViewsCount

Envie de voir comment on les met en place ? Lire les guides pas à pas ›