La plupart des articles sur les call to action parlent de couleur, de verbe d'action et de contraste. Tout cela compte, et c'est dans cette page. Mais un bouton ne se juge jamais seul : il se juge à l'endroit du parcours où il tombe. Un libellé parfait placé trop tôt ne convertit pas, et aucune réécriture ne le sauvera.
Réponse rapide
- C'est quoi un call to action ?
- Un call to action est l'élément qui demande une action précise au lecteur : réserver, télécharger, commander, s'inscrire. En lisant le bouton seul, hors contexte, l'utilisateur doit comprendre ce qui va se passer après le clic. Si ce n'est pas le cas, le libellé est à réécrire.
- Comment écrire un bon call to action ?
- Un verbe d'action explicite, le bénéfice dans le libellé, un contraste visuel réservé au bouton principal, une zone de clic d'au moins 44 pixels sur mobile, et le moins de friction possible après le clic. Mais le libellé ne rattrape jamais un mauvais emplacement dans le parcours.
- Combien de call to action par page ?
- Un seul objectif par page. Le bouton principal peut se répéter deux à quatre fois sur une page longue, aux moments où la motivation remonte, mais il porte toujours la même action. Les boutons secondaires existent, visuellement subordonnés.
Les 5 caractéristiques
01 — Un verbe d'action explicite
En lisant le bouton seul, sans le contexte de la page, on doit savoir ce qui suit le clic.
- Ce qui ne marche pas : « Cliquez ici », « En savoir plus », « Soumettre »
- Ce qui marche : « Réserver un appel », « Télécharger le guide », « Démarrer mon essai »
02 — Le bénéfice dans le libellé
Le meilleur libellé traduit l'action en résultat pour celui qui clique, pas en étape de votre processus.
- Ce qui ne marche pas : « S'inscrire »
- Ce qui marche : « Obtenir mon plan personnalisé »
03 — Un contraste réservé
Le bouton ressort parce qu'il est le seul élément de cette couleur. Si toute la page utilise la couleur d'accent, plus rien ne ressort.
- Ce qui ne marche pas : Un bouton de la même couleur que le reste de la page
- Ce qui marche : La couleur d'accent réservée au bouton principal, un état de survol visible
04 — Une zone de clic réelle
44 pixels de côté au minimum sur mobile, selon les recommandations d'Apple comme de Google. En dessous, le taux d'erreur de clic grimpe.
- Ce qui ne marche pas : Un petit bouton avec 4 pixels de marge intérieure
- Ce qui marche : 48 pixels de hauteur, 24 à 32 pixels de marge latérale
05 — Peu de friction après le clic
Le bouton fait une promesse, l'écran suivant la tient ou la trahit. C'est là que se perd l'essentiel des conversions, pas sur le libellé.
- Ce qui ne marche pas : « Démo gratuite » puis un formulaire de douze champs
- Ce qui marche : « Démo gratuite » puis trois champs : nom, email, créneau
Le moment compte plus que le bouton
Sur une offre à prix élevé et à décision longue — accompagnement, service B2B, prestation sur mesure — l'instinct dit de mettre le bouton et le prix tout en haut, pour ne perdre personne. C'est l'inverse qui se produit.
Un bouton vu avant que le texte ait installé la valeur ne convertit pas : le lecteur n'a pas encore de raison de payer ce prix. On ne perd donc pas des visiteurs en les faisant descendre dans la page, on perd des acheteurs en leur montrant le prix trop tôt. Ce sont deux pertes très différentes, et seule la seconde coûte de l'argent.
Corollaire pratique sur une page longue : évitez le bouton de navigation qui saute directement au prix ou au formulaire. Il casse l'ordre de lecture, et le visiteur doit remonter pour comprendre ce qu'on lui propose. Un menu qui accompagne le défilement vers les sections de preuve fait mieux le travail.
À l'autre bout du spectre — panier faible, décision rapide, trafic de marque — la logique s'inverse : le bouton en haut de page est le bon choix, parce qu'il n'y a rien à démontrer.
Ce que disent les tests
Un résultat contre-intuitif, issu de tests menés sur le marché français : sur un bouton de prise de rendez-vous, « réserver un appel de démo » l'emporte sur « réserver votre appel 100 % gratuit ».
La lecture la plus probable : « démo » annonce un format précis et une contrepartie concrète, on va vous montrer quelque chose. « 100 % gratuit » est devenu un signal générique, associé à ce qui ne vaut pas grand-chose, et ne rassure plus personne. À traiter comme un point de départ de test plutôt que comme une règle : ce résultat n'a pas été vérifié hors du marché français.
Cinq réécritures qui suivent la même logique.
| Contexte | Avant | Après |
|---|---|---|
| Page de service B2B | Contactez-nous | Réserver un appel de cadrage (30 min) |
| Téléchargement de guide | Télécharger | Télécharger le guide (24 pages, PDF) |
| Inscription newsletter | S'abonner | Recevoir le résumé hebdomadaire (2 min de lecture) |
| Page de tarifs | Acheter maintenant | Démarrer mon essai 14 jours (sans carte) |
| Fiche produit | Ajouter au panier | Commander, livraison offerte dès 50 € |
Où le placer
| Emplacement | Ce qu'il fait | Quand l'utiliser |
|---|---|---|
| Haut de page | Visible sans défilement. Pour les visiteurs déjà convaincus qui veulent aller vite. | Pages de conversion, produits simples, trafic de marque. |
| Fin de section | Après avoir levé une objection ou démontré un bénéfice, pendant que la motivation est haute. | Pages longues, articles de fond, séquences. |
| Pied de page | Le filet pour ceux qui ont tout lu. Systématiquement sous-utilisé. | Toute page de plus de 800 mots. |
| Barre fixe mobile | Le bouton suit le défilement. Très efficace sur mobile, à doser sur ordinateur. | Fiches produit, pages de service à conversion directe. |
| Fenêtre déclenchée | À l'intention de sortie ou à une profondeur de défilement. Convertit quand c'est calibré, agace sinon. | Contenu à télécharger, inscription, offre limitée. |
Un emplacement manque presque partout : la page de remerciement. C'est la seule page de votre site dont l'audience est acquise à 100 %, et elle se contente le plus souvent d'un « merci pour votre commande ». Elle peut porter l'accès au produit, le lien vers le support, et la mention exacte qui apparaîtra sur le relevé bancaire — ce dernier point évite des contestations de paiement déclenchées par méconnaissance, pas par mauvaise foi.
Les erreurs courantes
Multiplier les actions différentes
Cinq boutons qui demandent cinq choses différentes ne produisent aucune action. Un objectif par page ; le bouton principal peut se répéter, mais il porte toujours la même demande.
La friction après le clic
Le bouton tient sa promesse, le formulaire la trahit. C'est le point de perte le plus coûteux et le moins regardé.
La couleur d'accent partout
Si toute la page crie, plus rien ne s'entend. L'accent est un budget : dépensez-le une fois.
Le bouton hors contexte
« Démarrer maintenant » au milieu d'un paragraphe explicatif. Le bouton arrive quand la motivation est haute, pas quand il reste de la place.
Le mobile traité en second
Bouton trop petit, barre fixe qui recouvre le texte, état de survol inopérant au doigt. Le mobile est majoritaire : il se conçoit en premier.
Tester sans se raconter d'histoires
01 — Définir l'indicateur avant le test
Taux de clic, conversion finale, ou revenu attribué ? Sans réponse écrite avant de lancer, vous trouverez toujours un chiffre qui valide ce que vous espériez.
02 — Une variable à la fois
Changer le texte, la couleur et la position en même temps ne produit aucune information exploitable. Une variable, mesurée sur deux à quatre semaines.
03 — Assez de volume pour conclure
Repère empirique : au moins un millier de vues par variante pour détecter un écart de l'ordre de 20 %. En dessous, vous mesurez du bruit et vous en tirez des conclusions.
04 — Mesurer là où c'est déjà branché
Analytics suffit dans la plupart des cas. Un outil d'expérimentation dédié ne se justifie qu'à partir d'un volume que la plupart des sites n'atteignent jamais.
FAQ
Quelle couleur convertit le mieux ?
Aucune couleur n'est meilleure dans l'absolu. Ce qui compte est le contraste avec le reste de la page. Tester rouge contre vert sans rien changer d'autre est le test à plus faible rendement du domaine : le libellé et l'emplacement pèsent bien plus lourd.
Peut-on répéter le même bouton sur une page ?
Oui, et il le faut sur une page longue. Le bouton principal réapparaît deux à quatre fois, aux moments où la motivation remonte : après une objection levée, après une preuve, en fin de page. Ce qu'il ne faut pas multiplier, ce sont les actions différentes.
Un bouton peut-il être trop direct ?
Oui, et c'est fréquent en B2B. « Achetez maintenant » sur une prestation à cinq chiffres paraît déplacé, parce que la demande ne correspond pas à l'étape où se trouve le lecteur. « Réserver un appel » demande un engagement proportionné.
Faut-il afficher un numéro de téléphone ?
Un lien de prise de rendez-vous convertit mieux qu'un numéro affiché. Appeler un inconnu demande un effort que la grande majorité des visiteurs ne fera pas, et le créneau réservé crée un engagement que le numéro ne crée pas.
De combien un bon bouton augmente-t-il la conversion ?
Les fourchettes qui circulent — « +30 à +200 % » — ne veulent rien dire hors contexte, et je n'ai pas trouvé d'étude accessible qui les étaye. Ce qui est vérifiable : l'écart dépend surtout du point de départ. Passer d'un bouton illisible à un bouton correct rapporte beaucoup plus que passer d'un bon bouton à un excellent.
Sources
- Apple, Human Interface Guidelines
- Google, Material Design : boutons
- Nielsen Norman Group, guide de rédaction d'interface
- HubSpot, données sur les call to action personnalisés
- Unbounce, rapport de référence sur la conversion
