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.
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.
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 ( ressource en anglais)
- Regarder les vidéos YouTube live build de Finsweet ou Digidop sur Youtube
1) Intégrer facilement la solution no-code
- Allez sur Finsweet 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 !