Add a field to one of your Webflow collections

Tutorial
September 28, 2022
3 min
Webflow logo with Webflow CMS collection icon
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

Webflow Localization, Credial's Use Case
Documentation
Webflow

Webflow Localization: Practical Guide & Credial's Use Case

Webflow Localization: Practical Guide & Credial's Use Case
Visuel showcasing digidop.fr switching to digidop.com
News
Digidop

Digidop.fr is now Digidop.com

Digidop.fr is now Digidop.com
Photo of the Digidop team with the Digidop Logo 2024
News
Digidop

A Look Back at an Exceptional 2024 and Vision 2025

A Look Back at an Exceptional 2024 and Vision 2025

Want to turn your website into your most valuable asset?

Contact us today