Dans ce tutoriel Webflow en français, on vous montre comment créer un système de filtre sans code avec le « plugin » : CMS Filter for Webflow (attribut) de Finsweet.
La solution de Finsweet vous permet de créer des systèmes de filtrage no-code avancés et complexes pour les contenus « liste de collection » de Webflow, CMS.
Pour ce tutoriel, nous avons implémenté un filtre utilisant des cases à cocher, checkbox field dans Webflow. Chaque élément a été connecté à un champ à références multiples, de sorte que les filtrages soit multiples et cumulatifs.
Il existe d’autres système de filtrage de CMS possible dans Webflow :
· Barre de recherche
· Radio button (filtre exclusive)
· Slider range
· Ordre de tri
Lien vers la doc de Finsweet (code à copier/coller) →
Si vous avez la moindre question sur ce tutoriel, n’hésitez pas, posez la nous en commentaire !
L’équipe Digidop, Webflow expert 💛
▬▬▬▬▬▬▬▬▬▬▬ L’ARTICLE 📖 ▬▬▬▬▬▬▬▬▬▬▬
Article web 👉 À venir
▬▬▬▬▬▬▬▬▬▬▬ LES OUTILS 💻 ▬▬▬▬▬▬▬▬▬▬▬
Webflow 👉
Finsweet CMS filter 👉
▬▬▬▬▬▬▬▬▬▬▬ TEMPS FORTS ⌚ ▬▬▬▬▬▬▬▬▬▬▬
Introduction Webflow Filtrage : 00:00
Créer des filtres dans le CMS : 00:30
Créer les items à filtrer : 01:00
Connecter les filtres à un champ multi-référence : 01:20
Construction dans le designer de Webflow : 02:00
Intégration du code Finsweet Filter CMS : 05:50
Ajout des attributs : 06:30
Publication du site et test live : 10:45
Conclusion sur les filtres dans Webflow : 11:20
▬▬▬▬▬▬▬▬▬▬▬ ALLER PLUS LOIN 🤓 ▬▬▬▬▬▬▬▬▬▬▬
Regardez nos autres vidéos 👉
Retrouvez tous nos articles no-code sur notre blog Digidop 👉
▬▬▬▬▬▬▬▬▬▬▬ CONTACT DIGIDOP ⚡ ▬▬▬▬▬▬▬▬▬▬▬
Contactez Digidop pour automatiser votre site Webflow 👉
Suivez-nous pour être au courant des meilleurs stratégies web !
🔗 Instagram :
🔗 LinkedIn :
🔗 Facebook :
Comment filtrer CMS ? | Webflow Tutoriel | Finsweet Attributes (FR)
Dans ce tutoriel Webflow en français, on vous montre comment créer un système de filtre sans code avec le « plugin » : CMS Filter for Webflow (attribut) de Finsweet.
La solution de Finsweet vous permet de créer des systèmes de filtrage no-code avancés et complexes pour les contenus « liste de collection » de Webflow, CMS.
Pour ce tutoriel, nous avons implémenté un filtre utilisant des cases à cocher, checkbox field dans Webflow. Chaque élément a été connecté à un champ à références multiples, de sorte que les filtrages soit multiples et cumulatifs.
Il existe d’autres système de filtrage de CMS possible dans Webflow :
· Barre de recherche
· Radio button (filtre exclusive)
· Slider range
· Ordre de tri
Lien vers la doc de Finsweet (code à copier/coller) →
Si vous avez la moindre question sur ce tutoriel, n’hésitez pas, posez la nous en commentaire !
L’équipe Digidop, Webflow expert 💛
▬▬▬▬▬▬▬▬▬▬▬ L’ARTICLE 📖 ▬▬▬▬▬▬▬▬▬▬▬
Article web 👉 À venir
▬▬▬▬▬▬▬▬▬▬▬ LES OUTILS 💻 ▬▬▬▬▬▬▬▬▬▬▬
Webflow 👉
Finsweet CMS filter 👉
▬▬▬▬▬▬▬▬▬▬▬ TEMPS FORTS ⌚ ▬▬▬▬▬▬▬▬▬▬▬
Introduction Webflow Filtrage : 00:00
Créer des filtres dans le CMS : 00:30
Créer les items à filtrer : 01:00
Connecter les filtres à un champ multi-référence : 01:20
Construction dans le designer de Webflow : 02:00
Intégration du code Finsweet Filter CMS : 05:50
Ajout des attributs : 06:30
Publication du site et test live : 10:45
Conclusion sur les filtres dans Webflow : 11:20
▬▬▬▬▬▬▬▬▬▬▬ ALLER PLUS LOIN 🤓 ▬▬▬▬▬▬▬▬▬▬▬
Regardez nos autres vidéos 👉
Retrouvez tous nos articles no-code sur notre blog Digidop 👉
▬▬▬▬▬▬▬▬▬▬▬ CONTACT DIGIDOP ⚡ ▬▬▬▬▬▬▬▬▬▬▬
Contactez Digidop pour automatiser votre site Webflow 👉
Suivez-nous pour être au courant des meilleurs stratégies web !
🔗 Instagram :
🔗 LinkedIn :
🔗 Facebook :
#webflowtuto #webflowfilter #webflowfrance
Related Posts
Cours d'histoire de sixième, leçon 51 : La guerre des Gaules (2) Gergovie et Alésia
Tutoriel concept Safar
leçon de vie
About The Author
videoadmin