Can Webflow automatically create a new CMS record from user input in a form? Can Webflow use user input from a form to generate a link for a button?
TL;DR
- Use Zapier or Make to capture Webflow form submissions via webhook, map form fields to CMS, and use the API to create and publish CMS records.
- Use custom JavaScript to dynamically update a button’s link based on user input by assigning IDs and modifying the
hrefin the page’s script.
Webflow cannot automatically create a new CMS record directly from a form submission, but workarounds using third-party tools like Make (Integromat), Zapier, or custom Webhooks can enable this behavior. It can, however, dynamically use form input to generate links with some manual logic.
1. CMS Record Creation from Form Submission
- Webflow forms do not natively write data to the CMS. Submitting a Webflow form only triggers native form notifications or third-party workflows.
- To create CMS records from user input, connect Webflow Forms to an automation platform like Zapier or Make.
- Steps:
- Create a Webhook in Make or Zapier that listens for Webflow form submissions.
- Map the form fields (e.g., name, title, etc.) to CMS collection fields.
- Use your Webflow Site API Key to authenticate and create a “Create Live Item” action in your CMS Collection.
- Publish the new item using the API option if you want it to appear instantly on your site.
2. Using Form Input to Create a Link for a Button
- Webflow does not support dynamic button links sourced directly from user input out of the box, but you can do it with custom JavaScript.
- Example: If a user types a URL or slug, and you want a button to link to that page, use JavaScript to update the
hrefof the button after submission or on value change. - Steps:
- Give your form input and button unique IDs or classes (e.g.,
#input-slug,#go-button). - Use a short script in the Page Settings > Before