How to add an attribute:

close icon
Hey! Give us some feedback here.
Functional
Coming soon

Static to Collection List

Inject static content anywhere in a Webflow CMS Collection List.

Static to Collection List
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
List
I want this

Collection List

to receive a static item.
See how it works
see webflow attributes
Add this attribute
Description
Name
fs-cmsstatic-element
copy icon
Value
list
copy icon
The Collection List that the static item will be added to.
navigator arrow
Static item
I want this
div block icon

Div Block, Link Block

to be added to a Collection List.
See how it works
see webflow attributes
Add this attribute
Description
Name
fs-cmsstatic-element
copy icon
Value
static-item
copy icon
The static item that will be placed inside the list.


Adding multiple static-item elements to a Collection List:

Add as many static items to a Collection List as desired. For example, add a newsletter signup, call to action, and an advertisement to the same Collection List. In this use case, you do not need to use Attributes instance numbers.

Use instance numbers when there are multiple list elements on the page.
navigator arrow
Option
Order
I want to add the static item to this order in the list.
See how it works
see webflow attributes
Add this attribute
Description
Name
fs-cmsstatic-order
copy icon
Value
3
copy icon
The order of the static item in the list.

For example, a value of "3" would add the static item as the 3rd item in the list.

[CMS Item]
[CMS Item]
[Static Item]
[CMS Item]
Where?
Add to an element with fs-cmsstatic-element = "static-item"

Working examples

See this solution working live in this Webflow project.

Example 1
Static newsletter, advertisement, and CTA in Collection List
Copy and paste this example directly on Webflow
locked icon
Coming soon

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.