Badge Webflow Award Winner 2023

Add a field on one of your Webflow collections

Published on 
28/9/2022
-
Amended on 
27/3/2023
Reading time: 5 min
Webflow logo with CMS webflow collection icon
Written by
Florian Bodelot with a T-shirt Digidop

Florian Bodelot

Co-founder

First steps on a Webflow site: discover in this tutorial how to add a new item to one of your Webflow collections in 5 steps!

Key points to remember

You can compare your Webflow CMS collections to the back-office of your Webflow site. And its needs can evolve since 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 the Webflow designer

2. Click on ⚙️ of the target collection

Open the settings of a Webflow collection

3. Click on the + Add new field button

Adding a new Webflow CMS field

4. Choose your field type

The different fields available in the Webflow CMS

There are different types of CMS fields on Webflow.

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

5. Complete the field and Save

Add a field to Webflow

Last step!

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

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

Bonus : Delete an unused field

To delete an unused field;

  1. Fly over the field in question
  2. Click on the icon ⚙️ to the right of its name
  3. Click on the icon 🗑 "Delete Field"
Flomodia by Digidop
Coudac project by Digidop
project Heka by DigidopFlaw by project DigidopMorfo project by Digidop