How To Use CMS Collection Webflow (Full Guide 2026)

In this video, we discuss how to use CMS collections in Webflow, providing a comprehensive Webflow tutorial and guide for managing your content. Learn to optimize Webflow CMS assets, including image compression to WebP, enhancing your Webflow performance and understanding collection settings. This Webflow designer walkthrough also covers creating a CMS collection, defining Webflow collection fields, setting up Webflow URL structures, and even touches on Webflow e-commerce products for a complete Webflow setup. #WebflowCMS #CMSCollection #WebflowTutorial 00:00 Introduction 00:08 Open CMS Panel 00:15 Create New Collection 00:18 Review Collection Templates 00:20 Compress CMS Assets Option 00:23 Select WebP Image Format 00:30 Confirm Compression Settings 00:37 Choose Blog Posts Template 00:43 Examine Collection Fields 00:52 Create New Blog Collection 00:54 View Empty Collection 01:06 Generate Sample Items 01:13 Navigate Collection Templates 01:21 Access Collection Settings 01:27 Adjust Collection URL Slug 01:39 Inspect Collection Fields 01:46 Review Basic Info 01:51 Add New Custom Field 01:54 Name New Field 01:58 Save Collection Settings 02:02 Products Collection Overview 02:08 Content Not Yet Added 02:13 Switch to E-commerce 02:18 E-commerce Collection Setup 02:26 Create a New Collection 02:30 Define Collection Type