Can a form in Webflow be created with fields that are linked to fields in a CMS collection?

Published on
September 22, 2023

Yes, a form in Webflow can be created with fields that are linked to fields in a CMS collection. This allows you to collect data from users in a form and automatically populate a CMS collection with that data. Here is how you can achieve this:

  1. Create a CMS collection: Start by creating a CMS collection in Webflow. Add fields to the collection that match the fields you want to capture in the form.

  2. Design the form: Use the Webflow Designer to create your form and add the necessary form fields. You can use standard form fields like text input, checkbox, radio button, select dropdown, etc.

  3. Link form fields to CMS collection fields: In the form settings panel, you will find a section called "Webflow CMS" that allows you to link form fields to fields in your CMS collection. Select the appropriate CMS field for each form field.

  4. Set up form submission: Webflow provides built-in form submission handling. You can configure the form to send form data to an email address or integrate it with third-party form services like Zapier or Mailchimp. This step is important to ensure that user-submitted data is captured and stored.

  5. Publish your form: Once you have designed and linked your form fields, you can publish your website to make the form live. Visitors can now fill out the form, and the data they enter will be automatically stored in the linked CMS collection.

By linking form fields to CMS collection fields, you can easily collect and manage user-submitted data. This feature is particularly useful if you want to create dynamic forms that interact with your CMS content.

Additional Questions:

  1. How do I create a CMS collection in Webflow?
  2. Can I customize the form submission confirmation message in Webflow?
  3. Is it possible to conditionally show or hide form fields based on user input in Webflow?