Nous utilisons juste ce dont on a besoin pour le fonctionnement du site. Pour plus d'infos lire notre politique de confidentialité.
icon-cookie

CMS load attribute : Finsweet

Florian Bodelot
Florian Bodelot
February 10, 2022
#webflotuto avec le logo finsweet attributes et un drapeau français

Tables des matières

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 !

Vous méritez un site Webflow qui fait l'effet " Wahouu " !

Prenez contact avec nous aujourd'hui. L'équipe fantastique de Digidop est prête pour vous aider à construire un site web qui répond à vos besoins 🚀

Site digidop.fr sur un écran d'ordinateur avec un badge de recommandations et des réactions