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.

Developer documentation

external link icon

Next time implement inside Webflow

external link icon

Need help? Use the Automated Support Service

Subscribe

Sign up for future releases!

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