Apposer sa signature sur un contrat. Dire «Oui, je le veux» lors d’un mariage. Faire un premier pas sur la lune. Tous ces gestes ont en commun d’ĂŞtre courts, simples, mais lourds de consĂ©quences.

Cliquer sur un bouton d’appel Ă  l’action s’inscrit dans cette lignĂ©e.

Une action simple, d’apparence anodine, mais qui vous permet d’amĂ©liorer votre taux de conversion en obtenant plus d’abonnĂ©s, d’utilisateurs, et de clients.

Vous l’aurez compris, on ne néglige pas la réflexion autour du bouton d’appel à l’action.

Alors, comment on fait, concrètement? 🤔

Suivez le guide avec nos 15 exemples de boutons d’appel Ă  l’action, pour enfin convertir vos visiteurs!

Qu’est-ce qu’un bouton d’appel Ă  l’action?

Un bouton d’appel Ă  l’action (ou call to action button) est un Ă©lĂ©ment cliquable qui incite un visiteur Ă  effectuer une action. Par exemple, acheter un produit, tĂ©lĂ©charger une application, s’inscrire Ă  une newsletter, etc.

Très souvent, un CTA est l’Ă©lĂ©ment principal d’une page d’atterrissage (ou landing page). On accède souvent Ă  ces pages en cliquant sur une publicitĂ© (sur les rĂ©seaux sociaux, Google, ou autres) ou sur un lien reçu par courriel. Elles ont pour seul but d’inciter leurs visiteurs Ă  effectuer une action en particulier.

👉 En savoir plus sur ce qu’est une page d’atterrissage.

Pourquoi les boutons d’appel Ă  l’action sont-ils importants?

Le bouton d’appel Ă  l’action est l’Ă©lĂ©ment central d’une page d’atterrissage.

Tous les efforts que vous avez dĂ©ployĂ©s pour attirer des clients potentiels vers votre page d’atterrissage tombent Ă  l’eau s’ils ne cliquent pas sur ce fameux bouton. Un bon taux de conversion passe par un bouton de CTA persuasif. Maintenant que vous avez bien compris l’importance du bouton d’appel Ă  l’action, passons Ă  la pratique!

Nos 15 conseils pour des boutons d’appel Ă  l’action performant

1. Utilisez des verbes appelant Ă  l’action

Encouragez votre visiteur à agir en vous adressant directement à lui. Votre bouton pourrait par exemple afficher «Téléchargez le PDF» à la place de «Téléchargement du PDF».

Bouton d'appel Ă  l'action. Verbe incitatif.

2. Appelez Ă  l’action immĂ©diate

Des mots tels que Maintenant, Aujourd’hui, ImmĂ©diatement, Tout de suite, ont tendance Ă  crĂ©er un sentiment d’urgence et Ă  inciter le visiteur Ă  agir sans tarder. Ces termes peuvent aussi faire comprendre au visiteur que le bouton lance un processus immĂ©diat, court, qu’il peut obtenir ce qu’il cherche sans dĂ©lai.

Bouton d'appel à l'action. Appeler à l'action immédiate.

3. Évitez les textes génériques

Le texte de votre bouton doit ĂŞtre en rapport direct avec ce que vous proposez. L’utilisateur sera davantage portĂ© Ă  cliquer s’il sait exactement ce que le bouton implique. N’utilisez pas des termes tels que «soumettre» ou «continuer». Dites prĂ©cisĂ©ment Ă  votre utilisateur ce qu’il s’apprĂŞte Ă  faire. Par exemple, «RĂ©servez votre siège» ou «Inscrivez-vous au cours».

Bouton d'appel à l'action dont le texte est spécifique, directement lié à l'offre en question.

4. Raccourcissez vos textes

Le bouton CTA doit encourager l’utilisateur Ă  agir. Un texte long ou ambigu pourrait freiner votre utilisateur, le faire hĂ©siter. Évitez les mots trop longs ou inusitĂ©s, sur lesquels on risque de buter. Un bouton efficace doit ĂŞtre compris en un seul coup d’Ĺ“il.

Bouton d'appel Ă  l'action dont le texte est court.

5. Distinguez votre bouton d’appel Ă  l’action de vos autres boutons – mais pas trop!

Le bouton d’appel Ă  l’action est le bouton le plus important sur votre page. Il doit attirer l’attention du visiteur, et ne pas ĂŞtre occultĂ© par une panoplie de boutons secondaires. 

Pensez-donc Ă  le distinguer visuellement, Ă  l’aide de paramètres tels que la taille, la couleur ou la police.

Ceci Ă©tant dit, veillez Ă  ce qu’il ne soit pas complètement diffĂ©rent des autres boutons de votre site. Si tous les boutons de votre site sont rectangulaires et de la mĂŞme taille, mais que votre bouton d’appel Ă  l’action est huit fois plus gros et en forme de dodĂ©cagone, le visiteur pourrait ĂŞtre confus et ne pas rĂ©aliser que votre bouton d’appel Ă  l’action est un Ă©lĂ©ment cliquable.

