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.
bon à savoir
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.
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.
