Notre point de vue sur Finsweet Attributes
Webflow CMS est puissant mais s'arrête à un certain niveau de logique. Pour filtrer une liste par plusieurs catégories, charger plus d'items au scroll, combiner un slider avec un CMS, il faut du code. Finsweet a créé une librairie d'attributs HTML qui répondent à ces besoins sans écrire une ligne de JS.
L'avantage stratégique : Finsweet Attributes est gratuit, maintenu, documenté, et utilisé par des milliers d'agences. Avant d'écrire du custom code pour un comportement avancé, on vérifie systématiquement si Finsweet l'a déjà résolu.
Quand on choisit Finsweet Attributes
- Filtres CMS multi-critères. Filtrer une liste de projets, articles ou produits par plusieurs taxonomies en parallèle. Le solver Finsweet est mature.
- Load more ou pagination dynamique. Quand on veut afficher 12 items puis charger les suivants à la demande, sans rechargement de page.
- Tabs dynamiques alimentés par CMS. Quand chaque tab vient d'une collection Webflow et change de contenu sans rechargement.
- Combinaisons CMS + slider, CMS + map, CMS + tabs. Les combos que Webflow ne sait pas faire nativement.
Quand on déconseille Finsweet Attributes
- Fonctionnalité native Webflow suffisante. Si une feature est disponible dans le CMS standard, ne pas charger une librairie externe.
- Besoin très spécifique. Quand le pattern est trop spécifique pour les attributes Finsweet, on code custom directement plutôt que de tordre la librairie.
- Performance critique sur mobile low-end. Charger Finsweet ajoute du JS. Sur certains projets, on préfère coder une version minimale et focalisée.
- Maintenance long terme par client non-technique. Si le client devra modifier seul, les attributes peuvent dérouter. À documenter dans la passation.
Comment on l'utilise concrètement chez Justa
1. Filter sur les pages d'archive CMS
Page de blog, projets, ressources : Finsweet CMS Filter permet aux visiteurs de filtrer par catégorie, tag, date, sans rechargement. Combiné aux URL sync, on peut partager une URL pré-filtrée.
2. Load more sur les listes longues
Plutôt que d'afficher 50 items d'un coup et plomber le LCP, on affiche 12 et on charge les suivants à la demande. CMS Load More gère ça avec une seule classe CSS et un bouton.
3. Combinaisons Slider + CMS
Quand on a une collection Webflow qui doit s'afficher comme un Swiper, Finsweet CMS Combine récupère les items et les pousse dans le slider. Évite le hack manuel.
4. Custom Form Webflow
CMS Form pousse les capacités du form Webflow : conditions de visibilité, validation custom, multi-step. Souvent suffisant avant de basculer sur Wized ou un form HubSpot embed.
Les limites qu'on gère
- Dépendance à un acteur externe. Si Finsweet arrête de maintenir, les sites cassent. On garde une copie de la version utilisée et on évite les mises à jour aveugles.
- Documentation à jour. Finsweet en est à sa version 2 qui est plus puissante et tout aussi bien documenté
- Edge cases parfois bugués. Sur certaines combinaisons (filter + load more + sort), des comportements inattendus apparaissent. À tester avec rigueur.
- Poids cumulé. Charger 4-5 modules Finsweet sur une page peut peser. On charge uniquement ce qui est utilisé.
Alternatives qu'on connaît aussi
- Code custom JS. Quand le besoin est très spécifique ou que la performance est critique, on code une version focalisée plutôt que d'embarquer la librairie complète.
- Jetboost. Payant, plus restreint en fonctionnalités, parfois plus simple à configurer pour des cas standards.
- Wized. Quand le besoin dépasse le filtrage et la mise en forme, et qu'on entre dans la logique d'application, on bascule sur Wized (de Finsweet également).
.svg)
