CMS & Logic4 min read
How to Create a CMS Collection in Webflow
Learn how to create a CMS collection in Webflow from A to Z: field types, items, and Collection Lists.
In this tutorial, Sandro, cofounder of Gemeos Webflow agency, shows you how to create a CMS collection in Webflow from start to finish.
| Field type | Use | Example |
|---|---|---|
| Plain Text | Title, name, short text | Article name |
| Rich Text | Article body | Long-form content with formatting |
| Image | Main visual | Cover image |
| Reference | Link to another collection | Author, category |
| Multi-Reference | Links to multiple items | Tags, multiple categories |
| Option | List of predefined values | Status, type |
| Switch | On/off boolean | Featured article |
1. Create the collection
In the left panel of the Designer, click the CMS icon (database). Click Add Collection. Give your collection a name (e.g. "Articles," "Projects," "Members").
2. Define your fields
Click Add Field for each field you need. Choose the right type for your content (text, image, date, reference...). Set required fields and default values. The Name and Slug fields are created automatically.
3. Add your first items
In the CMS Collections tab, click your collection and add items. Fill in the fields you defined and publish the items.
4. Create the Collection List in the Designer
Drag the Collection List element onto your page. In Settings, connect it to your collection. Design the template for each item in the list.
Conclusion
A well-structured CMS collection is the foundation of any scalable Webflow site. See also: import CSV content into the CMS.


