Fonctionnel

Ajouter des filtres à vos collections CMS

outils :

Sommaire

Vidéo

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

Ajout de filtres dans Webflow

1. Ajouter ce script dans la le <head> de votre page

 <script async src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-cmsfilter@1/cmsfilter.js"></script>


2. Ajoutez un attribut "list" à votre <Collection list>

Ajout de filtres dans Webflow

3. Ajoutez un attribut "filters" à votre <Form Block>

Ajout de filtres dans Webflow

4. Ajoutez un attribut avec la valeur de votre choix aux éléments nécessaire

Ajout de filtres dans Webflow

5. Publiez votre site et testez le résultat

Nos autres tutoriels

Rendre un élément déplaçable sur son site web

OutilS
Webflow
Embed
Catégorie
Animation

Enrichir des données d’entreprise sur la base du numéro de SIREN

OutilS
Webflow
Wized
Catégorie
DATA/Tracking

Ajouter des données structurées à votre site Webflow ?

OutilS
Webflow
Embed
Catégorie
SEO
Voir tous nos tutoriels