How to create a CMS Collection in Webflow?

Webflow's CMS (Content Management System) lets you structure and manage dynamic content — blog posts, team members, products, or anything else — without writing code. Before you can add content, you need to create a Collection: a blueprint that defines what fields each item will have.

Creating a CMS Collection in Webflow

To create a new CMS Collection, open your project in the Webflow Designer and follow these steps:

1. Open the CMS panel. In the left sidebar, click the CMS icon (the database symbol). This opens the Collections manager.
2. Create a new Collection. Click Create new collection at the top of the panel. Give your Collection a name — for example, "Blog Posts" or "Team Members." Webflow auto-generates a slug based on the name.
3. Configure Collection fields. After naming your Collection, Webflow presents a field editor. Here you define what data each item stores. Common field types include:

• Plain Text — for titles, names, or short descriptions

• Rich Text — for long-form content with formatting

• Image — for photos or illustrations

• Reference — to link items between Collections

• Number, Date, Switch, Color — for structured data

Add the fields your content needs, set which ones are required, and click Create collection.

1. Add your first item. Once the Collection exists, you can start adding items immediately from the CMS panel or from your project's Dashboard under the CMS tab.

Important details:

• Every Collection automatically includes a Name and Slug field.

• Free site plans include up to 3 Collections. Paid plans offer more.

• Collection slugs determine the URL structure for Collection pages (e.g., /blog/post-slug).

• You can create up to 200 Collections on a Workspace plan with a Site plan that supports them.

After creating a Collection, you can design a Collection Page template in the Designer and connect elements to Collection fields — Webflow will render a unique page for every item you add.