Tutoriel pour créer un CMS slider sur Webflow

Tutoriel
3 min
Publié le Mar 20, 2023
Dernière mise à jour le
CMS slider for Webflow with Finsweet attributes
Résumez cet article avec une IA
Points clés de l'article

L'objectif de ce tutoriel est de pouvoir utiliser une collection (CMS) webflow, comme source de donnée, pour alimenter les slides de votre slider webflow.

Cela vous permettra par exemple de créer un slider d'avis clients qui s'alimente automatiquement depuis votre CMS.

(🍿 Vidéo disponible à la fin de cette page)

Les limites d'un slider Webflow

Il est pour le moment impossible d'utiliser nativement les collections CMS de votre site webflow comme source de données pour votre CMS. Mais... heureusement... Les attributes de Finsweet sont là.

Les attributes de Finsweet sont un ensemble de produit, 100% gratuit, que vous pouvez intégrer facilement à votre site weblow (un peu comme des plugins sur wordpress) pour venir ajouter des fonctionnalités avancées à votre site.

CMS Slider | Fs Attributes

Lien vers la documentation officielle du CMS slider de Finsweet

Documentation CMS slider de Finsweet Attributes
Page CMS du site officiel Finsweet Attributes

Comment ajouter la fonctionnalité en 3 étapes ?

  1. Copier le script et coller le dans le head tag de votre page webflow
  2. Ajouter l'attribut "fs-cmsslider-element" sur la "list" de votre collection (la collection doit être présente sur la page et connectée à la collection que vous souhaitez utiliser comme source de donnée).
  3. Ajouter l'attribut "fs-cmsslider-element" sur l'élément "slider" de votre site webflow

Et... publiez votre site ! 🎉🚀

Vous préférez les tutoriels vidéos ?

Découvrez l'intégration de la fonctionnalité CMS slider sur un site webflow de A à Z dans ce tutoriel vidéo en français. (Solution avec Finsweet Attributes)

Florian Bodelot
Florian Bodelot
Co-fondateur

Articles qui devraient vous intéresser

 Collage de plusieurs sites Web de finance et de technologie financière présentant les tendances de design de 2026 : minimalisme, typographie épurée, photographie humaine et expérience utilisateur haut de gamme.
Documentation
Design

Tendances design 2026 pour les sites web de finance

Tendances design 2026 pour les sites web de finance
Interface de Webflow Optimize affichant le tableau de bord d’analyse et les opportunités d’optimisation des conversions, avec suivi du trafic et des sources organiques.
Documentation
Webflow

Optimize by Webflow, l'outil de CRO boosté à l'IA pour les équipes marketing

Optimize by Webflow, l'outil de CRO boosté à l'IA pour les équipes marketing
Graphique de performance boursière d'Apple Inc. montrant les variations de prix intrajournalières et les données de marché dans une interface sombre.
Documentation
Développement

Pourquoi et comment intégrer des graphiques, tableaux et données financières sur votre site web ?

Pourquoi et comment intégrer des graphiques, tableaux et données financières sur votre site web ?

Transformez votre site web en un moteur de croissance.

Nous contacter