Populating Forms (select field / radio button) from CMS

Design help CMS
2

@Marc_Finkmann this is doable.

Break this up into 2 forms. The first form is the course select dropdown. The second form is the course dates and times. Hide the second form (see how below).

For the first form…

  • Add a hidden field (from within the Embed element) with the users cms item id
  • User selects course
  • User submits form
  • Replace the form submit success message with an animated loading spinner

Using Zapier…

  • Have a Zapier zap for the Webflow app that triggers on a “Form Submission”
  • Create another zap step to “Update Live Item” for Webflow (from the users cms item id)
  • Update with the course selected

Reload your sites page with the form on it…

  • Using a small bit of custom code added the settings of this page (see below)
  • Reload the page
  • When you hide the second form, make sure to now have a Conditional Visibility filter setup for the second form element within Webflow
  • If the course is filled out for the cms item, show the second form
  • The second form should be populated from a “reference” cms item. Meaning each course has a “reference” in the cms to another collection of dates and times. This will populate the second form based upon whatever the user selected on the first form
var Webflow = Webflow || [];
Webflow.push(function() {
  $(document).on('submit', 'form', function() {
		setTimeout(function() { location.reload(true); }, 4000);  
  });
});
</script>
2 Likes