We tested the no-code attributes feature "CMS load more by finsweet" on our blog page, with over 100 items in collections, and the results are in!
- Enhanced UX of our Blog page
- Improved Google Core Vitals performance
- Boosted UI
The "CMS load" feature allows you to add a loading system with a button click for your items in a collection on your website. It's a better alternative to traditional pagination, as you stay on the same page.
What are Finsweet attributes?
Finsweet is a well-known agency that provides the Webflow community with numerous "hacks" to add new features to your Webflow sites! The attributes are a "no-code" system for easily integrating JavaScript functionalities into your CMS on your Webflow site. In terms of accessibility, we rate the solution with the highest score! Anyone can integrate this resource into their website.
How to add this feature to your Webflow site?
If you want to test or implement this no-code resource on your site, you have several options:
- Follow this guided tutorial in French
- Follow the steps on the Finsweet Attributes website (resource in English)
- Watch live build YouTube videos by Finsweet or Digidop on YouTube
1) Easily integrate the no-code solution
- Go to Finsweet Attributes and click on the CMS Load page
- Copy the code <!-- fs-richtext-ignore --><script>
- Paste the <!-- fs-richtext-ignore --><script> into your Webflow page, in the <head> of the custom code
- Add the attributes to your targeted collection list (Name: fs-cmsload-element | Value: list)
- Enable Webflow's native pagination system
Bonus: customize the pagination button with a Webflow CSS class!
And there you have it, you've set up a Finsweet attributes pagination system on your Webflow site!
2) Discover more on YouTube or the Finsweet attributes site!
This no-code web solution can be used in other scenarios! For example, to create a live filtering system. Check out this video to learn how to set up an alternative to the Jetboost filtering system using Finsweet attributes!
.jpg)
.jpg)
.jpg)
