How to add an attribute:

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

Static to Collection List

Inject static content anywhere in a Webflow CMS Collection List.

1,645,447

loads per month

Static to Collection List
Step #1

Copy the Solution <script> and paste into the <head> of your page

copy icon
Copy Script
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.
how to add cms filter list attribute
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.
how to add cms filter list attribute
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
Required. 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"
navigator arrow
Option
Repeat
I want to repeat this static item every X amount items in the list.
See how it works
see webflow attributes
Add this attribute
Description
Name
fs-cmsstatic-repeat
copy icon
Value
8
copy icon
Optionally repeat the static item in the list every X amount of items. X is the value set for this Attribute. Interactive element can also be set to be repeated.

For example, a value of "8" would repeat this static item every 8 items in the list. Useful for adding a static item on each page of a paginated Webflow Collection List.

[CMS Item]
[CMS Item]
[Static Item]
[CMS Item]
[CMS Item]
[CMS Item]
[CMS Item]
[CMS Item]
[CMS Item]
[CMS Item]
[Static Item]
[CMS Item]
[CMS Item]
[CMS Item]
....
Where?
Add to an element with fs-cmsstatic-element = "static-item"
navigator arrow
Option
Interactive
I want the static-item to integrate with filter, sort, load-more, or nest.
See how it works
see webflow attributes
Add this attribute
Description
Name
fs-cmsstatic-interactive
copy icon
Value
true
copy icon
Default value is false.

true = The static-item will integrate filter, sort, load-more, and/or nest functionality. If using filter, the static-item will filter with the items in the list.

false = The static-item will not integrate filter, sort, load-more, and/or nest. If order is set to 3, the static-item will always be fixed to position 3. It will not be influenced by functionalities like filter.
Where?
Add to an element with fs-cmsstatic-element = "static-item"

Working examples

See this solution working live in this Webflow project.

Example
Load a static element (like an ad) inside a collection list
Capri Island
Capri
/
Italy
Capri Island

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

American Museum of Natural History
New York
/
United States
American Museum of Natural History

Is a natural history museum on the Upper West Side of Manhattan, New York City.

The Vatican Museums
Rome
/
Italy
The Vatican Museums

The Vatican Museums are the public museums of the Vatican City.

Christ the Redeemer
Rio de Janeiro
/
Brazil
Christ the Redeemer

Christ the Redeemer is an Art Deco statue of Jesus Christ in Rio de Janeiro, Brazil.

Statue of Unity
Gujarat
/
India
Statue of Unity

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

Ad
The most popular Attributes Combinations for Webflow
Get the Cloneable
Copy and paste this example directly on Webflow
locked icon
Coming soon

Combinations using Static to Collection List:

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

Frequently Asked Questions

Everything you need to know about this attributes solution.

No FAQ items found yet. Join Finsweet Community on Slack if you have any question related to this solution.

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.