Ajouter des filtres à vos collections CMS
Vidéo
| Attribut Finsweet | Élément Webflow | Valeur |
|---|---|---|
| fs-cmsfilter-element | Collection List Wrapper | list |
| fs-cmsfilter-element | Form Block (filtres) | filters |
| fs-cmsfilter-field | Checkbox / Radio / Select | Nom du champ CMS à filtrer |
Dans cet épisode, Sandro, cofondateur de l'agence Webflow Gemeos vous montre comment ajouter des filtres à vos collections CMS
Pourquoi ajouter des filtres à vos collections CMS ?
Les filtres sont importants sur le web car ils permettent aux utilisateurs de trouver rapidement les produits qui correspondent à leurs besoins et à leurs préférences. En utilisant des filtres, les prospects peuvent affiner leur recherche en fonction de critères spécifiques tels que la taille, la couleur, le prix, la marque, etc.
Les filtres aident également à simplifier la navigation dans un catalogue volumineux en réduisant le nombre de produits affichés à l'écran. Cela peut améliorer l'expérience utilisateur en rendant la recherche plus rapide et plus efficace.
Enfin, l'utilisation de filtres peut également aider les entreprises à mieux comprendre les préférences et les besoins de leurs clients en recueillant des données sur les filtres les plus utilisés et les résultats de recherche les plus fréquemment consultés. Ces données peuvent être utilisées pour améliorer la pertinence du catalogue et pour offrir une expérience d'achat plus personnalisée aux clients.
Voici un exemple de catalogue avec un système de filtrage avancé réalisé pour un client à l'aide du CMS Filter de Finsweet attributes
1. Ajouter ce script dans la le <head> de votre page
2. Ajoutez un attribut "list" à votre <Collection list>
3. Ajoutez un attribut "filters" à votre <Form Block>
4. Ajoutez un attribut avec la valeur de votre choix aux éléments nécessaire
5. Publiez votre site et testez le résultat
bon à savoir
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
