Webflow limits each page to 20 Collection Lists, not 20 collections. You can have multiple Collection Lists referencing the same or different CMS Collections, but only up to 20 total per page.
1. Understand Webflow's 20 Collection List Limit
- The limit is on Collection Lists per page, not the number of collections used sitewide.
- For example, referencing the same CMS Collection in multiple Collection Lists still counts toward this 20-list limit.
- Upgrading your account does not remove or increase this limit—Webflow sets this as a hard technical constraint for all plans.
2. Workarounds for the 20 Collection List Limit
If you're hitting the 20 Collection List limit, consider these options:
- Use Multi-Reference or Reference Fields: Instead of creating separate Collection Lists for related content, reference other collections within a single Collection and display their data using a single Collection List.
- Use Pagination: If you're displaying multiple individual lists to show different subsets (e.g., by category or tag), try filtering and paginating a single Collection List instead.
- Reduce Layout Redundancy: Evaluate layout structure. You might be using multiple Collection Lists for small bits of content (e.g., a Collection List just for a category label). Combine these into one list with dynamic conditional formatting.
- Use Custom Code and Webflow CMS API: Fetch and display additional data after the page loads using JavaScript and the CMS API. This lets you bypass the visual Collection List limit, but requires development skills.
- Break Your Content Across Multiple Pages: Structure your site so you spread Collection List usage across multiple template or static pages instead of using too many on a single page.
3. Consider Alternatives for Displaying Dynamic Content
Depending on your design needs:
- Use Symbols or Components: If you're repeating Collection Lists in different sections, consider turning them into reusable elements combined into fewer Collection Lists.
- Explore Third-Party Embeds: Tools like Jetboost or Finsweet’s CMS Library can provide filtering and sorting via JavaScript, reducing the need for multiple lists.
Summary
Webflow enforces a limit of 20 Collection Lists per page, and upgrading your plan won't raise this cap. To overcome this, consolidate your lists using multi-reference fields, smarter filtering, or custom code/API solutions. Planning your page structure efficiently is key to staying within this limit.