Add a field to one of your Webflow collections

Tutorial
September 28, 2022
3 min
Webflow logo with Webflow CMS collection icon
Use AI to summarize this article
Key points

You can compare your Webflow CMS collections with the back-office of your Webflow site. Its requirements may evolve from its initial development.

Need to add a new field to your Webflow back-office?

Discover in this tutorial how to add a new field (item) to your Webflow CMS from the designer mode.

The tutorial in a few steps

1. Open the CMS Collection panel

CMS button on Webflow designer

2. Click on ⚙️ of the target collection

Open the settings of a Webflow collection

3. Click the + Add new field button

Adding a new Webflow CMS field

4. Choose your field type

Different available fields in the Webflow CMS

There are various types of CMS fields in Webflow.

To learn more about all the fields, read this article.

5. Fill in the field and Save

Add a field on Webflow

Last step!

Fill in the field with the name you wish to give it. You can add a note in the "help text" as a reminder.

This "help text" field is very useful if you are building collections for a team. It helps everyone understand how to use this field on the site.

Bonus: Remove an unused field

To delete an unused field:

  1. Hover over the field in question
  2. Click the ⚙️ icon to the right of its name
  3. Click the 🗑 "Delete Field" icon
Florian Bodelot
Florian Bodelot
Co-founder

Suggested articles

A woman speaks on stage at a conference, wearing a headset microphone. Behind her, a large black screen displays the question “What then?” in bold white text.
Events
Webflow

Digidop attends FLOWconf 2025, the biggest Webflow & marketing event in Europe.

Digidop attends FLOWconf 2025, the biggest Webflow & marketing event in Europe.
Visual overview of several modern web typefaces in 2025, each displayed on a vibrant background: Editorial New, DM Serif Display, Aeonik, SF Pro Rounded, Rader, Champ, Monument, Canicule, Clash Display, Supply, Agrandir, and more — a graphic composition highlighting typographic diversity.
Documentation
Design

The 20 Best Fonts for a Modern and Impactful Website in 2025

The 20 Best Fonts for a Modern and Impactful Website in 2025
Mosaic of homepage designs from several Webflow agencies (Digidop, N4, Refokus, Flow Ninja, Tonik, Finsweet, Edgar Allan), showcasing diverse creative approaches and visual identities centered around the Webflow logo.
Storytelling
Webflow

My Top 7 Webflow Agencies in 2025 (From a Founder’s Perspective)

My Top 7 Webflow Agencies in 2025 (From a Founder’s Perspective)

Want to turn your website into your most valuable asset?

Contact us today