Webflow does not natively allow user-driven sorting of CMS collection items. However, you can achieve this with a sortable "number" field and Memberstack by following these steps.
1. Set Up the CMS Collection
- Go to CMS Collections and create or edit a collection.
- Add a Number Field (e.g., “Sorting Number”).
- Manually assign sorting values to items (e.g., 1, 2, 3...).
2. Add a User Interface for Sorting
- Use Memberstack to create a members-only dashboard where users can adjust sorting numbers.
- Add a Webflow Form with an input field to let users update the sorting number.
3. Connect Memberstack to Webflow
- Enable custom fields in Memberstack to store sorting preferences per user.
- Sync these fields between Webflow CMS and Memberstack using Make (formerly Integromat) or Zapier.
4. Automate Sorting Updates
- Use Webflow Logic or an external tool (Zapier, Make, or Airtable) to process form submissions.
- When users submit new sorting numbers, trigger an update to the Webflow CMS Collection.
5. Set the Collection List to Sort Dynamically
- Open the Collection List Settings in Webflow Designer.
- Under Sort Order, select the Sorting Number field (smallest to largest or vice versa).
- Ensure changes reflect in real-time after updates.
Summary
While Webflow does not have built-in sortable CMS lists, you can enable user-driven sorting by:
- Storing sorting numbers in the CMS.
- Using Memberstack to allow user input.
- Syncing data with Webflow CMS via Zapier or Make.
- Sorting the collection dynamically based on the updated values.
This setup requires third-party integrations, but it effectively allows users to reorder CMS items dynamically.