Webflow Collections and CMS
1h 49mBeginner2024-08-29
Authors
Jen Kramer
Teaches web design and development
Course details
With Webflow CMS, you can add a database behind your Webflow interface to efficiently manage Webflow apps and content. Learn the advantages of this approach with expert Jen Kramer as she steps through the creation and population of Collections, also known as Webflow databases. Learn how to connect these Collections to both list and detail views on your website and how to filter your Collections to show the appropriate content to your site visitors at the right moments. Upon finishing this course, you’ll be equipped with the skills you need to craft more responsive, dynamic, and engaging websites with Webflow CMS.
Learning objectives
Review how and why to organize your Webflow content into Collections.
Examine the fields available within a Collection.
Describe how to connect list and detail pages to your Collections.
Explain how to filter and display Collections in a Webflow page or app.
Learning objectives
Review how and why to organize your Webflow content into Collections.
Examine the fields available within a Collection.
Describe how to connect list and detail pages to your Collections.
Explain how to filter and display Collections in a Webflow page or app.
Skills covered
WebflowPrototypingContent Management Systems (CMS)ProjectProduct and ManufacturingWeb Development
Concepts
0. Introduction
- 01 - Next-level Webflow with Collections
- 02 - Cloning the starting state
1. Organizing Information in a Collection
- 03 - What is a Collection and how does it work
- 04 - What kind of fields are available in a Collection
- 05 - Review the starting content and organize it
- 06 - Deleting items and Collections
- 07 - Create the spa service Collection
- 08 - Populate the Collection
- 09 - Challenge - Creating the spa therapist Collection
- 10 - Solution - Creating the spa therapist Collection
- 11 - Connecting the spa service Collection and spa therapist Collection
2. Displaying the Collection List and Collection Detail Pages
- 12 - Connecting the spa page to the spa Collection and adding dynamic Collection fields
- 13 - Setting up the spa service detail page
- 14 - Combining static labels with dynamic values
- 15 - Challenge - Adding therapists to the spa service detail page
- 16 - Solution - Adding therapists to the spa service detail page.
- 17 - Editing information in the Collection from the web page
3. Filtering and Displaying Collections
- 18 - Using filters to select items for the home page
- 19 - Sorting and ordering Collection items
- 20 - Adding categories to each spa service
- 21 - Configuring checkboxes to filter by category
- 22 - Installing CMS Filter for user-driven filtering
Conclusion
- 23 - Learn more about Webflow