Webflow - Collections and CMS

Learn how to create and manage collections in Webflow, the easy-to-use online platform that lets you build beautiful websites without writing a single line of code.

Introduction

• Next-level Webflow with collections
• Setting up the starting state

1. Organizing Information in a Collection

• What is a collection and how does it work?
• What kind of fields are available in a collection?
• Review the starting content and organize it
• Create your tour collection
• Populate your collection
• Challenge: Creating the tour guide collection
• Solution: Creating the tour guide collection
• Connecting the tour collection and tour guide collection

2. Displaying Collection List and Collection Detail Pages

• Connecting the tours page to the tours collection
• Replacing static fields with dynamic collection fields
• Combining static labels with dynamic values
• Setting up the tour detail page
• Challenge: Completing the tour detail page
• Solution: Completing the tour detail page
• Adding tour guides to the tour detail page

3. Filtering and Displaying Collections

• Challenge: Configuring tour categories on the home page
• Solution: Configuring tour categories on the home page
• Using filters to select items for the home page
• Sorting and ordering collection items
• Applying CMS filter to the collection page

Conclusion

• Learning more about Webflow