Tutorial to create a CMS slider on Webflow

The objective of this tutorial is to be able to use a webflow collection(CMS) as a data source to feed the slides of your webflow slider.

This will allow you, for example, to create a customer review slider that is automatically populated from your CMS.

(🍿 Video available at the end of this page)

The limits of a Webflow slider

It is currently impossible to use natively the CMS collections of your webflow site as data source for your CMS. But... fortunately... The attributes of Finsweet are there.

Finsweet attributes are a set of products, 100% free, that you can easily integrate to your weblow site (a bit like plugins on wordpress) to add advanced features to your site.

CMS Slider | Fs Attributes

Link to the official documentation of the CMS slider of Finsweet

How to add the functionality in 3 steps?

1. Copy the script and paste it in the head tag of your webflow page
2. Add the attribute"fs-cmsslider-element" on the"list" of your collection (the collection must be present on the page and connected to the collection you want to use as data source).
3. Add the attribute "fs-cmsslider-element" on the "slider" element of your webflow site

And... publish your site! 🎉🚀

Do you prefer video tutorials?

Discover the integration of the CMS slider functionality on a webflow site from A to Z in this video tutorial. (Solution with Finsweet Attributes)