Add

Lorem ipsum

Lorem ipsum

A
A
A
CMS & Logic

4 views

4 min

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 typeUseExample
Plain TextTitle, name, short textArticle name
Rich TextArticle bodyLong-form content with formatting
ImageMain visualCover image
ReferenceLink to another collectionAuthor, category
Multi-ReferenceLinks to multiple itemsTags, multiple categories
OptionList of predefined valuesStatus, type
SwitchOn/off booleanFeatured 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.

good to know

Plan your CMS fields before you create items: adding a field later is possible, but changing an existing field type or deleting a field with data is risky. Export your CMS regularly as CSV (Editor > Export) so you always have a backup of your data.

Conclusion

A well-structured CMS collection is the foundation of any scalable Webflow site. See also: import CSV content into the CMS.

Good to know

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum dolor sit amet consectetur.

Lorem ipsum dolor sit amet consectetur. Aliquam orci sagittis dignissim sapien praesent donec.

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Published on

You might be interested in these tutorials

Similar tutorials

SEO / GEO

5 min read

5 views

How to Set Up a Redirect in Webflow? (2026)

Updated on 19.12.2025 by Sandro DA SILVA

SEO / GEO

5 min read

5 views

Add structured data to your Webflow site?

Updated on 21.08.2025 by Sandro DA SILVA

No-code

5 min read

5 views

How to Obfuscate a Link in Webflow

Updated on 23.04.2025 by Sandro DA SILVA

Let’s f*****G GO !!

Ready to launch
Your business?

Alexandre

Max

Enora

Bryan

Cannelle

Tiphaine

You'll :heart: our collaboration...