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.
Overview
Syllabus
Introduction
- Next-level Webflow with collections
- Setting up the starting state
- 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
- 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
- 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
- Learning more about Webflow
Taught by
Jen Kramer
Related Courses
-
Webflow Essentials: Beginner's Guide to Building Beautiful Websites
-
Website Creation with Webflow: Build a Site without Code
-
Complete Webflow Bootcamp: From Figma Design to Development to Freelancing
-
Webflow for Beginners: Create Your First Website
-
How to create a website without writing code
-
Build a Full Stack Blog with Astro
