# Add a field to one of your Webflow collections

Tutorial3 minPublished on Sep 28, 2022Updated on ![Webflow logo with Webflow CMS collection icon](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6720b1de75e0528b3d357b7d_64760069e93084646c9ef147_6333a75da362701dad592bf5_open-graph-webflow-cms.webp)Table of contents

[

Copied](#)[

](#)[

](#)[

](#)
- [H2 Example](#)

Use AI to summarize this article[

ChatGPT](#)[

Claude](#)[

Grok](#)[

Perplexity](#)[

Google AI](#)Key pointsYou 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](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6720b1df75e0528b3d357bb6_64760069e93084646c9eec59_6333a7856094e479aa18657a_step-1.webp)

### 2. Click on ⚙️ of the target collection

![Open the settings of a Webflow collection](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6720b1df75e0528b3d357bb9_64760069e93084646c9eec5b_6333a7951fa4b94f5ee905ff_step-2.webp)

### 3. Click the + Add new field button

![Adding a new Webflow CMS field](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6720b1df75e0528b3d357bb1_64760069e93084646c9eec5d_6333a7abe84c489e2fcbf1c3_step-3.webp)

### 4. Choose your field type

![Different available fields in the Webflow CMS](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6720b1df75e0528b3d357bbe_64760069e93084646c9eec5e_6333a7d0a36270bcb8593356_step-4.webp)

There are various types of CMS fields in Webflow.

[To learn more about all the fields, read this article.](/blog/learn-manage-webflow-cms-collections)

### 5. Fill in the field and Save

![Add a field on Webflow](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6720b1df75e0528b3d357bc1_64760069e93084646c9eec5c_6333a7eac1a80458daeb9c7e_step-5.webp)

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:

- Hover over the field in question
- Click the ⚙️ icon to the right of its name
- Click the 🗑 "Delete Field" icon

[

](#)![Florian Bodelot](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/678a725470105160732b0a8a_florian-website-vf.webp)Florian BodelotCo-founder[

](/team/florian-bodelot)[

](https://fr.linkedin.com/in/florian-bodelot-digidop)[

](https://twitter.com/florian_bodelot)+1200 readers

## Stay ahead of the curve!
Subscribe now for expert insights.

[Subscribe

](https://digidop.substack.com/subscribe)![Preview Digidop Newsletter](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/671231c436687e9d40d995e9_newsletter-digidop.webp)[Preview Newsletter

](https://digidop.substack.com/)

## Suggested articles

![Collage of homepages from B2B SaaS agencies including Digidop, Vydera, FlowNinja, OFF+BRAND, Yuri & Neil, MetaLab, Shakuro and Ramotion](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6ab922fa556f97c19ea7db9a_Best%20B2B%20SaaS%20Agencies%20in%202026_EN.webp)DocumentationAll blog post

### Top 20 Web & Digital Agencies for B2B SaaS in 2026

[Top 20 Web & Digital Agencies for B2B SaaS in 2026](/blog/best-b2b-saas-agencies)Top 20 Web & Digital Agencies for B2B SaaS in 2026![Webflow Source interface showing AI agents, website editing, and role-based Views in a unified workspace.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a9fa9f8608ffcc774c47eb7_source%20(1).webp)NewsDevelopmentAll blog post

### Webflow launches Source. Our take on this shift.

[Webflow launches Source. Our take on this shift.](/blog/webflow-launches-source)Webflow launches Source. Our take on this shift.![Citation rate by AI platform: ChatGPT 100%, Perplexity 100%, Gemini 67%, and Claude 0%.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a9044c13914f1d6ac3e9161_citation.jpg)DocumentationAIAll blog post

### Make Your Website Visible in ChatGPT, Perplexity, and AI Answers

[Make Your Website Visible in ChatGPT, Perplexity, and AI Answers](/blog/make-your-website-visible-in-chatgpt-perplexity-and-ai-answers)Make Your Website Visible in ChatGPT, Perplexity, and AI Answers[See all articles

](/blog)Every great website  
starts with a conversation[Talk to an expert

](/contact)[Book a call

](/calendly)![Abstract composition of black and gold metallic ribbons with elegant light reflections and smooth gradients. A premium background conveying luxury, modernity, and innovation.](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/6a69a346549deffabdf98afa_shape-cta-footer.webp)