Dans la plupart des études, le bouton d'envoi de formulaire le moins performant est toujours le même. Il n'a pas de couleur propre. Il se fond dans la page. Son libellé tient en un mot. Et il fait fuir de façon fiable les visiteurs de tous les sites qui veulent moins de conversions.
Ce bouton dit « Envoyer ».
Tous les visiteurs qui arrivent à votre bouton ne sont pas prêts à cliquer. Certains hésitent encore. D'autres sont nerveux. D'autres cherchent à être rassurés sur le fait que ce formulaire vaut leur temps. Le bouton est souvent la dernière impression qui décide s'ils vont jusqu'au bout. Un libellé générique d'un mot leur laisse le soin de se rassurer eux-mêmes. Un bouton bien pensé, avec un texte précis, lève le doute.
Ce chapitre explique ce que le texte, la couleur et le placement du bouton changent vraiment au taux d'envoi, comment le contexte de votre formulaire détermine le texte qui marche, et comment éviter sans le savoir les erreurs de design et de rédaction qui tuent les conversions.
Ce que le texte du bouton change vraiment à la conversion
Les études sur les boutons d'appel à l'action montrent des tendances constantes. Les boutons génériques comme « Envoyer » ou « Valider » font 30 à 40 % de moins que les textes orientés action. Un bouton qui dit « Recevoir ma proposition gratuite » convertit mieux qu'un bouton qui dit « Envoyer ». Un bouton « Confirmer mon inscription » fonctionne mieux que « Envoyer ». Il ne s'agit pas d'être astucieux dans la rédaction. Il s'agit d'être clair sur le résultat.
Quand un visiteur survole un bouton « Envoyer », il se pose une question implicite. Qu'est-ce que j'envoie ? Où cela va-t-il ? Que se passe-t-il ensuite ? Il n'a pas la réponse. Il fait une supposition. Un texte générique crée de la friction, car il oblige le visiteur à deviner la suite.
Un texte précis et orienté action répond tout de suite à cette question. « Recevoir ma proposition gratuite » dit au visiteur exactement ce qui se passe au clic. « Confirmer mon inscription » explique l'étape suivante. « Demander une démo » montre clairement qu'il commence une conversation, sans s'engager sur l'inconnu.
Le schéma se vérifie pour tous les types de formulaires et tous les secteurs. Dans une étude d'un institut de recherche UX sur les formulaires de paiement, « Finaliser la commande » faisait 25 % de mieux que « Envoyer » en taux de conversion. Dans un test d'un logiciel marketing sur des formulaires de contact, « Envoyer ma demande » battait « Envoyer » de 18 %. Dans une analyse de tests de conversion sur 50 boutiques en ligne, les boutons qui incluaient un avantage ou la prochaine étape surpassaient en moyenne de 23 % les actions d'un seul mot.
L'amélioration n'est pas minime. Ce n'est pas une optimisation de 2 %. C'est passer d'un taux d'envoi de 15 % à 19 %. Ou de 300 envois par mois à 370. Le texte du bouton compte parmi les changements les plus rentables que vous puissiez faire sur un formulaire.
Le texte du bouton selon le type de formulaire
Le même texte ne marche pas pour tous les formulaires. La raison pour laquelle quelqu'un remplit un formulaire détermine le texte auquel il réagit.
Formulaires d'inscription
Quand quelqu'un crée un compte, il s'engage. La décision est généralement prise. Il ne se demande plus « dois-je le faire ? ». Il se demande « est-ce que ça va marcher ? » et « est-ce sûr ? ». Le texte du bouton d'inscription doit confirmer l'action et rassurer.
Formules efficaces : « Créer mon compte », « C'est parti », « Confirmer mon inscription ». Évitez le « Envoyer » générique. Évitez les libellés qui paraissent définitifs ou lourds, comme « M'engager à créer un compte ». Gardez un ton léger, tourné vers l'avant.
Pour les inscriptions avec mot de passe, le texte peut reconnaître la friction : « Créer le mot de passe et continuer ». Cela dit au visiteur qu'il ne crée pas un mot de passe pour rien. C'est une étape vers quelque chose. L'action est claire.
Formulaires de contact et de demande
Les formulaires de contact gagnent à avoir un texte de bouton conversationnel et humain. Le visiteur vous contacte. Il demande quelque chose. Le bouton doit sonner comme si vous preniez sa demande en compte.
Formules efficaces : « Envoyer ma demande », « Nous contacter », « Envoyer mon message », « Demander plus d'informations ». Elles donnent au formulaire l'air d'une conversation, pas d'un dépôt de données.
Évitez le langage clinique ou formel. Ne dites pas « Soumettre la demande ». Dites « Envoyer ma demande ». La différence est subtile. L'un ressemble à une transaction. L'autre à une discussion avec une personne.
Formulaires de réservation et de rendez-vous
Quand quelqu'un remplit un formulaire de réservation, son intention est confirmée. Il veut le rendez-vous. Le texte du bouton doit être direct et lever tout doute sur la suite.
Formules efficaces : « Confirmer mon rendez-vous », « Réserver ma séance », « Planifier mon appel », « Réserver ma place ». Elles reconnaissent que la personne a déjà décidé. Le bouton est l'étape de confirmation finale.
Évitez tout ce qui crée de l'ambiguïté. « Réserver » fonctionne. « S'inscrire » dit moins clairement ce qui est réservé. La clarté à ce stade augmente les taux de complétion.
Formulaires de paiement
Le paiement en boutique en ligne a le plus à perdre d'un texte de bouton vague. Chaque mot influence directement le chiffre d'affaires. Le visiteur est prêt à acheter. Ne créez pas d'hésitation.
Formules efficaces : « Finaliser mon achat », « Payer maintenant », « Valider la commande », « Acheter maintenant ». Certains commerçants testent des textes tournés vers l'avantage comme « Recevoir mon [nom du produit] » pour souligner ce que le client reçoit, pas ce qu'il paie.
N'utilisez jamais le « Envoyer » générique. Testez si « Finaliser mon achat » ou « Acheter maintenant » marche mieux pour votre audience. Certains secteurs et niveaux de prix réagissent à des formulations différentes. Mais les deux battent un libellé générique.
Formulaires d'avis et d'enquête
Les boutons d'enquête doivent paraître rapides et faciles. Le visiteur vous rend service. Le texte doit le reconnaître et donner une impression sans effort.
Formules efficaces : « Envoyer mon avis », « Envoyer ma réponse », « Partager mon opinion ». Elles semblent rapides. Évitez le langage qui fait ressembler un avis à un dépôt officiel. « Envoyer mon avis » paraît plus léger que « Soumettre l'enquête ».
Qualification de contacts et formulaires B2B
Les formulaires B2B demandent souvent plus d'informations, car ils filtrent les contacts. Le texte du bouton peut annoncer la suite sans rebuter.
Formules efficaces : « Demander une proposition », « Planifier un entretien », « Commencer mon essai gratuit », « Obtenir un devis sur mesure ». Elles montrent clairement la prochaine étape. Le visiteur ne craint pas de s'engager sur quelque chose de flou.
Le design du bouton influence les clics plus qu'on ne le croit
Le texte n'est qu'une partie de l'histoire. L'apparence du bouton et sa place sur la page déterminent si quelqu'un le perçoit même comme cliquable.
Contraste des couleurs et visibilité
Un bouton qui se fond dans l'arrière-plan reçoit moins de clics qu'un bouton très contrasté. Il ne s'agit pas d'un design tape-à-l'œil. Il s'agit d'être repérable. Si un bouton ne ressort pas du formulaire, le visiteur peut le manquer complètement.
Les boutons efficaces ont un contraste de couleur d'au moins 4,5 pour 1 avec l'arrière-plan. Concrètement, la couleur du bouton doit être nettement différente de celle de la page et des autres éléments du formulaire.
Testez ce qui marche pour votre marque. Certaines marques ont une couleur qui ressort naturellement. D'autres utilisent des couleurs chaudes comme l'orange ou le rouge sur des fonds froids comme le gris ou le blanc. La couleur précise compte moins que le contraste. Rendez le bouton repérable.
Taille et espace blanc
Les boutons trop petits ne paraissent pas cliquables. Les boutons trop grands paraissent insistants. La bonne taille dépend du formulaire et de la page. Un bouton qui occupe la moitié de la largeur du formulaire paraît agressif. Un bouton de 150 pixels de large sur un formulaire de contact pleine largeur paraît approprié.
L'espace blanc autour du bouton augmente les clics. Un bouton entouré d'autres éléments se fond dans le décor. Un bouton avec de l'air autour ressort et paraît cliquable. Ajoutez de l'espace au-dessus et en dessous du bouton. Laissez-le respirer.
Forme et style du bouton
Les coins arrondis paraissent plus modernes et plus accueillants. Les coins droits paraissent plus institutionnels ou techniques. Aucun n'est meilleur en toutes circonstances. Testez le style qui correspond à votre marque et à votre audience.
Les boutons pleins, sur fond clair, fonctionnent mieux que les boutons à contour ou transparents dans la plupart des formulaires. Un bouton à contour assorti au style du formulaire se fond dedans. Un bouton plein et contrasté ressort.
Les ombres et les effets au survol renforcent l'impression que l'élément est cliquable. Un bouton qui change de couleur ou affiche un état au survol montre au visiteur qu'il réagit à l'interaction.
Taille des boutons sur mobile
Les utilisateurs mobiles touchent avec le pouce. Un bouton trop petit fait rater des appuis. Certaines recommandations de conception préconisent une zone tactile minimale de 44 par 44 pixels, d'autres 48 par 48 pixels. Sur mobile, les boutons doivent être assez grands pour que le pouce les atteigne à coup sûr.
Sur mobile, les boutons s'empilent souvent verticalement. Un bouton pleine largeur paraît plus cliquable qu'un bouton à moitié visible. Un bouton fixe qui reste visible pendant le défilement du formulaire augmente les taux de complétion sur mobile.
Le placement détermine qui voit le bouton
Le meilleur texte et le meilleur design n'aideront pas si les gens passent devant sans le remarquer. L'emplacement du bouton sur la page influence sa visibilité.
Des boutons visibles sans défiler
Idéalement, le bouton principal doit être visible sans défiler sur ordinateur. Si votre formulaire occupe presque tout l'écran, il faudra peut-être défiler pour l'atteindre. C'est inévitable. Mais s'il y a de la place dans la partie visible, mettez-y le bouton pour que le visiteur n'ait pas à le chercher.
Boutons fixes sur mobile
Les formulaires mobiles obligent souvent à défiler. Un bouton fixe qui reste visible en bas de l'écran augmente les taux de complétion. Le visiteur ne perd jamais le bouton de vue pendant qu'il remplit les champs. Il peut terminer à tout moment sans descendre jusqu'en bas.
Boutons principaux et secondaires
Certains formulaires ont plusieurs boutons. « Envoyer », « Enregistrer le brouillon », « Étape suivante ». Quand il y a plusieurs boutons, rendez l'action principale visuellement dominante. Un bouton principal fort doit être nettement plus cliquable que les options secondaires. Utilisez la couleur, la taille ou la position pour montrer la hiérarchie.
Une erreur courante consiste à rendre identiques les boutons principal et secondaire. Si « Annuler » et « Envoyer » ont la même taille et la même couleur, certains visiteurs cliquent sur le mauvais. Des designers ont testé cela et constaté qu'un bouton principal de 30 à 40 % plus grand que les boutons secondaires réduit les annulations accidentelles.
Le texte sous le bouton augmente la complétion
Le bouton n'est que la dernière interaction. Le texte sous le bouton ou à côté apporte une dernière assurance qui pousse les visiteurs hésitants à cliquer.
Ce texte rassurant répond à l'ultime objection. Si votre formulaire demande une adresse e-mail, une ligne sous le bouton disant « Nous ne partagerons jamais vos informations » retire la dernière raison de ne pas envoyer. Si votre formulaire demande un numéro de téléphone, « Pas d'appels indésirables, nous vous contacterons sous un jour ouvré » renforce la confiance.
Ce texte rassurant doit rester petit et secondaire. Vous ne vendez plus. Vous répondez au dernier doute. Exemples : « Nous vous répondons sous 24 heures », « Vos données sont toujours protégées », « Aucune carte bancaire requise pour commencer votre essai gratuit », « Votre vie privée est notre priorité ».
Les tests montrent que le texte rassurant sous les boutons augmente les taux de complétion de 3 à 5 % sur les formulaires à forte friction. Sur les formulaires à faible friction comme les newsletters, l'effet est plus petit. Sur les formulaires B2B qui demandent beaucoup d'informations, il peut augmenter les complétions de 10 % ou plus.
États d'erreur et retour pendant le chargement
Ce qui se passe après le clic détermine si la personne se sent sûre de son envoi.
Bouton désactivé pendant l'envoi
Dès qu'on clique sur le bouton, désactivez-le immédiatement. Un bouton désactivé évite les envois en double. Surtout, il montre au visiteur que son clic a été pris en compte. Le bouton doit afficher un état de chargement : « Envoi en cours... », un indicateur qui tourne ou un texte animé.
Sans état de chargement, le visiteur ne sait pas si son clic a fonctionné. Il peut cliquer de nouveau. Il peut fermer le navigateur. Une seconde de délai entre le clic et tout retour paraît longue à un utilisateur. Montrez tout de suite que quelque chose se passe.
Texte de récupération après une erreur
Quand l'envoi d'un formulaire échoue, le bouton et le texte autour doivent expliquer ce qui a échoué et ce qu'il faut faire ensuite. Ne vous contentez pas d'afficher un message d'erreur en haut du formulaire. Mettez à jour le bouton lui-même.
Un bouton « Réessayer » est plus utile que « Envoyer » quand une erreur survient. Le texte à côté du bouton doit expliquer précisément ce qui a échoué : « Cet e-mail est déjà enregistré » ou « Veuillez remplir tous les champs obligatoires ».
Rendez la correction d'erreur évidente. Certains formulaires mettent en évidence le champ en cause. D'autres affichent des messages d'erreur à côté du champ. D'autres font les deux. Plus l'erreur est claire, plus vite le visiteur la corrige.
Les formulaires WEMASY et l'optimisation du bouton d'envoi
Le créateur de formulaires de WEMASY vous permet de personnaliser le texte, le design et le placement du bouton selon votre stratégie. Vous pouvez définir un texte de bouton différent selon le type de formulaire. Vous pouvez ajouter une logique conditionnelle qui change le libellé du bouton selon les réponses. Vous pouvez personnaliser la couleur, la taille et le style des boutons pour qu'ils correspondent à votre marque.
Les statistiques de formulaire montrent quels champs causent l'abandon. Si votre bouton a un fort taux d'abandon en particulier, c'est le signe que son texte ou son design mérite un test. Si les visiteurs arrivent jusqu'au bouton sans cliquer, testez d'autres textes et designs sans reconstruire le formulaire.
Découvrez comment le créateur de formulaires WEMASY gère la personnalisation des boutons et les statistiques de formulaire. Pour en savoir plus sur les textes de formulaire qui font terminer, lisez comment écrire des libellés et des textes d'aide efficaces et ce qui cause l'abandon de formulaire et comment l'éviter.