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, Make, or custom Webhooks with the Webflow API to create CMS items from form submissions.
- Use custom JavaScript in an Embed element to dynamically update a button's link based on form input.
Webflow does not natively support creating CMS items from form submissions or generating dynamic links from form input. However, both tasks are possible using third-party tools and integrations.
1. Automatically Create CMS Items from Form Input
- Webflow forms alone cannot create CMS items—they only capture and send data (e.g., via email, Zapier, Make, or Webhooks).
- To automatically create a CMS item, you can use:
- Zapier: Connect Webflow Forms to the Webflow API via Zapier. Use a trigger such as “Form Submission” and an action like “Create Live CMS Item.”
- Make (formerly Integromat): Offers more control than Zapier and can also create a CMS record after a form submission.
- Custom Webhook + Webflow API: Set a custom form action to submit to a backend service that handles API calls to create CMS items dynamically.
2. Generate a Link from Form Input for a Button
- Webflow has no built-in feature to dynamically change a button’s link based on user input from a form.
- Workarounds include:
- Custom JavaScript: Add an Embed element with JavaScript that listens for form input and dynamically sets the button’s
hrefattribute. - Example use case: a form with a text input where the visitor enters a product ID, then a button is updated to link to
/products/[product-id]. - You can place the script within an Embed block inside the page, and use
document.querySelector()to target the input and button.
Summary
Webflow cannot natively create CMS items or dynamic button links from form inputs, but you can achieve both with tools like Zapier, Make, or custom code. Use the Webflow API for CMS automation and JavaScript for real-time link generation.