How to add an attribute:

close icon
Hey! Give us some feedback here.
Visual

Count List Items

Count and display the number of items in a Webflow CMS Collection List.

2,461,382

loads per month

Count List Items
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 to count the items from this

Collection List, Div Block, Section or List

See how it works
see webflow attributes
Add this attribute
Description
Name
fs-countitems-element
copy icon
Value
list
copy icon
The parent element whose children you want to count. The amount of items in this list will be displayed in the "value" attribute.
how to add count items list attribute
navigator arrow
VALUE
I want this

Text Block, Paragraph or Headline

to display the amount of items of the list
See how it works
see webflow attributes
Add this attribute
Description
Name
fs-countitems-element
copy icon
Value
value
copy icon
A text element that displays the amount of children items in the list. The number amount will be displayed on this element.
how to add count items value attribute

Frequently Asked Questions

Everything you need to know about this attributes solution.

Add a “0” to the paragraph, text block or headline where you want to display your count then set it as the “fs-countitems-element=value”

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.