How can I create pagination for a list of 2000 items in Webflow?
TL;DR
- Enable Webflow's built-in pagination on a CMS Collection List to divide 2000 items into pages with up to 100 items each.
- Add and customize pagination controls, optionally filter by category for better manageability, and publish the site to test functionality.
To paginate a list of 2000 items in Webflow, you must split content across multiple pages using Webflow's built-in pagination limit and CMS structure. Webflow supports pagination natively within CMS Collection Lists, but with specific limitations.
1. Understand Webflow Pagination Limits
- Webflow limits pagination to 100 items per page.
- Max 100 total pages per Collection List — effectively a 10,000-item limit per list, but only 100 can be shown at a time with pagination controls.
- You cannot display all 2000 items on one page or without pagination—it would exceed performance limits and UI constraints.
2. Enable Pagination on a Collection List
- Add a Collection List to your page and connect it to your CMS Collection.
- Within Element Settings, toggle Pagination on.
- Set the number of items per page (max 100) — for 2000 items, you could use:
- 20 items/page = 100 pages
- 50 items/page = 40 pages
- 100 items/page = 20 pages
3. Add Pagination Controls
- After enabling pagination, Webflow automatically creates:
- “Previous” and “Next” buttons
- Page number links if desired
- Style and position these controls to match your design.
4. Consider CMS Performance
- The larger the number of items per page, the slower load times.
- Aim for 20–50 items per page for a balance between content volume and speed.
5. Add Manual Filters (Optional)
- If 2000 items span multiple categories, use Collection List filters (e.g., by category, tags) to reduce how many items appear per list.
- You could create separate pages per category with their own paginated list—this improves UX and manageability.
6. Publishing the Site
- Pagination only works on the published site, not in the Designer preview.
- Always publish your project and test live to confirm pagination works properly.
Summary
Use Webflow’s built-in pagination to break your 2000 CMS items into pages of up to 100 items each. Enable pagination on the Collection List, add navigation controls, and optionally filter by category to keep data manageable and performant.