Functional
Coming soon
Static to Collection List
Inject static content anywhere in a Webflow CMS Collection List.
Get Started
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.
Add this attribute
Description
Name
fs-cmsstatic-element
Value
list
The Collection List that the static item will be added to.
Add this attribute
Description
Name
fs-cmsstatic-element
Value
static-item
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.
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.
Add this attribute
Description
Name
fs-cmsstatic-order
Value
3
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]
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"
I want to have more than one instance of Static to Collection List on the same page
See how it works
Optional
You may need multiple instances of this Attribute!
All of our attributes follow the same structure for multiple instances!
To use a second, third, or fourth instance on an attribute add -x at the end of the value of the element attribute. "x" must be a unique number. This unique number is how you link elements to instances. For example, list-3, trigger-3, and target-3 will all be connected to the same instance.
Example of this solution:
Attributes that must have instances
Second instance example
Third instance example
fs-cmsstatic-element = "list"
fs-cmsstatic-element = "list-2"
fs-cmsstatic-element = "list-3"
fs-cmsstatic-element = "static-item"
fs-cmsstatic-element = "static-item-2"
fs-cmsstatic-element = "static-item-3"
Developer documentation
Check the dev documentation
Next time implement inside Webflow
Use Finsweet Extension
