How to add an attribute:

close icon
Hey! Give us some feedback here.
Functional
NEW
Pro only solution
Pro early access

CMS Element

Allows static elements to be used instead of the Webflow CMS Dynamic List when using Attributes CMS solutions. Use any CMS solution with static elements.

CMS Element
Step #1

No script needed.

This solutions automatically works with any Attributes CMS solution.


Example use cases:
- Use CMS Filter to filter through a list of static elements.
- Use CMS Sort to sort through a list of static elements.
- Use CMS Tabs to create Tabs from static elements.
- Use CMS Slider to create Slides from static elements.
Step #2

Implement in Webflow

Apply attributes to elements on the page

Below is a list of elements and options that are used to create this Attributes functionality. Click any of them to see more details.

navigator arrow
Wrapper
I want this
div block icon

Div Block

to be the Collection List Wrapper element.
See how it works
see webflow attributes
Add this attribute
Description
Name
fs-cms-element
copy icon
Value
wrapper
copy icon
Mirrors the Collection List Wrapper inside the Webflow Dynamic List.
navigator arrow
List
I want this
div block icon

Div Block

to be the Collection List element.
See how it works
see webflow attributes
Add this attribute
Description
Name
fs-cms-element
copy icon
Value
list
copy icon
Mirrors the Collection List element inside the Webflow Dynamic List.
navigator arrow
Item
I want this
div block icon

Div Block

to be the Collection Item element.
See how it works
see webflow attributes
Add this attribute
Description
Name
fs-cms-element
copy icon
Value
item
copy icon
Mirrors the Collection Item element inside the Webflow Dynamic List.
navigator arrow
Empty
I want this
div block icon

Div Block

to be the Empty element.
See how it works
see webflow attributes
Add this attribute
Description
Name
fs-cms-element
copy icon
Value
empty
copy icon
Mirrors the Empty element inside the Webflow Dynamic List.
navigator arrow
Pagination Wrapper
I want this
div block icon

Div Block

to be the Pagination element.
See how it works
see webflow attributes
Add this attribute
Description
Name
fs-cms-element
copy icon
Value
pagination-wrapper
copy icon
Mirrors the Pagination element inside the Webflow Dynamic List.

This element wraps the Next, Previous, and Page Count elements.
navigator arrow
Pagination next
I want this
div block icon

Div Block

See how it works
see webflow attributes
to be the Pagination Next element.
Add this attribute
Description
Name
fs-cms-element
copy icon
Value
pagination-next
copy icon
Mirrors the Pagination Next element inside the Webflow Dynamic List.
navigator arrow
Pagination Previous
I want this
div block icon

Div Block

See how it works
see webflow attributes
to be the Pagination Previous element.
Add this attribute
Description
Name
fs-cms-element
copy icon
Value
pagination-previous
copy icon
Mirrors the Pagination Previous element inside the Webflow Dynamic List.
navigator arrow
Page Count
I want this
div block icon

Div Block

See how it works
see webflow attributes
to be the Page Count element.
Add this attribute
Description
Name
fs-cms-element
copy icon
Value
page-count
copy icon
Mirrors the Page Count element inside the Webflow Dynamic List.

Working examples

See this solution working live in this Webflow project.

Example
CMS Filter working with non-CMS static elements
Choose any country you want to visit:
Reset all
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
United States
The Grand Canyon

The Grand Canyon is a steep-sided canyon carved by the Colorado River in Arizona, United States.

India
Statue of Unity

Is a colossal statue of Indian statesman and independence activist Vallabhbhai Patel.

Brazil
Copacabana Beach

Copacabana is a bairro (neighbourhood) located in the South Zone of the city of Rio de Janeiro, Brazil.

Spain
Sagrada Família

Is a large unfinished Roman Catholic minor basilica in the Eixample district of Barcelona.

Italy
Capri Island

Capri is an island located in the Tyrrhenian Sea off the Sorrento Peninsula.

France
Louvre Museum

It is the home of many of the most known work of arts, including the Mona Lisa.

Copy and paste accessible CMS Filter components for your project
locked icon
Clone Accessible Components UI KIT
new

Combinations using CMS Element:

You can combine this Attribute with others to create more complex solutions.

Developer documentation

external link icon

Next time implement inside Webflow

external link icon
Subscribe

Sign up for future releases!

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.