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

Yes, it’s possible to create a “Show More” button in Webflow to display additional FAQ items from a Collection List, but it requires custom interactions or custom code since Webflow doesn’t natively support dynamic “load more” functionality out of the box.

1. Limit Items in the Collection List

• In the Collection List Settings, enable “Limit items” and choose how many FAQ items to show initially (e.g., 5 or 10).
• This keeps your FAQ section compact and faster to load on page load.

2. Duplicate and Stack Collection Lists

• Duplicate the same Collection List below the first one.
• Apply an offset to the second list to start after the initial items (e.g., if first list shows 5, set offset to 5).
• Repeat this for additional grouped segments if needed (e.g., 3rd list with offset 10 etc.).
• Set these extra Collection Lists to display: none initially.

3. Create the “Show More” Button

• Add a Button Element below the initial Collection List.
• Give it a class like “Show More”.

4. Use Interactions to Reveal Additional Items

• With the “Show More” button selected, go to Interactions panel.
• Create a Click animation that:
• Changes display (e.g. from none to block or flex) for the second Collection List.
• Optionally hides the button if no more FAQs are left to show.

5. Optional: Use Custom JavaScript for Auto Loading

• For more advanced functionality (like infinite scroll or dynamic load more), you can use custom JavaScript with the Webflow CMS API or third-party tools like Jetboost or Finsweet’s CMS Load.
• These tools will allow genuine “Load More” behavior without duplicating Collection Lists.

Summary

You can build a “Show More” button in Webflow by limiting the initial FAQ items and revealing hidden segmented Collection Lists via interactions. For true dynamic load behavior, consider using custom code or third-party addons like Finsweet CMS Load.