CMS load attribute : Finsweet

Documentation
February 10, 2022
1 min
#webflotuto avec le logo finsweet attributes et un drapeau français
Points clés de l'article

Nous avons testé la  fonctionnalité no-code attributes "CMS load more by finsweet" sur notre page de blog, avec plus de 100 items collections et les résultats sont là !

  • Amélioration de l'UX de notre page Blog
  • Amélioration des performances Google Core Vitals
  • Amélioration de l'UI

La fonctionnalité "CMS load" permet d'ajouter un système de chargement, au clic, avec un bouton, de vos items sur une collection de votre site web.  C'est une meilleure alternative au système de pagination classique, car vous restez sur la même page.

Gif load more sur le blog de Digidop

C'est quoi les attributs de Finsweet ?

Finsweet est une agence reconnue qui fournit à la communauté Webflow de nombreux "Hacks" pour proposer des nouvelles fonctionnalités dans vos sites Webflow !  Les attributs sont un système "no-code" pour facilement intégrer des fonctionnalités JavaScript à votre CMS sur votre site Webflow. En termes d'accessibilité nous attribuons à la solution la note maximale ! Tout le monde est capable d'intégrer cette ressource à son site web.

Comment ajouter cette fonctionnalité à son site Webflow ?

Si vous souhaitez tester ou intégrer cette ressource nocode à votre site, vous avez plusieurs options :

  1. Suivre ce tutoriel guidé en français
  2. Suivre les étapes sur le site Finsweet Attributes ( ressource en anglais)
  3. Regarder les vidéos YouTube live build de Finsweet ou Digidop sur Youtube

1) Intégrer facilement la solution no-code

  1. Allez sur Finsweet Attributes et cliquez sur la page CMS Load
  2. Copiez le code <script>
  3. Collez le <script> sur votre page Webflow, dans le <head> du custom code
  4. Ajouter les attributs à votre collection list que vous ciblez ( Name : fs-cmsload-element | Value : list )
  5. Activer le système de pagination natif de Webflow

Bonus : personnaliser le bouton de pagination avec une classe CSS Webflow !

Et voilà, vous avez mis en place un système de pagination Finsweet Attribut sur votre site Webflow !

2) En découvrir d'autres sur Youtube ou le site de Finsweet attributes !

Cette solution nocode pour site web peut-être utilisé dans d'autres situations ! Par exemple, pour faire un système de filtrage live. Découvrez dans cette vidéo comment mettre en place une alternative au système de filtrage Jetboost grâce aux attributs de Finsweet !

Florian Bodelot
Florian Bodelot
Co-fondateur

Articles qui devraient vous intéresser

Agentic AI vs. Generative AI
Documentation
IA

IA agentique vs IA générative : Comprendre les différences fondamentales et leurs applications

IA agentique vs IA générative : Comprendre les différences fondamentales et leurs applications
Frameworks : Client-First vs Lumos
Documentation
Développement

Client-First vs Lumos : Quel framework Webflow choisir en 2025 ?

Client-First vs Lumos : Quel framework Webflow choisir en 2025 ?
ChatGPT logo vs Midjourney
Documentation
IA

ChatGPT 4o vs Midjourney : quel est le meilleur outil pour générer des images IA ?

ChatGPT 4o vs Midjourney : quel est le meilleur outil pour générer des images IA ?

Transformez votre site web en un moteur de croissance.

Nous contacter