Skip to main content
RapidDev - Software Development Agency
`. On the Collection List Wrapper element: add custom attribute (Element Settings D > Custom Attributes) `fs-cmsload-element` = `list`. On the load-more button: add attribute `fs-cmsload-element` = `load-more`. Set the Collection List limit to 100 items in Element Settings. Finsweet fetches subsequent pages automatically when the button is clicked."},{"@type":"HowToStep","position":4,"name":"Bypass nested Collection List limits with Finsweet CMS Nest","text":"Webflow limits nested Collection Lists (a list inside another list's item) to 2 per page and 10 items per nested list on non-Enterprise plans. This is a hard platform limit you cannot override in the Designer. Finsweet CMS Nest removes both restrictions. Installation: same script tag as CMS Load (the Finsweet v1 script covers all Attributes). Implementation: on the parent Collection List Wrapper, add attribute `fs-cmsnest-element` = `list`. On the child/nested Collection List Wrapper, add `fs-cmsnest-element` = `list`. Finsweet fetches child data client-side, bypassing Webflow's server-side nesting limits. Note: adds a client-side fetch on page load — test performance on pages with many parent items."},{"@type":"HowToStep","position":5,"name":"Implement client-side filtering with Finsweet CMS Filter","text":"Webflow's native filtering requires a page reload (or a separate Collection List) for each filter combination. Finsweet CMS Filter adds client-side filtering with no page reload. It works by loading ALL Collection List items (up to 100 per load batch) and filtering the DOM client-side. Setup: add Finsweet script to site. Collection List Wrapper attribute: `fs-cmsfilter-element` = `list`. Each filterable field needs a corresponding filter UI element (checkbox, radio, dropdown, or text input). On filter UI elements: attribute `fs-cmsfilter-field` = [field slug], `fs-cmsfilter-value` = [value to match]. The value must match the CMS field value exactly. Multiple filter elements of the same field use OR logic; filters across different fields use AND logic."},{"@type":"HowToStep","position":6,"name":"Split large Collections across multiple projects (multi-project architecture)","text":"If you need more than 20,000 items (Business plan ceiling), the extreme workaround is splitting content across multiple Webflow projects and proxying the frontend. Architecture: Project A hosts the main site and CMS up to the limit. Project B hosts overflow content (e.g., archived blog posts, regional content). A reverse proxy (Cloudflare Worker or Netlify Edge Function) routes /blog/* to Project A and /blog/archive/* to Project B, presenting a unified domain to users. This is a complex engineering pattern — only pursue it when you genuinely exceed Business plan limits. For most sites, Business plan (10,000–20,000 items) is sufficient for years of growth."},{"@type":"HowToStep","position":7,"name":"Manage the 20 Collection Lists per page limit","text":"Each page can contain a maximum of 20 Collection List elements (across all Collections). On complex directory or marketplace pages that rely heavily on CMS data, this limit can be reached. Optimization strategies: 1) Consolidate multiple lists with similar layouts into one list with more sophisticated filtering. 2) Use tabs or toggles where only one list is 'active' at a time — Webflow still counts all lists toward the limit, so use Finsweet CMS Tabs which renders lists on demand. 3) Use JavaScript to fetch and render additional CMS data via the Webflow Data API without Collection List elements (requires custom code added to Page Settings > Before ). 4) Evaluate whether some 'lists' can be static elements — if a set of items never changes, hard-code them rather than using CMS."},{"@type":"HowToStep","position":8,"name":"Audit and track limits before they become problems","text":"Proactively monitor your CMS usage to avoid hitting limits unexpectedly. Check item count per Collection: CMS panel > each Collection shows item count in the list. Check total fields per Collection: CMS panel > Collection > Edit Fields > count the fields. For Collections approaching 2,000 items (CMS plan): initiate a plan upgrade before the limit is reached — Webflow blocks new item creation (not editing) once the limit is hit. Set up a simple spreadsheet tracking Collection name, current items, fields used, and projected growth rate for any content type that grows continuously (blog posts, products, user-generated content)."}]}
webflow-tutorials

Webflow CMS Limits in 2026: Every Limit Explained with Workarounds

Webflow CMS enforces hard limits at every level: 2,000 items on CMS plan (10,000–20,000 on Business), 20–40 Collections per site, 30 fields per Collection, 100 items per list, 2 nested lists per page, and 10 items per nested list. Most limits can be worked around using Finsweet Attributes or by restructuring your content architecture.

What you'll learn

  • Identify the exact CMS item, Collection, and field limits for each Webflow plan tier
  • Understand nested Collection List limits and when Finsweet CMS Nest removes them
  • Apply Finsweet CMS Load and Finsweet CMS Filter to bypass the 100-items-per-list limit
  • Restructure a Collection schema that has hit the 30-field limit
  • Evaluate when to upgrade plans versus implement workarounds for scale
Book a free consultation
4.9Clutch rating
600+Happy partners
17+Countries served
190+Team members
Advanced10 min read45-60 minCMS plan or aboveMarch 2026RapidDev Engineering Team
TL;DR

Webflow CMS enforces hard limits at every level: 2,000 items on CMS plan (10,000–20,000 on Business), 20–40 Collections per site, 30 fields per Collection, 100 items per list, 2 nested lists per page, and 10 items per nested list. Most limits can be worked around using Finsweet Attributes or by restructuring your content architecture.

Every Webflow CMS Limit in 2026 — and How to Work Around Each One

Webflow CMS is powerful but bounded. Every plan tier imposes limits on how many items you can store, how many Collections you can create, how many fields each Collection can hold, and how many list items appear per page. Running into these limits mid-project can force expensive plan upgrades or full content restructuring. This advanced tutorial documents every limit in detail, explains why each exists, and provides concrete workarounds — from Finsweet Attributes to multi-project architectures — so you can design your CMS schema knowing exactly where the boundaries are.

Prerequisites

  • Active Webflow site on CMS plan or above
  • Familiarity with Collection Lists, CMS fields, and dynamic pages (see webflow-cms-dynamic-content)
  • Understanding of how nested Collection Lists work with Multi-Reference fields

Step-by-step guide

1

Know your plan's item limits

Webflow CMS item limits by plan: Starter (free workspace) = 50 items lifetime. CMS plan = 2,000 items across all Collections. Business plan = 10,000 items (some sources cite 20,000 — Webflow's limits page is authoritative). Enterprise = custom. These are total items across ALL Collections — not per Collection. A site with 10 Collections on a CMS plan shares the 2,000-item pool across all of them. Check your current usage: CMS panel (top bar context) → click on any Collection → item count is displayed next to the collection name. To see total usage, go to Site Settings > CMS > usage indicator.

Expected result: You know exactly how many CMS items your site currently uses and how many remain before hitting the plan limit.

2

Understand the 30-field-per-Collection limit and workarounds

Each Collection can have a maximum of 30 custom fields (not counting the auto-generated Name, Slug, Created On, Updated On, Published On, and Status fields). This limit is universal across all plans including Enterprise. If your schema needs more than 30 fields: Option 1 — split the Collection into two linked Collections connected via a Reference field (e.g., 'Products' + 'Product Details' with a one-to-one Reference). Option 2 — use a Rich Text field to store structured content that combines multiple logical 'fields' into one formatted block. Option 3 — store extended metadata in a JSON-formatted Plain Text field and parse it with custom code. Note: once a field type is set, it cannot be changed — delete and recreate if needed.

Expected result: You have a strategy for Collections approaching the 30-field ceiling without needing to restructure the entire site.

3

Work around the 100-items-per-list limit with Finsweet CMS Load

By default, a Collection List shows a maximum of 100 items (or the limit set under 'Limit items'). Native pagination handles larger datasets but forces a full page reload. For load-more without page navigation — or to display more than 100 items in a single list — install Finsweet CMS Load. Steps: Go to Site Settings > Custom Code > Before </body> code > add the Finsweet script tag: `<script defer src='https://cdn.finsweet.com/files/cms-attributes-v1.js'></script>`. On the Collection List Wrapper element: add custom attribute (Element Settings D > Custom Attributes) `fs-cmsload-element` = `list`. On the load-more button: add attribute `fs-cmsload-element` = `load-more`. Set the Collection List limit to 100 items in Element Settings. Finsweet fetches subsequent pages automatically when the button is clicked.

Expected result: The Collection List displays 100 items initially with a 'Load more' button that fetches the next 100 without navigating to a new page. The full dataset is accessible without pagination.

4

Bypass nested Collection List limits with Finsweet CMS Nest

Webflow limits nested Collection Lists (a list inside another list's item) to 2 per page and 10 items per nested list on non-Enterprise plans. This is a hard platform limit you cannot override in the Designer. Finsweet CMS Nest removes both restrictions. Installation: same script tag as CMS Load (the Finsweet v1 script covers all Attributes). Implementation: on the parent Collection List Wrapper, add attribute `fs-cmsnest-element` = `list`. On the child/nested Collection List Wrapper, add `fs-cmsnest-element` = `list`. Finsweet fetches child data client-side, bypassing Webflow's server-side nesting limits. Note: adds a client-side fetch on page load — test performance on pages with many parent items.

Expected result: Pages with nested Collection Lists can display beyond 10 nested items per parent, and you can use more than 2 nested lists per page without upgrading to Enterprise.

5

Implement client-side filtering with Finsweet CMS Filter

Webflow's native filtering requires a page reload (or a separate Collection List) for each filter combination. Finsweet CMS Filter adds client-side filtering with no page reload. It works by loading ALL Collection List items (up to 100 per load batch) and filtering the DOM client-side. Setup: add Finsweet script to site. Collection List Wrapper attribute: `fs-cmsfilter-element` = `list`. Each filterable field needs a corresponding filter UI element (checkbox, radio, dropdown, or text input). On filter UI elements: attribute `fs-cmsfilter-field` = [field slug], `fs-cmsfilter-value` = [value to match]. The value must match the CMS field value exactly. Multiple filter elements of the same field use OR logic; filters across different fields use AND logic.

Expected result: Users can filter your Collection List client-side without page reloads. Filters update the visible items immediately as options are selected.

6

Split large Collections across multiple projects (multi-project architecture)

If you need more than 20,000 items (Business plan ceiling), the extreme workaround is splitting content across multiple Webflow projects and proxying the frontend. Architecture: Project A hosts the main site and CMS up to the limit. Project B hosts overflow content (e.g., archived blog posts, regional content). A reverse proxy (Cloudflare Worker or Netlify Edge Function) routes /blog/* to Project A and /blog/archive/* to Project B, presenting a unified domain to users. This is a complex engineering pattern — only pursue it when you genuinely exceed Business plan limits. For most sites, Business plan (10,000–20,000 items) is sufficient for years of growth.

Expected result: You understand the architectural options available when standard plan limits are insufficient, and can evaluate which approach fits your project's technical capacity.

7

Manage the 20 Collection Lists per page limit

Each page can contain a maximum of 20 Collection List elements (across all Collections). On complex directory or marketplace pages that rely heavily on CMS data, this limit can be reached. Optimization strategies: 1) Consolidate multiple lists with similar layouts into one list with more sophisticated filtering. 2) Use tabs or toggles where only one list is 'active' at a time — Webflow still counts all lists toward the limit, so use Finsweet CMS Tabs which renders lists on demand. 3) Use JavaScript to fetch and render additional CMS data via the Webflow Data API without Collection List elements (requires custom code added to Page Settings > Before </body>). 4) Evaluate whether some 'lists' can be static elements — if a set of items never changes, hard-code them rather than using CMS.

Expected result: Pages with complex CMS requirements stay under the 20 Collection List limit through consolidation, on-demand loading, or selective use of static elements for stable content.

8

Audit and track limits before they become problems

Proactively monitor your CMS usage to avoid hitting limits unexpectedly. Check item count per Collection: CMS panel > each Collection shows item count in the list. Check total fields per Collection: CMS panel > Collection > Edit Fields > count the fields. For Collections approaching 2,000 items (CMS plan): initiate a plan upgrade before the limit is reached — Webflow blocks new item creation (not editing) once the limit is hit. Set up a simple spreadsheet tracking Collection name, current items, fields used, and projected growth rate for any content type that grows continuously (blog posts, products, user-generated content).

Expected result: You have a system for monitoring CMS usage and a plan for what to do when any limit approaches 80% capacity.

Complete working example

Visual Steps Summary
1WEBFLOW CMS LIMITS COMPLETE REFERENCE TABLE (March 2026)
2
3ITEM LIMITS BY PLAN
4 Starter (free): 50 items total across all Collections
5 CMS plan: 2,000 items total
6 Business plan: 10,00020,000 items total
7 Enterprise: Custom
8
9COLLECTION LIMITS
10 CMS plan: 20 Collections per site
11 Business plan: 40 Collections per site
12 Enterprise: Custom
13
14FIELD LIMITS
15 All plans: 30 custom fields per Collection (cannot be changed)
16
17COLLECTION LIST LIMITS
18 Items per list: 100 max without pagination (any plan)
19 Lists per page: 20 max (any plan)
20
21NESTED LIST LIMITS (non-Enterprise)
22 Nested lists per page: 2
23 Items per nested list: 10
24
25NESTED LIST LIMITS (Enterprise)
26 Nested lists per page: 10
27 Items per nested list: 10+ (varies)
28
29STATIC PAGE LIMITS
30 CMS / Business: 150 / 300 static pages
31
32FINSWEET WORKAROUNDS
33 > 100 items/list: Finsweet CMS Load (fs-cmsload-element)
34 Nested limits: Finsweet CMS Nest (fs-cmsnest-element)
35 Client filter/sort: Finsweet CMS Filter (fs-cmsfilter-element)
36 CMS-powered tabs: Finsweet CMS Tabs (fs-cmstabs-element)
37
38FINSWEET SCRIPT TAG (add to Site Settings > Before </body>)
39 <script defer src='https://cdn.finsweet.com/files/cms-attributes-v1.js'></script>

Common mistakes

Why it's a problem: Building a complex CMS schema on a CMS plan site, then discovering item limits mid-growth

How to avoid: Check projected content volume during the initial planning phase. If the site will grow to more than 1,500 items within 12 months, start on Business plan. Plan upgrades are easy, but migrating content workflows mid-project disrupts client teams.

Why it's a problem: Using more than 20 Collection Lists on a page and wondering why some don't load

How to avoid: Webflow silently drops Collection Lists beyond the 20-list limit per page. Count your lists via the Navigator panel (Z). Consolidate lists with similar content into one list with filter rules, or remove rarely-used lists entirely.

Why it's a problem: Installing Finsweet CMS Load but still only seeing 100 items because the Webflow list limit is not set to 100

How to avoid: Finsweet CMS Load fetches additional pages of items in batches equal to your Collection List's per-page setting. If 'Limit items' is set to 12, each load batch fetches 12. Set it to 100 in Element Settings (D) for maximum efficiency per fetch.

Why it's a problem: Using Finsweet CMS Nest on every Collection List by default, causing slow page loads

How to avoid: CMS Nest performs a separate client-side API fetch for each parent item's nested data. On a list of 50 parent items, this means up to 50 additional HTTP requests on page load. Only use CMS Nest where nested display is essential, and combine with CMS Load to lazy-load parent items.

Best practices

  • Design your Collection schema to fit within 20 fields before launch — the 30-field limit gives headroom but you should not treat it as a target
  • Use Reference and Multi-Reference fields to split related data across Collections rather than cramming everything into one large schema
  • Install Finsweet CMS Load proactively on any Collection that will grow continuously — retrofitting it later is straightforward but adds deployment risk
  • Treat nested Collection Lists (especially with Finsweet CMS Nest) as a performance liability — each adds client-side HTTP requests on page load
  • Regularly clean unused CMS fields and old Collections — they count toward limits even when empty
  • Test Finsweet integrations in a staging environment (duplicate site) before deploying to production
  • Factor plan limits into your initial project scoping conversation with clients — a CMS plan site with 1,800 items is one viral blog post away from a crisis

Still stuck?

Copy one of these prompts to get a personalized, step-by-step explanation.

ChatGPT Prompt

I'm designing a Webflow CMS schema for [describe your project — e.g., a marketplace directory with products, categories, and vendor profiles]. I'm on the [CMS/Business] plan. Given these content types and expected volumes [describe], identify which Webflow CMS limits I might hit and recommend a schema architecture that stays within limits or uses Finsweet Attributes to work around them.

Webflow Prompt

My Webflow site on the CMS plan has [X] items and [Y] Collections. I'm approaching the [specific limit]. What are the exact steps to implement Finsweet CMS Load / CMS Nest to work around this limit? Include the script tag, the custom attributes to add to Collection List elements, and any configuration I need to do in Webflow's Designer.

Frequently asked questions

What happens when I hit the CMS item limit on my plan?

When you reach your plan's item limit, Webflow blocks the creation of new CMS items — you cannot add, import, or duplicate items until either items are deleted to free capacity or the site plan is upgraded. Existing items are not deleted. You can still edit and publish existing items normally. Upgrade via Site Settings > Billing > change plan.

Does the 30-field limit include the built-in fields like Name and Slug?

No. The 30-field limit applies only to custom fields you add to a Collection. The auto-generated system fields — Name, Slug, Created On, Updated On, Published On, and Draft/Published status — do not count toward the 30-field limit. You have 30 custom fields in addition to those system fields.

Is Finsweet free to use?

Finsweet Attributes is free for commercial use with no usage limits for the core attributes (CMS Load, CMS Filter, CMS Nest, CMS Sort). Finsweet does offer a paid 'Power' plan for priority support and additional features, but the free tier covers all the CMS limit workarounds described in this tutorial. Load the script from their CDN: cdn.finsweet.com/files/cms-attributes-v1.js.

Can I import more than 2,000 CMS items at once if I'm on a Business plan?

Yes, but with caveats. Webflow's CMS import (CSV upload via the CMS Dashboard) processes items in batches. Large imports (5,000+ items) may time out and require multiple CSV files split into batches of 1,000–2,000 items each. The Business plan ceiling is 10,000–20,000 total items — the import system can accommodate that volume but requires patience and batched uploads.

RapidDev

Talk to an Expert

Our team has built 600+ apps. Get personalized help with your project.

Book a free consultation

Need help with your project?

Our experts have built 600+ apps and can accelerate your development. Book a free consultation — no strings attached.

Book a free consultation

We put the rapid in RapidDev

Need a dedicated strategic tech and growth partner? Discover what RapidDev can do for your business! Book a call with our team to schedule a free, no-obligation consultation. We'll discuss your project and provide a custom quote at no cost.