Cette page, par exemple, contient un bouton d’appel Ă  l’action (indiquant «Contactez-nous») et des boutons secondaires permettant de sĂ©lectionner la durĂ©e d’un contrat. L’appel Ă  l’action ressort grâce Ă  sa couleur rouge et l’espace libre sur sa gauche et sa droite. 

On notera que, par souci de clarté et de cohérence, tous les boutons ont le même format rectangulaire.

Bouton d'appel à l'action distinct des autres boutons, mais l'ensemble est assez homogène.

6. Faites en sorte que votre bouton ait l’air «cliquable»

Les gens passent un temps fou sur Internet et cliquent sur une quantité inouïe de boutons.

Chaque utilisateur Internet a donc une reprĂ©sentation mentale de ce Ă  quoi ressemble un bouton cliquable. Celle-ci est une sorte de moyenne de tous les boutons sur lesquels il a cliquĂ©. Votre bouton d’appel Ă  l’action a donc intĂ©rĂŞt Ă  se conformer Ă  ce modèle.

Un bouton typique est de forme rectangulaire (dont les coins peuvent ĂŞtre arrondis). Le bouton se dĂ©tache de l’arrière-plan du site grâce Ă  une couleur contrastante. Le texte Ă  l’intĂ©rieur du bouton se dĂ©tache du reste du bouton, encore une fois grâce Ă  des couleurs contrastantes.

Cet exemple, qui nous vient de Glovory Design, montre quelques boutons d’apparence cliquable Ă  gauche et d’autres, d’apparence-non cliquable, Ă  droite.

Boutons d'appel Ă  l'action qui ont une apparence cliquable.

7. Choisissez votre bonne couleur

Il n’existe pas de consensus scientifique quant Ă  la couleur optimale pour un bouton CTA. Par contre, le vert est souvent utilisĂ©, puisque associĂ© Ă  ce qui est permis, encouragĂ©, ouvert.

Le vert est une solution courante, mais les possibilitĂ©s sont nombreuses. La couleur du bouton d’appel Ă  l’action doit Ă  la fois s’harmoniser avec l’ensemble du site web et crĂ©er un contraste avec la couleur d’arrière-plan, permettant au bouton de ressortir.

La couleur du bouton d’appel Ă  l’action est un paramètre facile Ă  tester. Vous pouvez très bien effectuer un test A/B en conservant le mĂŞme texte et en essayant diffĂ©rentes couleurs, pour dĂ©terminer ce qui fonctionne le mieux dans votre cas.

Bouton d'appel à l'action. Choisir la bonne couleur - contraste et lisibilité.

8. PrĂ©voyez suffisamment d’espace vide autour du bouton

Laisser suffisamment d’espace vide entre les paragraphes et dans les marges peut rendre un texte environ 20% plus comprĂ©hensible. L’espace autour du bouton doit donc ĂŞtre dĂ©gagĂ©, de manière Ă  ce qu’il ressorte et qu’il soit bien lisible.

Bouton d'appel à l'action autour duquel on laisse assez d'espace vide. Améliore la lisibilité.

9. Évitez la démesure: less is more

Sur certains sites de qualitĂ© douteuse, on tombe parfois sur des boutons ostentatoires, qui clignotent et promettent monts et merveilles. Du genre «GAGNEZ 10 000$ PAR JOUR IMMÉDIATEMENT». Plusieurs utilisateurs Internet associent donc les boutons trop visibles et insistants aux arnaques. ModĂ©rez vos ardeurs lorsque vous concevez vos boutons d’appel Ă  l’action.

Bouton d'appel Ă  l'action trop visible et insistant. Ressemble Ă  une arnaque.

10. Positionnez-le stratégiquement

Offre qui n’engage Ă  rien

Si votre offre ne requiert pas de sĂ©ance d’information et de persuasion, placez votre bouton d’appel Ă  l’action en dĂ©but de page. Par exemple, si vous offrez un PDF gratuit ou une inscription Ă  une newsletter, le visiteur moyen n’aura pas besoin de se faire convaincre très longtemps. Cliquer sur le bouton est sans risques.

Sur l’exemple, l’appel Ă  l’action est au dĂ©but de la page, l’offre Ă©tant gratuite.

Bouton d'appel à l'action en début de page, l'offre étant gratuite.

Offre qui demande investissement et réflexion

Par contre, si vous proposez au visiteur de s’engager, de dĂ©penser, il pourrait ĂŞtre nĂ©cessaire de communiquer certaines informations avant de lancer un appel Ă  l’action. Vous pourriez donc d’abord lui expliquer les bĂ©nĂ©fices offerts et le rassurer. Puis, placer le bouton CTA Ă  la fin de la page.

Solution hybride

