Webflow sync, pageviews & more.
NEW

Is it possible to create a "show more" button in Webflow to display all records in an FAQ collection list?

TL;DR
  • Limit the initial number of FAQ items shown in the Collection List settings (e.g., first 5 items).
  • Add a "Show More" button and use simple custom jQuery in the page footer to reveal hidden items incrementally on click, hiding the button once all items are shown.

Yes, it’s possible to create a "Show More" button in Webflow to progressively display items from an FAQ Collection List using native Webflow features and minimal custom code.

1. Limit Items Initially Displayed

  • In the Collection List Settings, enable Limit Items and set it to a number like 5.
  • This displays only a subset of the FAQ entries when the page loads.

2. Add a "Show More" Button

  • Drag a Button (e.g., “Show More”) directly below the collection list.
  • Give it a unique class like show-more-button for targeting.

3. Use Webflow’s jQuery to Reveal More Items

Webflow doesn’t support pagination or load-more natively for CMS items on lists all within the same wrapper, so you'll need to use custom code to clone or reveal hidden items.

Here’s how to do it:

  • In Page Settings > Before tag, insert inline jQuery-like code that:
  • Reveals previously hidden CMS items on-click
  • Optionally hides the button if no more items remain

Example logic to use (cleaned of raw code):

  • On page load, keep all CMS items except the first 5 hidden using display: none;
  • On button click, reveal 5 more items;
  • When all are revealed, hide the button.

4. Key Limitations to Note

  • Webflow restricts CMS lists to 100 items per list. If you need to show more, you’ll need pagination or external data loading.
  • The load-more method won’t work for real CMS pagination—it's visual only.

Summary

Yes, you can create a "Show More" button in Webflow to reveal additional FAQ collection items using Collection List limits and simple custom code to display hidden items on button click. This approach works well for smaller lists within the Webflow item limit.

Rate this answer

Other Webflow Questions