Filtres CMS Wix Studio : filtrer une collection sans code 🎛️

Les filtres CMS permettent à vos visiteurs de trier des articles, projets, fiches ou services pour trouver rapidement ce qu’ils cherchent. Ils s’appliquent au contenu d’une collection CMS affiché dans un répéteur ou une galerie.

En bref : vous ajoutez un élément de saisie (menu déroulant, boutons radio, cases à cocher, tags de sélection ou curseur de plage), vous le connectez au dataset avec l’option de filtrage, et vous choisissez le champ à filtrer. Le répéteur se met à jour dès que le visiteur fait son choix. Aucun code n’est nécessaire.

Filtre du dataset ou filtre visiteur : quelle différence ?

Il existe deux façons de filtrer une collection dans Wix Studio.

Attention : un élément exclu par le filtre du dataset n’apparaîtra jamais, même avec les filtres visiteur. Gardez le filtre du dataset pour les règles fixes.

Quels éléments peuvent filtrer une collection ?

Comment créer un filtre CMS sans code ?

1. Dans votre collection, ajoutez un champ qui servira de critère : catégorie, tags, ville, prix.

2. Dans l’éditeur, ouvrez Ajouter des éléments, puis la catégorie Saisie, et glissez l’élément choisi au dessus de votre répéteur.

3. Cliquez sur l’icône Connecter au CMS de cet élément et choisissez l’option qui sert à filtrer le contenu.

4. Sélectionnez le dataset relié au répéteur, puis le champ à filtrer.

5. Si besoin, ouvrez le filtrage avancé pour choisir la condition (contient, égal à…).

6. Prévisualisez la page et testez chaque choix.

Vous pouvez aussi ajouter deux boutons : l’un pour appliquer les filtres, l’autre pour réinitialiser les choix du visiteur. Ces actions se règlent dans la connexion du bouton au CMS.

Combiner plusieurs filtres

Plusieurs éléments de saisie peuvent être connectés au même dataset, chacun sur un champ différent : une catégorie et une ville, par exemple. Les filtres s’appliquent dès que le visiteur les sélectionne. Pour une recherche par mot, ajoutez plutôt un champ de recherche (voir la fiche barre de recherche Wix Studio).

Mon avis de webdesigner sur les filtres CMS

Les filtres CMS sont l’un des meilleurs rapports effort / résultat de Wix Studio : quelques minutes de réglage, et un portfolio ou un annuaire devient beaucoup plus agréable à parcourir.

Mon conseil : un ou deux filtres suffisent. Au delà, le visiteur se perd. Sur mobile, un menu déroulant prend moins de place qu’une longue rangée de tags. Et remplissez le champ de filtre sur tous les éléments de la collection : un élément sans catégorie disparaît dès qu’un filtre est actif. Pour une logique plus poussée (filtres croisés, compteur de résultats), il faut passer par Velo.

Besoin d’un annuaire ou d’un portfolio filtrable bien pensé ? Je conçois ce type de structure CMS en tant qu’agence Wix.

Questions fréquentes sur les filtres CMS Wix

Comment les utilisateurs interagissent avec ces filtres CMS wix ?

Via des menus déroulants, boutons ou tags cliquables. Le contenu du répéteur se met à jour automatiquement selon le choix effectué.

Peut-on filtrer une collection Wix sans code ?

Oui. Les éléments de saisie se connectent directement au dataset. Le code n’est utile que pour des comportements sur mesure.

Les filtres CMS fonctionnent-ils pour une boutique Wix ?

Pour les produits, utilisez plutôt les filtres Wix Stores, déjà prévus pour le prix, la taille ou la couleur.

À propos de l’auteur Alexandre Cottret, webdesigner freelance et fondateur de Trend Design, certifié Wix Partner Legend et Wix Studio. Plus de 150 sites créés depuis 2021, 5/5 sur Malt (93 avis).

Sources : Wix : laisser les visiteurs filtrer le contenu avec des éléments de saisie, Wix : ajouter et configurer un dataset.