Build Dynamic Filters in Webflow without code using Attributes v2

Learn how to create a dynamic filtering system using conditional groups and matching logic in @Webflow. Attributes is free and this step-by-step tutorial requires no coding experience.

-----------------------------------------------

// TIMESTAMPS

00:00 Intro + docs overview
00:28 Quick review
01:45 Getting started
01:58 Dynamic Filtered List
02:17 Add required attributes: List
02:52 Add required attributes: Field Identifier
04:55 Add required attributes: Custom Field Type
04:35 Filters
05:15 Condition Group
05:44 Condition
06:15 Field Selector
07:50 Operator Selector
08:57 Condition Value
10:05 Remove Condition
10:27 Add Condition
11:00 Publish & preview
11:55 Condition Match
13:03 Condition Group Match
13:34 Add Condition Group
13:59 Remove Condition Group
14:25 Publish & preview
15:13 Style Inactive Elements
16:55 Publish & preview
17:42 Outro

-----------------------------------------------

// RESOURCES FROM THE VIDEO

-----------------------------------------------

// ABOUT US

We’re Finsweet - a Webflow enterprise partner, badass product creator, and educational content powerhouse. We are taking Webflow to a new level and sharing everything with you along the way!

-----------------------------------------------

// SOCIAL

-----------------------------------------------

// TAGS

#webflow #advancedfilter #cmsfilter #attributes

-----------------------------------------------

Thanks for your support! 🤟

[shehanweheragoda]

Wow, amazing!! cool feature and easy to setup

[ItsEricPhung]

So awesome. Thank you Finsweet and Joe

[abedmalak_]

Thought for a couple of seconds


If content is paginated, how should filtering work across all pages? For example, if there are 100 items but only 10 are shown per page, how can a filter be applied to all 100 items?