Composants

Cerveau invisible de la page : connecte le visiteur à Portillon et partage son état (connecté, abonnement, droits) avec tous les autres composants.

Formulaire complet : connexion, inscription, mot de passe oublié, lien magique, Google, carte « connecté » et mode avatar.

Pastille du membre connecté : email, initiales/photo ou nom complet, avec bouton de déconnexion.

Bouton de déconnexion personnalisable (libellé, icône, couleurs, redirection).

Formulaire « Mon profil » : photo, prénom, nom, téléphone, société. Mise à jour immédiate des autres composants (UserButton…).

Affiche un bloc ou un autre selon l'état du visiteur : connecté, déconnecté, abonné, plan précis, droit précis.

Verrouille une page entière selon les règles définies dans le dashboard (Tunnel de vente › Pages & protection).

Protège un bloc de contenu. Mode « Secure API » : le contenu n'est envoyé au navigateur qu'après vérification par le serveur - il n'existe pas dans la page publique.

Affiche le contenu seulement si le membre possède un plan donné, sinon une carte « réservé » avec bouton d'abonnement.

Floute un contenu et propose connexion / abonnement tant que le plan requis n'est pas actif.

Vitrine des produits de votre boutique Troc Troc (Position) sur votre site Framer.

Boutique WooCommerce complète : grille de produits en direct, panier et paiement Stripe.

Bouton « S'abonner / Acheter » : ouvre un paiement Stripe Checkout pour un plan ou un produit.

Cartes de plans avec le plan actuel du membre et boutons d'abonnement.

Plan actuel, statut, date de renouvellement et accès au portail de facturation Stripe.

Bouton d'accès au portail client Stripe (factures, moyen de paiement, résiliation).

Équipe d'un abonnement « par siège » : le membre invite ses collègues par e-mail, voit les sièges utilisés et retire un invité.

Historique des commandes du membre : date, produit, montant, statut (payé, remboursé…).

Liste de tâches à cocher, enregistrée pour chaque membre. Publie sa progression pour la barre et le bouton « Suivant ».

Barre de progression : suit une checklist, la position dans un parcours de pages (tunnel), ou le défilement.

Bouton « Continuer » : actif quand la checklist est complète, mène à l'étape suivante du tunnel.

Cœur « ajouter aux favoris » lié au membre. Retire le favori en un clic.

Liste des favoris du membre (image, titre, retrait).

Nombre de favoris du membre, mis à jour en direct.

Compte les vues d'un item/page (une par session) et affiche le total.

Affiche une collection CMS Framer avec pagination et filtres.

Carrousel d'items CMS (navigation, lecture automatique).

Carte d'item CMS réutilisable.

Nombre total d'items d'une collection.

Pont de données : transmet la valeur d'un champ CMS à d'autres composants.

Barre de filtres (catégories, tags, tri) pour une collection.

Réinitialise les filtres actifs.

Recherche en direct dans une collection.

Enchaînement d'articles par défilement infini.

Sommaire généré à partir des titres d'un article.

Widget « cet article vous a-t-il aidé ? ».

Barre de résumé pour moteurs de réponse IA (GEO).

Bouton retour (page précédente ou URL fixe).

Barre de progression de lecture liée au défilement.

Fil d'Ariane généré depuis l'URL.

Partage natif ou copie du lien de la page.

Anime le tracé d'un SVG au défilement.

Date relative (« il y a 3 jours »).

Contrôles personnalisés pour une vidéo intégrée.

Invite à suivre le site sur Google Actualités / Discover.

Particules animées réactives à un son.

Carte interactive avec marqueurs.