Portillon
Guide · 6 min de lecture

Protéger une page ou un contenu sur Framer : ce qui est vraiment sécurisé

Sur un site Framer, masquer un bloc ne le protège pas : le contenu reste dans le code de la page. Voici comment distinguer un simple affichage conditionnel d'une vraie protection serveur.

Deux niveaux de protection

Le premier niveau est l'affichage : on cache un bloc tant que le visiteur n'est pas autorisé. C'est suffisant pour de l'ergonomie (cacher un bouton « Connexion » à un membre connecté), mais un visiteur averti peut lire le contenu envoyé au navigateur.

Le second niveau est la livraison conditionnelle : le contenu reste sur le serveur et n'est envoyé qu'après vérification des droits. Il n'existe pas dans la page publique.

PositionPageGuard : verrouiller une page entière

PositionPageGuard masque la page tant que l'accès n'est pas accordé, puis disparaît. Vous définissez les règles dans le dashboard (Tunnel de vente › Pages & protection) et vous pouvez rediriger les non-connectés vers la connexion, et les connectés sans droit vers votre offre.

Attention : il protège l'affichage de la page, pas son code. Pour une page de simple confort, c'est parfait. Pour du contenu réellement secret, passez au composant suivant.

ProtectedContent en mode Secure API : le contenu secret

Le contenu est livré seulement après vérification par le serveur : un visiteur non autorisé ne le trouvera ni dans le code source ni dans les requêtes réseau. Le mode « UI Gate » du même composant ne masque que des calques et reste un affichage.

  1. Dans le dashboard, créez le contenu dans Plugins › Paywall › Contenus protégés, avec une clé et un type de protection.
  2. Choisissez la règle : connecté, abonnement actif, plan précis, produit acheté, rôle ou droit.
  3. Dans Framer, placez ProtectedContent et collez la clé du contenu.

Les composants d'affichage utiles

PlanGate affiche un contenu seulement si le membre a un plan donné, avec une carte « réservé » et un bouton d'abonnement. PositionPaywall floute un aperçu et propose connexion ou abonnement. ShowIfAuth bascule entre deux blocs selon l'état du visiteur. Ils servent à guider le visiteur, pas à garder un secret.

Quel composant choisir ?

Une page de simple confort réservée aux membres : PositionPageGuard. Un cours, un fichier, un article payant : ProtectedContent en Secure API. Une teaser avec incitation à s'abonner : PositionPaywall ou PlanGate.

Questions fréquentes

Un contenu masqué dans Framer est-il vraiment protégé ?

Non, s'il est seulement masqué : il reste dans le code de la page. Il faut une livraison conditionnelle côté serveur, comme le mode Secure API de ProtectedContent.

Essayez Portillon gratuitement

1 projet et 100 membres offerts, sans carte bancaire. Offres payantes avec 14 jours d'essai.

Créer mon compte

Voir les tarifs

À lire aussi