How to Customize a Webflow Form Success Message
Learn how to customize a Webflow form success message: native message, styling, and redirect.
In this tutorial, Sandro, cofounder of the Gemeos Webflow agency, shows you how to customize the success message on a Webflow form.
1. Edit the native Webflow message
In the Designer, select your form. Inside the Form Block, Webflow automatically adds a Form Success Message element. Select it and edit its content directly in the Designer: add text, icons, and links.
2. Style the success message
The Form Success Message element is a standard Div: style it like any other Webflow element. Colored background, validation icon, entrance animation via Interactions — anything is possible.
3. Redirect to a confirmation page
For a richer experience — a thank-you page with conversion tracking, video, and next steps — use Finsweet Form After Submit to redirect automatically after submission. Check out our tutorial on customizing the post-submit action.
Conclusion
The Webflow success message is fully customizable without code.
Good to know
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
.avif)
Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
