# Filtrer ses items dans le CMS Webflow

Tutoriel3 minPublié le Nov 14, 2022Dernière mise à jour le ![Filtre items collections CMS Webflow](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67123b44fdb223c413a38820_64760069e93084646c9ef1b1_6372591629e44449500af8f0_Open-Graph-webflow-cms-item-filtre.webp)Sommaire

[

Copied](#)[

](#)[

](#)[

](#)
- [H2 Example](#)

Résumez cet article avec une IA[

ChatGPT](#)[

Claude](#)[

Grok](#)[

Perplexity](#)[

Google AI](#)Points clés de l'articleLors de la Webflow Conf' 2022, une annonce est passée un peu inaperçue à côté des autres [grandes annonces](/fr/blog/recap-premiere-journee-webflow-conf-2022) (librairies, polices variables, membership, multilingue, component, apps, etc.), mais nous pouvons maintenant dans le** **[**CMS de Webflow**](/fr/webflow)** retrouver nos items plus facilement**.

## Les options de filtrage des items dans les collections

En plus de pouvoir filtrer nos éléments du CMS par Status :

- **All** : Tous les items
- **Published** : Publié
- **Draft** : Brouillon
- **Scheduled** : Programmé
- **Archived** : Archivé

Nous avons maintenant d'autres possibilités pour pouvoir éditer le contenu dynamique de notre site web en toute simplicité.

### 1. Published : Filtrage en fonction de la publication des items

Désormais, dans le Designer, nous pouvons facilement retrouver les items qui ont été **publiés pour la dernière fois  **soit dans les dernières 24h, les 7 derniers jours ou les 30 derniers jours.

### 2. Created : Filtrage en fonction de la création des items

Nous pouvons également ne montrer que les **items qui ont été créés **les :

- Dernières 24h
- 7 derniers jours
- 30 derniers jours

### 3. Modified : Filtrage en fonction de la modification des items

Enfin, nous pouvoir voir plus facilement les **items qui ont été modifiés pour la dernière fois** il y a un jour (24h), une semaine (7j) ou un mois (30j).

## Comment filtrer ses items dans le CMS de Webflow ?

Nous allons vous montrer comment faire pour ne montrer dans votre collection que les items qui répondent aux options de filtrage ci-dessus.

### Étape 1 : Se connecter dans le Designer Webflow

Pour pouvoir filtrer vos items, il faudra avoir un **accès au mode Designer **d'un projet Webflow.

### Étape 2 : Ouvrir le CMS

Ensuite, vous devrez dans la partie gauche du Designer cliquer sur l'**icône du CMS** (en dessous des pages).

### Étape 3 : Sélectionner une collection

Une fois dans le CMS, toutes vos collections seront affichées. **Sélectionnez la collection** dans laquelle vous souhaitez retrouver un item / filtrer les items.

### Étape 4 : Choisir ses options de filtres

Une fois dans la collection, vous verrez tous les items qu'elle contient. Dans la barre du haut, vous trouverez à côté de la barre de recherche d'item, une **icône filtre **(filter). Vous n'aurez qu'à cliquer dessus et **choisir le ou les filtres **que vous souhaitez appliquer. En effet, vous pouvez combiner les options de filtrage (Status, Published, Created, Modified).

Dans notre exemple, nous souhaitons chercher les items publiés (Status), il y a moins de 7 jours (Published), créés il y a moins de 30 jours (Created) et modifiés ces dernières 24h (Modified).

![Filtre des items d'une collection du CMS Webflow](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67123b44fdb223c413a3894d_64760069e93084646c9eee9e_63725946c74535a191389d77_filtre-cms-webflow.webp)

En cliquant sur "**Apply Filter**", vous pouvez confirmer le filtrage et retrouver les items qui répondent à tous ces critères en même temps. Vous pouvez réinitialiser le filtrage en cliquant sur "**Reset**".

Voilà, vous pouvez maintenant optimiser votre temps de gestion dans Webflow grâce à ces nouvelles fonctionnalités. 

Vous pouvez également apprendre à [cacher un item sur votre site web après ou avant une certaine date dans Webflow](/fr/blog/cacher-item-temps-webflow) !

[

](#)![Thibaut Legrand](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/678a47ec4cabceb0d6aa7c2e_thibaut-website%20(1).webp)Thibaut LegrandCo-fondateur de Vydera & Technical Solutions Architect[

](/fr/team/thibaut-legrand)[

](https://www.linkedin.com/in/thibaut-legrand-digidop/)[

](https://twitter.com/lgd_thibaut)+1200 lecteurs

## Restez informé(e) Abonnez-vous à notre newsletter pour des conseils et actus exclusives.

[S'inscrire

](https://digidopfr.substack.com/subscribe)![Preview Digidop Newsletter](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/671231c436687e9d40d995e9_newsletter-digidop.webp)[Prévisualiser la Newsletter

](https://digidopfr.substack.com/)

## Articles qui devraient vous intéresser

![Collage of homepages from B2B SaaS agencies including Digidop, Vydera, FlowNinja, OFF+BRAND, Yuri & Neil, MetaLab, Shakuro and Ramotion](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6ab92cc629d6018592f49d92_Best%20B2B%20SaaS%20Agencies%20in%202026_FR.webp)DocumentationTout voir

### Top 20 meilleures agences web et digitales pour SaaS B2B en 2026

[Top 20 meilleures agences web et digitales pour SaaS B2B en 2026](/fr/blog/top-agences-b2b-saas)Top 20 meilleures agences web et digitales pour SaaS B2B en 2026![Interface Webflow Source montrant les agents IA, l’édition de site et les Views par métier dans un espace de travail unifié.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a9fa9f8608ffcc774c47eb7_source%20(1).webp)NewsDéveloppementTout voir

### Webflow lance Source. Notre avis sur ce shift.

[Webflow lance Source. Notre avis sur ce shift.](/fr/blog/webflow-lance-source)Webflow lance Source. Notre avis sur ce shift.![Taux de citation par plateforme IA : ChatGPT 100 %, Perplexity 100 %, Gemini 67 % et Claude 0 %.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a9044c13914f1d6ac3e9161_citation.jpg)DocumentationIATout voir

### Comment rendre son site visible dans ChatGPT, Perplexity et les moteurs IA

[Comment rendre son site visible dans ChatGPT, Perplexity et les moteurs IA](/fr/blog/comment-rendre-son-site-visible-chatgpt-perplexity-et-moteurs-ia)Comment rendre son site visible dans ChatGPT, Perplexity et les moteurs IA[Voir tous les articles

](/fr/blog)Les meilleurs projets web
commencent par une conversation[Discuter avec un expert

](/fr/contact)[Réserver un appel

](/fr/calendly)![Abstract composition of black and gold metallic ribbons with elegant light reflections and smooth gradients. A premium background conveying luxury, modernity, and innovation.](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/6a69a346549deffabdf98afa_shape-cta-footer.webp)