CRO / Conversion3 min lecture
Comment personnaliser le message de succès d'un formulaire Webflow ?
Apprenez à personnaliser le message de succès d'un formulaire Webflow : message natif, style et redirection.
Dans ce tutoriel, Sandro cofondateur de l'agence Webflow Gemeos vous montre comment personnaliser le message de succès d'un formulaire Webflow.
| Option | Complexité | Résultat |
|---|---|---|
| Message natif Webflow | Aucune | Texte simple in-place |
| Message personnalisé avec HTML | Faible | Texte enrichi, liens, images |
| Redirect avec Form After Submit | Faible | Redirection vers une page dédiée |
| Afficher un bloc caché | Faible | Contenu riche, vidéo, CTA |
1. Modifiez le message natif Webflow
Dans le Designer, sélectionnez votre formulaire. À l'intérieur du Form Block, Webflow inclut automatiquement un élément Form Success Message. Sélectionnez-le et modifiez son contenu directement dans le Designer : ajoutez du texte, des icônes, des liens.
2. Stylisez le message de succès
L'élément Form Success Message est un Div standard : stylisez-le comme n'importe quel élément Webflow. Fond coloré, icône de validation, animation d'apparition via les Interactions : tout est possible.
3. Redirigez vers une page de confirmation
Pour une expérience plus riche (page de remerciement avec tracking de conversion, vidéo, prochaines étapes), utilisez Finsweet Form After Submit pour rediriger automatiquement après soumission. Consultez notre tutoriel sur la personnalisation de l'action après soumission.
Conclusion
Le message de succès Webflow est entièrement personnalisable sans code.


