How to Customize a Webflow Form Success Message

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.