How to filter CMS items in Webflow?

When displaying CMS items on a page using a Collection List, you often don't want to show everything at once. Filtering lets you control which items appear based on field values — showing only published posts, items in a specific category, or products above a certain price.

Filtering CMS items in a Collection List

Applying a filter

1. Open the Webflow Designer and select a page containing a Collection List (or add one).
2. Click on the Collection List Wrapper element on the canvas or in the Navigator.
3. In the Settings panel (right sidebar), locate the Filter section under Collection List settings.
4. Click Add filter.
5. Choose a field from your Collection, a condition, and a value.

Available conditions

Webflow supports the following filter conditions depending on field type:

• Equals / Does not equal — exact match (useful for categories, switches)

• Contains — partial text match

• Is set / Is not set — checks whether a field has a value

• Greater than / Less than — for numbers and dates

• Starts with / Ends with — for text fields

You can add multiple filters to the same Collection List. By default, all conditions must be met (AND logic). There is no native OR logic for a single Collection List — to achieve that, duplicate the list with different filter sets.

Common use cases

• Show only featured posts: Filter where featured (Switch) equals true.

• Filter by category: Filter where category (Reference) equals a specific category item.

• Hide future-dated items: Filter where published-date is less than or equal to the current date.

• Show items with images: Filter where image is set.

Dynamic filtering

On paid plans, Webflow supports dynamic filtering — you can pass filter values through the URL or connect them to elements on the page. This is useful for building category pages, search results, or any interface where users choose what to see.

Limit: A single Collection List can display up to 100 items. If you need pagination or load-more behavior, use Webflow's native pagination settings or a third-party solution like Wized or a custom JavaScript approach.