Can Webflow allow for custom redirect URLs for each contact form in CMS templates to create separate thank-you pages for landing pages?
TL;DR
- Webflow CMS template pages don't support dynamic form redirects natively, but you can bind a hidden CMS field with a thank-you URL and use custom JavaScript to redirect after submission.
- Alternatively, use third-party form processors that support dynamic redirects via hidden fields or query strings.
Webflow forms on CMS template pages do not support unique custom redirect URLs natively, but there are workarounds to create per-landing-page thank-you experiences.
1. Default Form Redirect Behavior in Webflow
- Webflow forms support a single redirect URL after submission via the Form Settings.
- On static pages, you can set a redirect URL after each form submission.
- On CMS template pages, this setting is shared across all collection items, making dynamic redirects impossible without custom code.
2. Why CMS Templates Limit Redirects
- A CMS template page uses one common structure for all items in a collection.
- There is no built-in option to reference the current CMS item or its fields (like a unique thank-you URL) in the form’s redirect setting.
3. Workaround: Use JavaScript for Dynamic Redirects
To handle unique redirect URLs per CMS item:
- Add a hidden field in your CMS collection called something like Thank You Page URL.
- On the CMS template page, bind that field to a custom
data-thankyouattribute on the submit button or form wrapper. - Use custom JavaScript to intercept the form submission and redirect based on that attribute.
Example (conceptual only):
- Add a
data-thankyouattribute likedata-thankyou="{{cmsThankYouField}}" - Use JavaScript to read that value after submission and perform
window.location.href = thankYouUrl
Note: Webflow does not support backend scripting, so this JavaScript has to be client-side and you must bypass Webflow’s default form redirect behavior.
4. Alternative: Use Third-Party Form Handling
If JavaScript isn't reliable or flexible enough for your needs:
- Use a third-party form processor (like Formspree, Basin, Make) via embedding or action URL override.
- These services often support dynamic redirect URLs passed via hidden fields or query strings.
Summary
Webflow does not natively support unique redirect URLs for contact forms on CMS template pages, but you can achieve it using custom JavaScript or third-party form handling. The key is attaching the thank-you URL from each CMS item and redirecting after submission manually.