intermediatewebflowcms

How to sort CMS items in Webflow?

Flowversity··2 min read

By default, a Collection List displays items in the order they were created. Sorting lets you rearrange them — newest first, alphabetically, by a number field, or any other criteria that makes sense for your layout.

Sorting CMS items in a Collection List

Applying a sort

  1. Open the Webflow Designer and select a page containing a Collection List (or add one).
  2. Click the Collection List Wrapper element on the canvas or in the Navigator.
  3. In the Settings panel (right sidebar), find the Sort section under Collection List settings.
  4. Choose a field to sort by and a direction (ascending or descending).

Sortable field types

Not every field type can be used for sorting. The following field types are sortable:

  • Plain Text — alphabetical order (A–Z or Z–A)
  • Number — numerical order (1–10 or 10–1)
  • Date — chronological order (oldest or newest first)
  • Switch — groups true/false values together
  • Option — sorts alphabetically by the option label

Fields like Rich Text, Images, and References are not directly sortable.

Common sort setups

  • Blog posts, newest first: Sort by published-date, descending.
  • Alphabetical list (A–Z): Sort by name, ascending.
  • Price low to high: Sort by price (Number field), ascending.
  • Featured items first: Sort by featured (Switch), descending — true values appear before false.

Multiple sorts

You can add more than one sort rule. Webflow applies them in order — the first sort is the primary criterion, the second breaks ties, and so on. For example, sort by featured descending, then by published-date descending to show featured posts first, then the rest chronologically.

Limitations

  • Sorting only works on Collection Lists, not on individual CMS item pages.
  • A Collection List is capped at 100 items. If your collection exceeds that, only the first 100 are sorted and displayed. Use pagination or filtering to manage larger sets.
  • There is no built-in random sort option. For randomized display, you would need custom JavaScript or a third-party tool.

Want to skip the build?

Browse 60+ premium templates and launch your site in days, not weeks.

Explore Templates