How can I rearrange the order of CMS content in Webflow?
TL;DR
- Use the Collection List's Sort Order settings to sort by fields like name, date, or a custom number field.
- Add a custom "Sort Order" number field in the CMS for manual ordering, and stack multiple sort conditions if needed.
To rearrange the order of CMS content in Webflow, you need to use the built-in Sort Order settings in the Collection List or add a custom number/date field to control the order manually.
1. Use the Sort Order Setting in Collection List
- Select your Collection List on the page.
- In the Element Settings Panel (right-hand side), scroll to the Sort Order section.
- Click + Add Sort Order.
- Choose a field by which to sort (e.g., Name, Publish Date, Created Date, etc.).
- Set the sort direction to Ascending or Descending to control the order.
2. Add a Custom Sort Field (Manual Sorting)
If you want full manual control over the order:
- Go to CMS Collections > [Your Collection] > Settings.
- Add a new Number Field (e.g., "Sort Order").
- Save the collection and go to each CMS item, assigning a number based on the desired display order.
- In the Collection List Settings, add a Sort Order using the new "Sort Order" field.
- Set it to sort Ascending so lower numbers appear first.
3. Use Date Fields to Sort by Time-Based Logic
If sorting by timeline or schedule:
- Use a Date/Time field in your Collection (e.g., "Event Date").
- In the Collection List settings, choose to sort by that field in either direction:
- Ascending for oldest → newest
- Descending for newest → oldest
4. Combine Multiple Sort Conditions
If needed, you can stack filters like:
- First by “Sort Order” number ascending
- Then by “Name” ascending (used as a secondary tiebreaker)
Webflow processes them in the order you add them.
Summary
To rearrange CMS content in Webflow, use the Sort Order feature in your Collection List and optionally create a custom number field for full manual control. You can combine multiple sort rules for advanced ordering.