Add a field to one of your Webflow collections

Tutorial
3 min
Published on Sep 28, 2022
Updated on
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

Minimalist abstract illustration inspired by Webflow, featuring blue and white geometric shapes on a black background representing Webflow’s 2026 pricing evolution and enterprise AI-driven strategy.
News
Webflow

Webflow Pricing update in May 2026

Webflow Pricing update in May 2026
Live thumbnail featuring Lucas Clairet and Florian Bodelot in the center, with Webflow (blue background) and Claude (orange background) logos behind them, a “LIVE” badge in the top-left, and the text “Webflow + Claude” at the bottom.
Documentation
AI

Webflow x Claude: Full Recap of our Live

Webflow x Claude: Full Recap of our Live
Agent Readiness score result for Digidop showing a score of 100 and agent-native level
Tutorial
AI

Is Your Website Ready for AI Agents?

Is Your Website Ready for AI Agents?

Want to turn your website into your most valuable asset?

Contact us today