How can I remove unnecessary collections from my Webflow website?
TL;DR
- Identify and remove all references to the Collection (templates, elements, symbols, filters, and custom code).
- Manually delete all Collection items, then delete the Collection from the CMS panel, and re-publish the site.
To remove unnecessary Collections from your Webflow website, you need to follow a few key steps to ensure no dependencies are breaking your design.
1. Identify Collection Dependencies
- Check Templates: Go to your Collection Pages and see if the CMS Collection Template still exists.
- Check Elements: Look for any Collection Lists bound to the Collection on static pages.
- Check Symbols: Unlink or delete any Symbols using this Collection.
- Check Filters and Conditional Visibility: Review all conditional visibility rules that may reference items from the Collection.
2. Delete All Collection Items
- Go to the CMS panel in the Designer or Editor.
- Select the desired Collection.
- Manually delete all Collection Items (Webflow currently does not support bulk deletion, so items must be removed individually or via the CMS API).
3. Unbind Collection from Pages
- Remove any Collection List elements referencing the Collection.
- Delete the Collection Page Template if it's not in use.
- Check any custom code or integrations (e.g., search, filtering, forms) that may reference this Collection.
4. Delete the Collection
- Go to Designer > CMS panel or Project Settings > CMS.
- Hover over the Collection and click the Trash icon.
- If the trash icon is greyed out, some dependencies are still active—double-check all references.
5. Re-Publish the Site
- After deletion, publish your site again to reflect the removal of the Collection.
Summary
To remove unnecessary Collections in Webflow: delete all items, remove all page references, and then delete the Collection itself from the CMS panel. Ensure the Collection is not in use anywhere in your project to enable the trash icon for deletion.