Il est tout Ă  fait possible de placer un premier bouton en dĂ©but de page, pour les visiteurs dĂ©cidĂ©s Ă  l’avance. Puis, un second bouton en fin de page, suite aux explications. Les deux boutons ont intĂ©rĂŞt Ă  ĂŞtre exactement les mĂŞmes, de manière Ă  ce que votre visiteur comprenne qu’il n’y a bel et bien qu’une seule offre.

11. RĂ©duisez la perception de risque

Les gens hĂ©sitent Ă  entreprendre une action si elle semble comporter des risques. Votre bouton d’appel Ă  l’action peut rassurer votre utilisateur.

Si votre produit est gratuit, insistez sur ce point. Par exemple, «Inscrivez-vous gratuitement». Cette approche est particulièrement utile dans le cas des versions d’essai gratuites. Rassurez vos clients potentiels, en leur assurant qu’ils s’apprĂŞtent Ă  tĂ©lĂ©charger une version d’essai gratuite, et non pas la version complète et payante. Par exemple «Commencez votre essai gratuit».

Tel qu’indiquĂ© dans notre guide complet sur la rĂ©daction web, «Gratuit» est le deuxième mot le plus convertissant sur Internet.

Bouton d'appel Ă  l'action insistant sur l'offre gratuite.

12. Utilisez un texte à la première personne

Faites parler vos clients potentiels Ă  travers votre bouton d’appel Ă  l’action. Par exemple, votre bouton pourrait afficher «Oui, je veux m’inscrire». Ces textes Ă  la première personne peuvent donner l’impression d’ĂŞtre en contrĂ´le, de prendre soi-mĂŞme une dĂ©cision, plutĂ´t que d’obĂ©ir aux commandes d’une page web.

L’expert en conversion Michael Aagaard a enregistrĂ© une hausse de son taux de clic de 90% en passant de Get your 30-day trial Ă  Get my free 30-day trial.

Bouton d'appel à l'action écrit à la première personne.

13. Utilisez un texte à la deuxième personne du singulier ou du pluriel

CrĂ©ez un rapport avec votre client en vous adressant directement Ă  lui. Par exemple «Inscris-toi» ou «Inscrivez-vous» est plus personnel, plus humain, que «S’inscrire».

Bouton d'appel à l'action écrit à la deuxième personne.

14. Ajoutez une image du produit au-dessus du bouton

Si votre page vend un produit, une mĂ©thode intĂ©ressante consiste Ă  placer une photo de celui-ci juste au-dessus du bouton CTA. Cette photo est sĂ©curisante, elle confirme au client qu’il est bel et bien en train d’acheter le bon produit.

Bouton d'appel Ă  l'action au-dessus duquel on affiche une photo du produit.

15. N’incluez qu’un seul bouton d’appel Ă  l’action par page

Le choix est paralysant. Lorsque les humains hĂ©sitent, il n’est pas rare qu’ils dĂ©cident de ne rien faire, de ne pas choisir. Chaque page doit ĂŞtre associĂ©e Ă  une seule offre, et un seul bouton d’appel Ă  l’action doit y donner accès.

Sur cette image, on ne dĂ©nombre pas moins de six boutons d’appel Ă  l’action. Une sĂ©rie de trois boutons dans le coin supĂ©rieur droit (numĂ©ro de tĂ©lĂ©phone cliquable, Make an enquiry, Request a callback). Un quatrième un peu plus bas, Bell Lax Open For Business. Pour finir, Accident Claims dans le coin infĂ©rieur droit et Please call me tout en bas de la page. Difficile de s’y retrouver.

Boutons d'appel Ă  l'action trop nombreux sur une mĂŞme page.

Les appels Ă  l’action n’ont plus de secrets pour vous

Tous ces conseils dĂ©coulent d’un seul grand principe: l’expĂ©rience utilisateur. Il est important de se mettre dans la peau de son visiteur. La crĂ©ation d’un bouton d’appel Ă  l’action est avant tout un exercice psychologique. Votre bouton doit ĂŞtre visible, explicite, motivant, rassurant.

Vous avez maintenant les outils nĂ©cessaires pour Ă©crire des appels Ă  l’action qui convertissent, et ainsi (enfin!) amĂ©liorer votre taux de conversion. ÉquipĂ© de la sorte, vous pouvez ĂŞtre en mesure de booster les performances de vos campagnes publicitaires, par exemple Ă  travers Google Ads.

Ce contenu vous a plu?
[Total: 9 Moyenne: 5]
Envie de propulser vos affaires sur le web?

This field is for validation purposes and should be left unchanged.
Alexandre est co-fondateur du collectif Intégral, qui regroupe 4 agences spécialisées en marketing numérique à Montréal et Paris. Ex consultant en stratégie, il fait un virage à 180 degrés en 2017 pour devenir expert numérique 360. Il se spécialise désormais en stratégie web, marketing de contenu et jokes de papa.

Discutons dès aujourd’hui!

Nous nous ferons un plaisir de vous répondre!

This field is for validation purposes and should be left unchanged.