Tutorial to Create a CMS Slider on Webflow

Tutorial
3 min
Published on Mar 20, 2023
Updated on
CMS slider for Webflow with Finsweet attributes
Use AI to summarize this article
Key points

The goal of this tutorial is to utilize a collection (CMS) in Webflow as a data source to feed the slides of your Webflow slider.

This will enable you to create a customer review slider that automatically pulls data from your CMS.

(🍿 Video available at the end of this page)

Limitations of a Webflow Slider

Currently, it is not possible to natively use the CMS collections from your Webflow site as a data source for your CMS. But... fortunately... The Finsweet attributes are here to help.

Finsweet attributes are a set of 100% free products that you can easily integrate into your Webflow site (somewhat like plugins on WordPress) to add advanced functionalities to your website.

CMS Slider | Fs Attributes

Link to the official documentation for Finsweet's CMS slider

Finsweet Attributes CMS Slider Documentation
Official Finsweet Attributes CMS page

How to add the functionality in 3 steps?

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

And... publish your site! 🎉🚀

Do you prefer video tutorials?

Discover how to integrate the CMS slider functionality on a Webflow site from A to Z in this French video tutorial.  (Solution with Finsweet Attributes)

Florian Bodelot
Florian Bodelot
Co-founder

Suggested articles

AI video generation workflow combining images, AI models, audio and video editing
Documentation
AI

5 AI tools to watch this year for video generation

5 AI tools to watch this year for video generation
Florian Bodelot talks with Eve-Anne Collomb, Head of Growth at Zenchef, during the World Wide Webflow Tour at the George V in Paris.
Events
Webflow

World Wide Webflow Tour, Paris

World Wide Webflow Tour, Paris
Collage of homepages from B2B SaaS agencies including Digidop, Vydera, FlowNinja, OFF+BRAND, Yuri & Neil, MetaLab, Shakuro and Ramotion
Documentation

Top 20 Web & Digital Agencies for B2B SaaS in 2026

Top 20 Web & Digital Agencies for B2B SaaS in 2026
Every great website  
starts with a conversation
Abstract composition of black and gold metallic ribbons with elegant light reflections and smooth gradients. A premium background conveying luxury, modernity, and innovation.