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
- Go to Form Settings, select the form, and set a Redirect URL under Form Submission to send users to another page after submission.
- Customize the Success Message section or use interactions to replace form content on the same page after submission, depending on your desired outcome.
You can redirect to another page or replace the form content after a successful form submission in Webflow, depending on your goal.
1. Redirect After Submission
Go to the Form Settings in the Webflow Designer.
Click on the Form Block and open the Settings panel (right-hand gear icon).
Scroll to the Form Settings section.
Under Form Submission, set the Redirect URL to the page where you want users to go after submitting.
Example: If you want to send users to a “Thank You” page, enter
/thank-youor the full URL.This works for scenarios where the user continues to the next step or a confirmation page.
2. Replace Form Content After Submission
- Webflow provides a default success message that replaces the form on successful submission.
- To customize this:
- Select your Form Block, and open the nested Success Message wrapper.
- Modify or design this section like any other Webflow element (e.g., add text, images, links, buttons).
- You can also hide the form and reveal different content using interactions (e.g., show a new section, trigger animations).
3. Choose Based on Your Use Case
- Use Redirect if you need users to land on a different page (e.g., for analytics tracking or external integrations).
- Use the Success Message if you want to keep users on the same page but display additional info or actions right after submission.
Summary
Webflow allows both redirecting form submissions to another page and replacing form content with a custom success message. Choose the method that best fits your post-submission goal.