Badge Webflow Award Winner 2023

CMS load attribute: Finsweet

The attributes are a "no-code" system to easily integrate JavaScript functionalities to your CMS on your Webflow site. In terms of accessibility we give the solution the highest score! Everybody is able to integrate this resource to his website.

Published on 
10/2/2022
-
Amended on 
27/3/2023
-
5 min
#webflotuto with the finsweet attributes logo and a French flag

We have tested the no-code attributes "CMS load more by finsweet" on our blog page, with more than 100 collection items and the results are there!

  • Improving the UX of our Blog page
  • Google Core Vitals performance improvement
  • Improvement of the UI

The"CMS load" feature allows you to add a button-based, click-to-load system for your items on a collection on your website. This is a better alternative to the classic pagination system, because you stay on the same page.

Gif load more on the blog of Digidop

What are the attributes of Finsweet?

Finsweet is a well known agency that provides the Webflow community with many "Hacks" to offer new functionalities in your Webflow sites! The attributes are a "no-code" system to easily integrate JavaScript features to your CMS on your Webflow site. In terms of accessibility we give the solution the highest score! Everybody is able to integrate this resource in his website.

How to add this functionality to your Webflow site?

If you wish to test or integrate this nocode resource into your site, you have several options:

  1. Follow this guided tutorial in French
  2. Follow the steps on the Finsweet Attributes website (resource in English)
  3. Watch the YouTube live build videos of Finsweet or Digidop on Youtube

1) Easily integrate the no-code solution

  1. Go to Finsweet Attributes and click on the CMS Load page
  2. Copiez le code <!-- fs-richtext-ignore --><script>
  3. Collez le <!-- fs-richtext-ignore --><script> sur votre page Webflow, dans le <head> du custom code
  4. Add the attributes to your target list collection ( Name : fs-cmsload-element | Value : list )
  5. Enable Webflow's native paging system

Bonus: customize the pagination button with a Webflow CSS class!

And that's it, you have set up a Finsweet Attribute pagination system on your Webflow site!

2) Discover more on Youtube or the Finsweet attributes website!

This nocode solution for websites can be used in other situations! For example, to make a live filtering system. Discover in this video how to set up an alternative to the Jetboost filtering system thanks to the Finsweet attributes!

Ready to take your website to the next level?

Improve your online visibility thanks to Digidop's experience, excellence and reactivity!

Stay in touch with Digidop news!