Webflow - Collections and CMS

Course details

Webflow allows you to create professional-looking websites without writing a single line of code. It also lets you manage large amounts of repetitive content using a customizable database called a collection. In this course, instructor Jen Kramer shows the basics of how to add, organize, and manage a structured collection behind your Webflow interface.

Explore the advantages of using collections to sort complex information and how to display collection lists, detail pages, and more. Jen offers pointers and practical strategies to apply category filters and display collections as you go. Along the way, test out your new technical know-how in the practice challenges at the end of each section. By the end of this course, you’ll be prepared to take your Webflow skills to the next level and design more dynamic content for your site.

Concepts

Introduction

Next-level Webflow with collections
Setting up the starting state

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

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

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