Webflow CMS & Collection Lists

How to Bind CMS fields to Custom Attributes

Overview
CMS Basics
Strongly-typed Data-binding
11:45
101
CMS Field Types
11:45
102
Sorting Collection Lists
Sorting by OPTION & REF Fields
13:43
201
Random, Dynamic List Sorting
202
Filtering Collection Lists
Filtering Collection Lists
11:45
250
Filtering Collection Lists by Date Range
11:45
252
Working with Collection Lists
How Collection List Pagination Works
3:46
301
Unbinding Collection Lists
3:46
302
Hide an Entire Section w/ Empty Collection Lists
7:00
303
Nesting Collection Lists
304
Display Filename for Download
Int
305
Collection Lists & Custom Code
How to Store Custom Code in a CMS Text Field
Int
400
How to Bind CMS fields to Custom Attributes
Int
401
Collection Pages
Collection Pages
501
Password-Protecting Collection Pages for Specific CMS Items
502
Copying a CMS Page Layout to a Static Page
502
Prev-Next Navigation
503
No items found.

There are a surprising range of situations in which I find myself needing to generate HTML in a collection list, using custom attributes which make use of CMS data.

d

o is this useful?Uw

osHisthisuseful?

This is because a lot of scripts and widgets like video players use custom attributes and when you want to bind them to a collection list, you need to be able to provide that data.

Of course, you could use an HTML Embed, and create the entire chunk of HTML within it- but this defeats the whole point of the Webflow Designer.

No one wants to give up all that visual design capability for one pesky custom attribute.

Fortunately, there is a way.

W

SU Dynamic Attributes

We've added a Dynamic Attributes feature to WFU, so that you can do this easily and with fine-tuned control.

You can add CMS-driven custom attributes to your Collection Lists, with one library reference and a small embed to describe the attribute you want.

Learn more...

WFU Dynamic Attributes

Resources

Table of Contents
Did we just make your life better?
Passion drives our long hours and late nights supporting the Webflow community. Click the button to show your love.