# CMS load attribute : Finsweet

Documentation3 minPublié le Feb 10, 2022Dernière mise à jour le ![#webflotuto avec le logo finsweet attributes et un drapeau français](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671264af1bba921722aa7ebd_64760069e93084646c9eece1_6204f121bcc19b3dbae96145_Open-Graph-webflow-tutoriel-finsweet-load-more.png)Sommaire

[

Copied](#)[

](#)[

](#)[

](#)
- [H2 Example](#)

Résumez cet article avec une IA[

ChatGPT](#)[

Claude](#)[

Grok](#)[

Perplexity](#)[

Google AI](#)Points clés de l'articleNous 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](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671264b01bba921722aa7f10_64760069e93084646c9eece8_6204f302e9bbad26235552c9_gif-load-more-blog-post.gif)

## 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 :

- Suivre ce tutoriel guidé en français
- Suivre les étapes sur le site [Finsweet Attributes](/fr/tools/attributes) ( ressource en anglais)
- Regarder les vidéos YouTube live build de Finsweet ou [Digidop](https://www.youtube.com/c/digidop) sur Youtube

### 1) Intégrer facilement la solution no-code 

- Allez sur [Finsweet Attributes](https://www.finsweet.com/attributes/) et cliquez sur la page CMS Load
- Copiez le code **<!-- fs-richtext-ignore --><script>**
- Collez le **<!-- fs-richtext-ignore --><script> **sur votre page Webflow, dans le <head> du custom code
- Ajouter les attributs à votre collection list que vous ciblez ( Name : fs-cmsload-element | Value : list )
- 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](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/678a725470105160732b0a8a_florian-website-vf.webp)Florian BodelotCo-fondateur[

](/fr/team/florian-bodelot)[

](https://fr.linkedin.com/in/florian-bodelot-digidop)[

](https://twitter.com/florian_bodelot)+1200 lecteurs

## Restez informé(e) Abonnez-vous à notre newsletter pour des conseils et actus exclusives.

[S'inscrire

](https://digidopfr.substack.com/subscribe)![Preview Digidop Newsletter](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/671231c436687e9d40d995e9_newsletter-digidop.webp)[Prévisualiser la Newsletter

](https://digidopfr.substack.com/)

## Articles qui devraient vous intéresser

![Collage of homepages from B2B SaaS agencies including Digidop, Vydera, FlowNinja, OFF+BRAND, Yuri & Neil, MetaLab, Shakuro and Ramotion](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6ab92cc629d6018592f49d92_Best%20B2B%20SaaS%20Agencies%20in%202026_FR.webp)DocumentationTout voir

### Top 20 meilleures agences web et digitales pour SaaS B2B en 2026

[Top 20 meilleures agences web et digitales pour SaaS B2B en 2026](/fr/blog/top-agences-b2b-saas)Top 20 meilleures agences web et digitales pour SaaS B2B en 2026![Interface Webflow Source montrant les agents IA, l’édition de site et les Views par métier dans un espace de travail unifié.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a9fa9f8608ffcc774c47eb7_source%20(1).webp)NewsDéveloppementTout voir

### Webflow lance Source. Notre avis sur ce shift.

[Webflow lance Source. Notre avis sur ce shift.](/fr/blog/webflow-lance-source)Webflow lance Source. Notre avis sur ce shift.![Taux de citation par plateforme IA : ChatGPT 100 %, Perplexity 100 %, Gemini 67 % et Claude 0 %.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a9044c13914f1d6ac3e9161_citation.jpg)DocumentationIATout voir

### Comment rendre son site visible dans ChatGPT, Perplexity et les moteurs IA

[Comment rendre son site visible dans ChatGPT, Perplexity et les moteurs IA](/fr/blog/comment-rendre-son-site-visible-chatgpt-perplexity-et-moteurs-ia)Comment rendre son site visible dans ChatGPT, Perplexity et les moteurs IA[Voir tous les articles

](/fr/blog)Les meilleurs projets web
commencent par une conversation[Discuter avec un expert

](/fr/contact)[Réserver un appel

](/fr/calendly)![Abstract composition of black and gold metallic ribbons with elegant light reflections and smooth gradients. A premium background conveying luxury, modernity, and innovation.](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/6a69a346549deffabdf98afa_shape-cta-footer.webp)