Webflow sync, pageviews & more.
NEW

Can the order of items in the CMS be changed in Webflow?

TL;DR
  • Use the Collection List’s Sort Order settings to sort CMS items by fields like date, name, or a custom "Sort Order" number field.
  • For manual control, add a number-based “Sort Order” field, or manage content externally via Airtable or CSV, or use Webflow Logic/API for dynamic sorting.

You cannot manually drag and reorder CMS items in Webflow's CMS Collections like static elements; however, you can control their display order using sorting options.

1. Use Sort Order When Displaying CMS Items

  • Within a Collection List on your Webflow page, click the list and open the Collection List Settings panel.
  • Under the Sort Order settings, you can sort items by:
  • Created Date
  • Updated Date
  • Name
  • Custom fields (like a number, date, slug, etc.).
  • You can also add multiple sort criteria (e.g., first by a "Sort Order" field, then by date).

2. Add a “Sort Order” Field to the CMS

  • Go to your CMS Collection and add a new Number field (call it something like “Sort Order”).
  • For each item, assign a number to determine its position.
  • Then, in the Collection List settings, sort by the Sort Order field (ascending).

3. Manual Reordering via Airtable or CSV

  • If accurate manual control is critical, manage your CMS data in an external tool like Airtable with a sort field.
  • Export that sorted content and import to Webflow via CSV, assigning the sort value to a field.
  • This works best for set-and-forget content since Webflow CMS doesn’t support reordering by dragging.

4. Use Webflow Logic or API (Advanced)

  • With Webflow Logic or the Webflow CMS API, advanced users can write workflows that help reorder or manage sorting dynamically.
  • This involves scripting update actions based on certain triggers, but it’s not a visual drag-and-drop reorder.

Summary

You can't drag items to reorder CMS content inside Webflow, but you can sort your Collection Lists by custom fields like a “Sort Order” number. For more precise control, use external tools or the CMS API to manage the order.

Rate this answer

Other Webflow Questions