Créer un espace membre sur Framer sans code
Framer ne gère pas les comptes utilisateurs en natif. Voici comment ajouter une inscription, une connexion et un espace membre à un site Framer existant, sans écrire une ligne de code et sans serveur à maintenir.
Ce dont vous avez besoin
Un site Framer, un compte Portillon gratuit (1 projet, 100 membres) et dix minutes. Rien à installer : les composants se collent dans Framer par un simple lien.
Les étapes
- Créez votre compte sur Portillon, puis un projet. Le projet correspond à votre site Framer.
- Dans Paramètres › Identifiants du projet, copiez la « Clé projet ».
- Dans le catalogue de composants, ouvrez PositionAuthProvider et cliquez sur « Copier le composant ». Collez le lien dans le canvas Framer : le composant apparaît tout seul.
- Placez PositionAuthProvider une fois par page (ou dans un layout partagé) et collez la clé projet dans ses propriétés.
- Sur votre page de connexion, glissez PositionAuthForm. Activez ou désactivez chaque méthode : e-mail et mot de passe, lien magique, Google.
- Dans la barre de navigation, ajoutez UserButton : il affiche le membre connecté et un bouton de déconnexion.
- Ajoutez PositionProfileForm sur une page « Mon compte » pour que vos membres modifient leur photo, leur nom et leur société.
- Publiez votre site Framer et créez un compte de test.
Travailler le design sans compte réel
Le mode Test de PositionAuthProvider simule un membre connecté : vous pouvez styliser tous les états du formulaire et de la pastille membre dans le canvas, sans vous inscrire à chaque modification.
Ce que vous obtenez côté gestion
Chaque inscription apparaît dans le CRM du dashboard : liste des membres, étiquettes, champs personnalisés, import et export CSV, blocage d'un membre, journal d'activité. Les e-mails de confirmation et de réinitialisation sont envoyés en français ou en anglais selon la langue du compte, et vous pouvez les envoyer depuis votre propre domaine avec une offre payante.
Sécurité
Un anti-robot invisible (Cloudflare Turnstile) protège les formulaires. Les mots de passe ne transitent jamais par votre site Framer : l'authentification est gérée côté serveur, avec des données hébergées en Europe.
Questions fréquentes
Faut-il écrire du code pour ajouter un espace membre à Framer ?
Non. Vous collez le lien d'un composant dans Framer et vous réglez ses propriétés comme n'importe quel composant Framer.
Combien de membres puis-je avoir gratuitement ?
L'offre Gratuite de Portillon permet 1 projet et jusqu'à 100 membres, sans limite de durée.
Essayez Portillon gratuitement
1 projet et 100 membres offerts, sans carte bancaire. Offres payantes avec 14 jours d'essai.
Créer mon compte