What is the new Collection field in Webflow that allows Content Editors to choose from a dropdown list of choices?

Published on
September 22, 2023

In Webflow, the new Collection field that allows Content Editors to choose from a dropdown list of choices is called the "Multi-reference" field. This field is especially useful when you want to create a relationship between two different collections.

Here is a breakdown of how the Multi-reference field works:

  1. Add a new Collection field: Start by adding a new field to your Collection. In the field settings, select "Multi-reference" as the field type.

  2. Define choices: Once you've added the Multi-reference field, you can define the choices that will appear in the dropdown list. You can do this by creating a separate Collection called "Choices" or using an existing Collection. Each item in the "Choices" Collection will represent a single option in the dropdown list.

  3. Connect the Collections: To establish the relationship between the two Collections, go back to the original Collection where you added the Multi-reference field. In the field settings, you can then connect it to the "Choices" Collection. This allows Content Editors to select options from the dropdown list when creating or editing Collection items.

  4. Use the selected option: Once a Content Editor selects an option from the dropdown list, you can use that information in various ways. It can be used to display related content, filter Collection lists, or conditionally show/hide elements based on the selected option.

The Multi-reference field is a powerful tool that adds flexibility and control to your content management system on Webflow. It enables Content Editors to choose from a predefined set of options without the need for manual entry, ensuring consistency and accuracy in your website's content.

Additional Questions:

  1. How do I create a Multi-reference field in Webflow?
  2. Can I use the Multi-reference field to connect multiple Collections?
  3. How can I display related content based on the selected option from the dropdown list in Webflow?