NEW

Pro only solution

Static to Collection List

Inject static content anywhere in a Webflow CMS Collection List.

Get Started

402,250

loads per month

Step #1

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

Copy Script

Scroll horizontally to see documentation

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.

List

I want this

Collection List

to receive a static item.

See how it works

Add this attribute

Description

Name

fs-cmsstatic-element

Value

list

The Collection List that the static item will be added to.

Static item

I want this

Div Block, Link Block

to be added to a Collection List.

See how it works

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.

Option

Order

I want to add the static item to this order in the list.

See how it works

Add this attribute

Description

Name

fs-cmsstatic-order

Value

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"

Option

Interactive

I want the static-item to integrate with filter, sort, load-more, or nest.

See how it works

Add this attribute

Description

Name

fs-cmsstatic-interactive

Value

true

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"

I want to have more than one instance of Static to Collection List on the same page

See how it works

Optional

This element is optional to add

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"