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

Overview of Webflow AEO combining AI recommendations, analytics, prompt tracking, and SEO optimizations within a single interface.
Documentation
Webflow

Webflow AEO: Answer Engine Optimization built directly into Webflow

Webflow AEO: Answer Engine Optimization built directly into Webflow
Website redesign brief document titled "Brief" on a dark blue background
Documentation

Brief, specifications and RFP: scoping your website redesign and choosing the right agency

Brief, specifications and RFP: scoping your website redesign and choosing the right agency
Main entrance of VivaTech 2026 in Paris featuring the official 10th-anniversary event branding, Europe’s largest technology and innovation conference.
Events

Digidop at VivaTech: Two Days at the Heart of European Tech

Digidop at VivaTech: Two Days at the Heart of European Tech

Want to turn your website into your most valuable asset?

Contact us today