Collection fields are the building blocks of a Collection's structure. Build custom CMS Collections and enrich Ecommerce Collections with custom fields.
Collection Fields aren't website elements, they're simply Fields where data is stored for each Collection item, which you’ll be able to reference in your designs. You can build your Collections by adding Collection Fields as needed for the type of content you’re working with. You can also update the structure of existing Collections and Collection templates, or add custom Fields to Ecommerce Collections.
Open the CMS collection panel and create a new collection or choose an existing collection and open the collection settings to update its structure.
Learn more: Collections
There are many different field types to choose from when structuring your collection. Each field translates into different kinds of content that you incorporate into the design for your project.
Adds simple unformatted text to your collection items. It can be connected to any text element (Add panel → Typography section), except rich text, when designing with your content.
These are made for long-form content, like a blog post. It allows editors to add in headings, paragraphs, and media like images and videos right inside this one field.
Adds an image to your collection items. These can be used as regular images or background images in your designs.
Add multiple images to your collection items. These can be used as regular images or background images in your designs. Multi-image fields can be connected to Collection lists and lightbox media on Collection pages.
Adds videos hosted on platforms such as YouTube or Vimeo through a URL. These are usually connected to a video element.
Adds a generic link that can be connected to any link element such as a button, a text link, or a link block.
Adds an email address field to collection items that can be connected to any link element in your designs.
Add a phone number to collection items that can also be connected to any link element in your project.
Add any kind of number (integer, decimal) to your collection items. You can use this field in your designs by connecting it to any text element.
Add a date and time picker to your collection items. This connects to any text element and can be set to use any format (month, day, year) in your designs.
Adds a way to separate collection items. It can be used to filter collection lists.
Adds a unique color to each collection item which can be applied as text color, background color, and border color in your designs.
Creates a list of predefined values so you can pick one for each collection item.
Adds a file to your collection items that you can connect to any link element in your project.
Links to other collection items from the same or different collections. You can link CMS collections to Ecommerce collections and vice versa. In your designs, you can reference both collection items.
Similar to a reference field, but you can link to multiple items from a collection of your choice.
When you’re updating the structure of your Collection, you can delete any Collection Field that isn’t used in your site, except for default ecommerce Fields.
To delete an unused Field from your Collection:
If you cannot delete a Collection Field from your Collection settings, it’s likely that the Field is connected to an element or a setting in your project. You need to remove all instances of that Collection Field in your project so you can delete the Collection Field.
Removing connections to Collection Fields may affect your visual design and code embeds. If you’re sure you want to remove all connections from a specific Field:
Once you remove all the connections, you can delete the Field from the Collection settings.
If you still can’t delete a field, check your Collection Page settings. The Field can be in SEO, Open Graph, RSS, or Site Search settings. It might also be in the Custom code section. Remove it from these settings, then go back to your Collection settings and delete the Field.
If you’ve used this Field in Zapier or other apps using the CMS API, check and reconfigure any Zaps or API connections that may get broken when you delete this Collection Field. Also note that restoring a backup of your site after deleting a Field may still cause issues with such third-party integrations.
Something went wrong while submitting the form. Please contact support@webflow.com
Got a lesson suggestion? Let us know
Need more help? Want to report a bug? Contact support
Have feedback on the feature? Submit feature feedback