Is there any workaround or feature in Webflow that I am not aware of for creating a Form Select Field that includes all items within a CMS Collection?

Published on
September 22, 2023

Yes, in Webflow you can create a Form Select Field that includes all items within a CMS Collection by using dynamic options. Here's how you can achieve this:

  1. Create a CMS Collection: First, you need to create a CMS Collection and add the desired fields, including the field that will be the basis for your Form Select options (e.g., "Item Name").

  2. Create a Collection List: Now, create a Collection List on the page where you want the Form Select Field to be displayed. Connect the Collection List to your CMS Collection.

  3. Add a Select Field: Inside the Collection List, add a Select Field element using the Webflow Designer. Customize it according to your design needs.

  4. Configure Dynamic Options: In the Select Field's Settings Panel, select the "Option Values" tab. Choose "Get Text" as the source and then select the related CMS field that contains the options for your Form Select (e.g., "Item Name").

  5. Set the Default Value: In the Select Field's Settings Panel, under the "Default Value" tab, select "Custom" and enter the value you want to have pre-selected by default.

  6. Style your Form Select Field: Customize the look and feel of your Form Select Field using the Webflow Designer, adjusting the font, colors, and other styling properties.

  7. Test and Publish: Preview your website in the Webflow Designer to ensure that the Form Select Field displays the options correctly. Once you are satisfied, publish your site and test the Form Select Field on the live site.

By following these steps, you can create a Form Select Field in Webflow that dynamically includes all items within a CMS Collection.