Webflow sync, pageviews & more.
NEW

Can successful form submissions in Webflow be redirected to another page for further instructions or can the content within the "form wrapper" be replaced after successful submission?

TL;DR
  • In Webflow, you can either redirect users to a new URL after form submission or display a custom success message in place of the form.
  • You can’t do both simultaneously without custom JavaScript.

Yes, Webflow allows both options after a form is successfully submitted: you can either redirect to another page or replace the form content with a custom success message.

1. Redirect to Another Page After Submission

  • Go to Form Settings: Click the form element → Settings panel (gear icon).
  • Update the Form Action: In the Form Settings, find the “Action” section.
  • Set a Redirect URL: Enter the full URL (e.g., /thank-you) in the “Redirect URL” field. This URL can be an internal Webflow page or an external site.

2. Replace Form Content with a Success Message

  • Use Webflow’s Built-In Success Block: When you add a form, Webflow includes:
  • A Success Message wrapper (hidden by default).
  • An Error Message wrapper.
  • After submission, the form is hidden and the Success Message content is shown automatically.
  • You can customize the Success Message with new content, layout, or styles to guide the user further.

3. Can't Do Both at Once Natively

  • Webflow's built-in form mechanics don’t support both redirect and inline success message at the same time.
  • If you need more control (e.g., show inline message briefly, then redirect), you’ll need to add custom JavaScript.

Summary

You can either redirect users to another page after form submission or replace the form with a custom success message—but not both natively. Choose the method that best fits your user flow, and use custom code for more advanced behaviors.

Rate this answer

Other Webflow Questions