How can I dynamically redirect to a CMS created after form submission in Webflow?

To dynamically redirect to a CMS item’s page after a form submission, you’ll need to collect a unique identifier from the CMS to use as part of the redirect URL.

1. Understand the Limitation

• Webflow forms do not natively support dynamic redirects based on CMS content or form field input.
• You will need to use custom JavaScript and unique identifiers (like a slug or ID) from your CMS Collection to build the proper redirect URL.

2. Include Identifiers in Form Fields

• Add a Select, Hidden, or Dropdown field to your form containing the CMS item’s unique identifier (e.g., the slug).
• Use a Collection List connected to the relevant CMS Collection to populate this field dynamically.
• For example, in the option value of a dropdown, use the “Current item’s slug” so it can be used upon submission.

3. Add Custom JavaScript for Redirect

• Place an Embed element with the custom script on the page where the form lives.
• The script should:
• Listen for the form submission.
• Read the selected or entered value (like the slug).
• Construct the redirect URL (e.g., "/blog/[slug]").
• Redirect the user with window.location.href.

Example logic (reference only, no raw code):

• On form submit, capture the CMS slug.
• Redirect to /collection-name/slug.

4. Disable Native Form Redirect

• In the Form Settings, do not set a redirect URL.
• Let your custom script handle the redirect dynamically.

5. Optional: Enhance with FormSuccess Trigger

• Wrap the redirect logic in a listener for the Webflow w-form-done class. This waits for the form's success sequence before triggering the redirect.

Summary

To redirect a user to a CMS-generated page after form submission, pass the CMS item’s unique identifier through the form (like the slug), and use custom JavaScript to perform a dynamic redirect based on that value.