Boutons et CTA : les mots qui font cliquer (et ceux qui freinent)

Le bouton, c'est la dernière phrase que votre visiteur lit avant de sortir sa carte ou de fermer l'onglet. Trois mots, parfois deux. Voici ce que la recherche en expérience utilisateur (l'UX, c'est-à-dire la façon dont on conçoit un site pour qu'il soit simple à utiliser) et les tests A/B documentés (un test A/B, c'est quand vous montrez deux versions d'un bouton à deux moitiés de vos visiteurs pour voir laquelle convertit le mieux) disent vraiment de ces mots, étape par étape du parcours d'achat, et ce qu'il faut laisser de côté dans le folklore de l'optimisation de conversion.

La psychologie du clic : réduire le coût perçu de l'action

Un clic n'est jamais gratuit pour le cerveau. Avant d'appuyer, votre visiteur évalue en une fraction de seconde ce que le bouton va lui coûter : du temps, un engagement, une mauvaise surprise. Le Nielsen Norman Group (NNG, un cabinet de recherche en ergonomie web qui fait référence dans le métier) appelle cela l'"information scent", la piste d'information : le libellé doit donner une idée précise de ce qui se trouve derrière le clic. Un libellé vague ("Découvrir", "En savoir plus", "Cliquez ici") augmente ce coût perçu, parce qu'il oblige à cliquer juste pour comprendre.

Le NNG a même consacré une étude au cas "Get Started" ("Commencer") : ce libellé attire des clics, mais il égare les gens qui cherchaient une information, parce qu'il promet tout et ne décrit rien. La règle qui en découle : la clarté avant la créativité. Un bouton astucieux qui sème le doute perd toujours contre un bouton banal qui dit exactement ce qu'il fait.

C'est aussi la leçon du fameux "bouton à 300 millions de dollars", à manier avec précaution. L'histoire, publiée par Jared Spool en janvier 2009, raconte comment un grand e-commerçant américain (jamais nommé) a remplacé l'inscription obligatoire avant le paiement par un simple bouton "Continuer" avec la mention "Vous n'avez pas besoin de créer un compte pour acheter". Résultat annoncé : +45 % d'acheteurs et 300 millions de dollars de ventes en plus la première année. Mais ces chiffres n'ont jamais été vérifiés publiquement et l'histoire a plus de 17 ans : prenez-la comme une illustration du principe (retirer un engagement demandé trop tôt débloque l'achat), pas comme un repère chiffré.

Les mots qui font cliquer : un verbe, un bénéfice, zéro mystère

Les sources convergent sur une formule simple : un verbe d'action plus ce que votre visiteur obtient. "Recevoir mon guide", "Voir les couleurs disponibles", "Calculer mes frais de port". Le NNG recommande des libellés courts, construits sur des verbes, qui se suffisent à eux-mêmes, et déconseille les noms de marque ou les mots passe-partout comme "Continuer" tout seul.

Être précis, ça paie. Dans un test rapporté par CXL (un institut de formation et de recherche en optimisation de conversion), une chaîne de salles de sport scandinave a gagné 68 % de conversions en passant de "Obtenir votre abonnement" à "Trouver votre salle et obtenir votre abonnement" : le libellé répondait à la vraie question du prospect, à savoir y a-t-il une salle près de chez moi.

Sur la fiche produit, "Ajouter au panier" reste la formule de référence : l'action est perçue comme réversible, sans engagement, ce qui abaisse la barrière dans la tête de l'acheteur. Des tests menés par des praticiens, qui comparent "Ajouter au panier" et "Acheter maintenant" sur plusieurs boutiques, vont dans le même sens, avec un avantage au panier, mais aucune étude universitaire ne fixe un chiffre valable partout : ce qui se rejoint, c'est la direction, pas l'ampleur du gain. C'est l'un des arbitrages qui change selon l'endroit où vous envoyez votre trafic, comme on le voit dans notre comparatif landing page ou page produit.

Reste la première personne (le fait d'écrire le bouton comme si c'était le visiteur qui parle : "mon", "je" plutôt que "votre"). Michael Aagaard (ContentVerve) a documenté en 2012-2013 une série de tests où remplacer "votre" par "mon" ("Démarrer mon essai gratuit" plutôt que "Démarrer votre essai gratuit") a produit des gains de 30 à 90 % de clics, repris depuis par Unbounce. Ces tests sont sérieux mais anciens, menés sur des audiences anglophones et en dehors de l'e-commerce : l'effet "Je veux mes -10 %" sur votre popup mérite un test chez vous, pas une confiance aveugle.

Les mots qui freinent : jargon, "Soumettre" et engagement prématuré

"Soumettre" ou "Envoyer" laissés par défaut. Dan Zarrella (HubSpot) a analysé plus de 40 000 pages de capture : celles dont le bouton gardait le texte par défaut "Submit" convertissaient moins que celles qui l'avaient remplacé par un libellé sur mesure (HubSpot, 2010). Attention : c'est une corrélation observée sur un gros volume, pas un test A/B qui prouve la cause, et l'étude est ancienne. Mais elle recoupe la logique du NNG : "Soumettre" décrit ce que la machine reçoit, pas ce que l'humain, lui, obtient.

L'engagement trop fort, demandé trop tôt. "Acheter" sur une popup d'accueil, "Payer" sur une fiche produit découverte il y a 20 secondes : ces verbes font payer une décision que votre visiteur n'a pas encore prise. C'est le mécanisme inverse du bouton de Spool : on ajoute un coût d'engagement au lieu d'en retirer un. Le verbe qui engage se place là où la décision est déjà prise, au moment du paiement.

Le jargon et le flou. "Valider" (valider quoi ?), "Confirmer" sans dire quoi, "Checkout" laissé en anglais sur un site français, "Finaliser" qui ne dit pas si on va payer tout de suite. Chaque seconde d'hésitation se paie : Baymard (un institut de recherche reconnu sur l'expérience d'achat en ligne) mesure un taux d'abandon de panier moyen (la part de gens qui remplissent un panier puis partent sans payer) autour de 70 %, alimenté notamment par les parcours confus et les mauvaises surprises de dernière minute. On a creusé ce sujet dans notre article sur les causes de l'abandon de panier.

La microcopy autour du bouton : le bon libellé à chaque étape

Le mot sur le bouton ne travaille jamais seul. La recherche Baymard sur les pages produit montre que 64 % des gens cherchent les frais de livraison sur la fiche avant même d'ajouter au panier, et conseille d'afficher une date de livraison estimée ("Livraison estimée : jeudi 18 juin") près du bloc d'achat plutôt qu'un délai abstrait ("48-72 h"). Retours, garantie et moyens de paiement jouent le même rôle : répondre à l'objection juste à l'endroit où elle surgit.

Les tests publiés par CXL sur la microcopie confirment l'ordre de grandeur : Yoast a gagné 11,3 % de conversions en ajoutant "aucun coût supplémentaire" et un lien "continuer vos achats" près de son formulaire de commande, et une boutique danoise 17 % rien qu'en ajoutant la mention "voir le bundle" au-dessus de son bouton. La petite phrase de huit mots sous le bouton bat souvent le test du libellé lui-même. Tout ça prend place dans une page produit solide, dont on a détaillé la structure dans notre anatomie de la page produit qui convertit.

Quelques exemples français, en avant/après, à chaque étape. Sur la popup email, "S'inscrire à la newsletter" devient "Je veux mes -10 %" avec la mention "Zéro spam, désinscription en 1 clic" (et un objet d'email soigné derrière). Sur la fiche produit, "Commander" devient "Ajouter au panier" avec "Livraison estimée : jeudi 18 juin · Retours gratuits 30 jours". Au panier, "Valider" devient "Passer la commande" avec les logos de paiement. Au moment de payer, "Soumettre" devient "Payer 49,90 € maintenant" : rendu là, la précision rassure votre client plus qu'elle ne l'effraie.

Taille, contraste, placement : puis testez proprement

Côté forme, les références s'accordent : une cible tactile (la zone touchable du doigt) d'au moins 44 pt chez Apple, 48 dp chez Google Material, environ 1 cm selon le NNG, et un minimum légal d'accessibilité de 24 px en WCAG 2.2 niveau AA (les WCAG sont les règles internationales qui rendent un site utilisable par tous, y compris en situation de handicap). En clair, pour votre boutique : sur mobile, le bouton d'achat doit être tapable au pouce sans zoomer, bien détaché du fond (une seule couleur d'action sur la page), et le bouton principal visible sans avoir à faire défiler à l'infini. Si traduire ces règles en CSS sur votre thème vous freine, vous pouvez confier l'intégration de vos boutons d'achat à une équipe qui s'en occupe. Un seul bouton principal par écran : deux boutons de même poids visuel s'annulent l'un l'autre. Le moment du paiement a ses propres pièges, souvent cachés dans les réglages Shopify qui freinent votre conversion.

Ensuite seulement, testez. Une seule chose à la fois : le libellé OU la microcopie OU la couleur, jamais les trois en même temps, sinon vous ne saurez pas ce qui a gagné. Et surtout, regardez votre volume : CXL conseille de ne pas conclure un test en dessous d'environ 250 à 350 conversions par variante, sur 2 à 4 semaines complètes pour couvrir les cycles d'achat. Si votre boutique fait 80 commandes par mois, un test de libellé mettra des mois avant de trancher : dans ce cas, CXL recommande de se limiter à deux versions, de tester des changements radicaux (l'offre, la structure de la page) plutôt que des nuances de mots, et d'appliquer directement, sans test, les conventions déjà prouvées par la recherche UX. Quand votre trafic est trop faible pour trancher au mot près, mieux vaut viser ce qui change la rentabilité : c'est exactement le calcul que permet notre calculateur de ROAS et de rentabilité.

Divergences signalées : le "bouton à 300 millions" (2009) repose sur des chiffres non vérifiés d'un détaillant anonyme ; l'étude HubSpot "Submit" est une corrélation, pas un test qui prouve la cause ; les tests "mon / votre" de ContentVerve datent de 2012-2013 et les gains de 30 à 90 % ne sont pas garantis sur d'autres audiences ; l'avantage "Ajouter au panier" face à "Acheter maintenant" va dans le même sens chez les praticiens, mais sans chiffre universitaire de référence.