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.
When you upload a file (e.g., a PDF file) into a Webflow CMS Collection item field, that file is also uploaded to AWS (Amazon Web Servers). This generates a unique filename for your file that also links it to your project.
It’s important to note that the files you upload to a Collection item field are not restricted. Essentially, if you have the direct link to the uploaded file, that file can be loaded in a web browser and could be discoverable. However, discovery of the file is unlikely unless the unique filename (GUID) can be guessed. The file has to be linked or shared somewhere for someone to find it. The file must also be on a publicly viewable web page for Google (or other search engines) to be able to crawl and index the file.
If a CMS Collection page links to the file, or if the file is linked elsewhere on a static page (or another CMS Collection page) via a CMS Collection list, then Google can crawl the page and index any links it follows.
If the page that contains the link to the file is password protected, the link would not be found on the page because the page would return a password protected response and the content would not be loaded.
However, if the page that contains the link to the file is not password protected initially and becomes password protected at a later time, then Google may have already crawled and indexed the content, including any links to files on the page. In this instance, the actual file link would still be able to be loaded, so Google would continue to index that file. In other words, the link to the uploaded file is not password protected — only the page itself is password protected.
To avoid indexing a link, an option is to set a rel=nofollow attribute on any links that go to the file you want to restrict. Read more about rel=nofollow.
To set the nofollow custom attribute on links:
Note: The nofollow attribute is only a suggestion to Google not to follow the link to the restricted file. Google may still index the file if it crawls the file from another link elsewhere. Additionally, the nofollow attribute will not remove restricted files that are currently indexed on Google search.
You can upload a file through form file uploads with the “Restrict file upload access” toggle set to ON. Read about restricting access to form file uploads.
The files uploaded via restricted form file upload access would not be accessible for search engines to index or for others to view without having logged-in admin privileges.
Note: Files that have been uploaded via restricted form file upload access cannot then be used on CMS Collection pages or static pages due to their links being restricted and requiring logged-in access.
Something went wrong while submitting the form. Please contact email@example.com