Webflow limits each page to 20 Collection Lists, which can be restrictive in dynamic layouts. Here's how to manage or work around this limitation.
1. Understand the 20 Collection List Limit
- Webflow allows a maximum of 20 Collection Lists per page, regardless of your plan.
- This is a technical limitation, not related to your plan level (e.g., CMS or Business plan users still have this limit).
2. Upgrading Your Plan Won’t Increase the Limit
- Upgrading your Webflow hosting plan will not increase the 20 Collection List limit per page.
- This limit is part of Webflow’s CMS architecture and is fixed across all plan tiers.
- If you’re using multiple Collection Lists to show more items, consider enabling Pagination within a single Collection List.
- You can display up to 100 items per page, then use pagination to show more without additional lists.
4. Merge Content into One Collection (if Possible)
- If your collections are similar (e.g., Blog Posts, Case Studies), combine them into a single Collection with reference fields.
- Use conditional visibility to filter or show different layouts/styling dynamically within a single Collection List.
5. Use Collection List Nested Filters
- With nested Collection Lists, you can reduce the need for multiple standalone lists.
- Example: Use a multi-reference field to pull in related items inside the parent Collection List.
6. Use Custom Code or External Embeds
- If essential, you can embed custom JavaScript to fetch CMS data via Webflow's CMS API and render more content beyond 20 lists.
- This requires front-end development knowledge and won’t be editable via the Webflow Designer.
7. Use Multiple Pages or Tabs
- Break the content across multiple pages or Tabbed components where each tab loads fewer Collection Lists.
- This approach helps segment content while staying within the limit.
Summary
You cannot exceed 20 Collection Lists per page in Webflow, and upgrading your plan won’t change this limit. Instead, reduce the number of Collection Lists using techniques like pagination, combining collections, or refactoring layout logic. Custom code or external solutions can also help for advanced use cases.