Un call to action invite le visiteur à passer à l'étape suivante : devis, inscription, achat. Comment le rédiger, le mettre en forme, le placer et le mesurer, avec des exemples selon le type de site.
Un call to action (CTA), ou appel à l’action, est l’élément qui invite le visiteur à faire l’étape suivante : demander un devis, s’inscrire, acheter, télécharger. Le plus souvent, c’est un bouton ou un lien avec un verbe d’action (« Demander un devis », « Ajouter au panier »). Un bon CTA est visible, dit clairement ce qui se passera après le clic, et arrive au moment où le lecteur est prêt à agir.
On voit ici à quoi sert un CTA, les différentes formes qu’il peut prendre, comment le rédiger et le mettre en forme, des exemples selon le type de site, les règles à respecter en e-commerce et les erreurs les plus courantes.
- Qu’est-ce qu’un call to action ?
- Pourquoi les CTA sont-ils si importants ?
- Quelles formes peut prendre un CTA ?
- Comment rédiger un bon call to action ?
- Comment mettre en forme un bouton CTA ?
- Quels exemples de CTA selon le type de site ?
- Comment mesurer l’efficacité d’un CTA ?
- Quelles erreurs éviter ?
- Questions fréquentes
- Sources
Qu’est-ce qu’un call to action ?
Un call to action (en français, appel à l’action ou incitation à l’action) est une invite qui indique à l’utilisateur quelle action accomplir. Il est généralement formulé comme une consigne ou une phrase d’action, par exemple « Inscrivez-vous » ou « Acheter maintenant », et prend le plus souvent la forme d’un bouton ou d’un lien.
La notion existait bien avant le web, dans la publicité et le marketing direct : « Commandez dès aujourd’hui », « Renvoyez le coupon ». Sur un site, il désigne tout élément qui fait avancer le visiteur dans son parcours, de la première visite jusqu’à la conversion.
Pourquoi les CTA sont-ils si importants ?

Le CTA agit comme un panneau indicateur. Sans lui, le visiteur ne sait pas quelle est la prochaine étape pour acheter un produit, vous contacter ou s’inscrire à une newsletter, et il repart souvent sans avoir rien fait. Tout le travail fait en amont (référencement, publicité, rédaction, design) n’a alors servi à rien.
Prenons un article de blog : s’il se termine sans aucune suite proposée, le lecteur ferme l’onglet. S’il se termine par une invitation à lire un article complémentaire, à s’abonner à la newsletter ou à demander un audit, une partie des lecteurs poursuit. Un CTA réduit la friction : il retire au visiteur l’effort de chercher quoi faire.
Il peut y avoir plusieurs CTA sur une même page, à condition qu’ils soient hiérarchisés : une action principale mise en avant, et des actions secondaires plus discrètes pour ceux qui ne sont pas encore prêts.
Quelles formes peut prendre un CTA ?
- Le bouton : la forme la plus évidente, sur une page d’accueil, une fiche produit ou une landing page.
- Le lien dans le texte : discret, adapté aux articles et aux actions secondaires.
- Le formulaire : champ d’inscription à une newsletter, formulaire de demande de devis.
- La bannière ou l’image cliquable, sur un site ou dans un e-mail.
- Le CTA dans un e-mail : un bouton ou un lien qui mène vers une page précise.
- Le CTA dans une publicité : les réseaux sociaux et les régies publicitaires proposent des boutons prédéfinis (« En savoir plus », « Acheter », « S’inscrire »).
- Le CTA oral, en fin de vidéo ou de podcast.
Comment rédiger un bon call to action ?
Le texte du bouton est un bel exemple de microcopie : quelques mots qui font une grande différence. Quelques règles :
- Commencer par un verbe d’action : « Télécharger le guide », « Réserver une table », « Comparer les offres ».
- Dire ce qui va se passer. Le Nielsen Norman Group recommande depuis longtemps de remplacer les liens génériques du type « En savoir plus » par des libellés qui décrivent la destination : le visiteur sait à quoi s’attendre, et les utilisateurs de lecteurs d’écran, qui parcourent souvent la liste des liens hors contexte, aussi.
- Mettre en avant le bénéfice plutôt que l’effort : « Recevoir mon devis gratuit » parle mieux que « Envoyer le formulaire ».
- Rester court : deux à cinq mots suffisent en général sur un bouton.
- Lever les freins juste à côté : une courte phrase sous le bouton (« Sans engagement », « Réponse sous 48 h », « Désinscription en un clic ») rassure au moment de cliquer, à condition qu’elle soit vraie.
- Adapter le ton au degré d’engagement : on ne demande pas « Acheter » à quelqu’un qui découvre votre marque ; « Voir les tarifs » ou « Voir un exemple » sont des étapes plus douces.
La première personne (« Je veux mon devis ») ou la deuxième personne (« Demandez votre devis ») ? Il n’existe pas de règle universelle : c’est typiquement le genre de question que tranche un test A/B sur votre propre audience.
Comment mettre en forme un bouton CTA ?
- Il doit ressembler à un bouton : forme rectangulaire aux coins arrondis, couleur pleine, éventuellement une bordure. Les études du Nielsen Norman Group sur les éléments cliquables montrent que les visiteurs se fient à ces signaux visuels pour savoir ce qui est cliquable, et qu’un design trop plat les fait hésiter.
- Il doit contraster avec le fond. Les règles d’accessibilité WCAG 2.2 demandent un contraste d’au moins 4,5:1 pour le texte (critère 1.4.3) et d’au moins 3:1 pour les composants d’interface par rapport à ce qui les entoure (critère 1.4.11).
- Il doit être assez grand pour le doigt : au minimum 24 × 24 pixels CSS selon le critère 2.5.8 (niveau AA), et idéalement 44 × 44 pixels CSS (critère 2.5.5, niveau AAA). Sur mobile, c’est ce qui évite les clics ratés.
- Une seule action principale par écran : si tous les boutons ont la même couleur vive, plus aucun ne ressort. Les actions secondaires prennent un style plus discret (bouton contour, lien).
- Il doit être bien placé : là où le visiteur a eu les informations nécessaires pour décider, et répété sur les pages longues. La hiérarchie visuelle de la page doit guider le regard vers lui.
Quels exemples de CTA selon le type de site ?

| Contexte | CTA principal | CTA secondaire |
|---|---|---|
| Blog | S’abonner à la newsletter | Lire l’article suivant, partager |
| Site vitrine d’artisan ou de PME | Demander un devis | Voir nos réalisations, écrire un e-mail |
| Entreprise B2B, logiciel | Demander une démo, commencer l’essai gratuit | Télécharger la fiche produit, voir les tarifs |
| E-commerce, fiche produit | Ajouter au panier | Ajouter à mes favoris, voir le guide des tailles |
| E-commerce, dernière étape | Commander avec obligation de paiement | Modifier mon panier |
| Restaurant, hôtel | Réserver | Voir la carte, itinéraire |
| E-mail promotionnel | Profiter de l’offre | Voir toute la collection |
En e-commerce, le dernier bouton est encadré par la loi. En France, le bouton qui valide la commande doit comporter la mention « Commande avec obligation de paiement » ou une formule similaire dénuée d’ambiguïté. Un simple « Valider » ou « Continuer » ne suffit pas à cette étape. Vérifiez le libellé de votre tunnel de commande, surtout si votre thème ou votre extension est traduit de l’anglais.
Comment mesurer l’efficacité d’un CTA ?
Deux indicateurs suffisent pour commencer :
- Le taux de clic : nombre de clics sur le CTA divisé par le nombre de personnes qui l’ont vu. Notre article sur le taux de clics (CTR) détaille le calcul.
- Le taux de conversion : combien de personnes vont au bout de l’action (formulaire envoyé, commande payée). Un CTA très cliqué qui mène à une page décevante ne sert à rien.
Configurez des événements de clic dans votre outil de statistiques, observez les cartes de chaleur pour voir si le bouton est vu, puis testez une seule variable à la fois (texte, couleur, position). Si vous voulez une approche globale, un travail de stratégie digitale permet de définir l’action attendue sur chaque page avant de dessiner les boutons.
Quelles erreurs éviter ?
- Pas de CTA du tout, ou seulement un lien « Contact » perdu dans le menu.
- Des libellés vagues : « Cliquez ici », « Envoyer », « En savoir plus » répété dix fois sur la même page.
- Trop d’actions au même niveau : le visiteur hésite et ne choisit rien.
- Une promesse non tenue : un bouton « Devis gratuit » qui mène à un formulaire de quinze champs, ou « Télécharger » qui exige d’abord de créer un compte.
- Des techniques de pression trompeuses : faux compte à rebours, fausse rupture de stock, bouton de refus culpabilisant. Elles peuvent faire cliquer à court terme mais abîment la confiance, et certaines peuvent relever des pratiques commerciales trompeuses.
- Un bouton illisible ou trop petit sur mobile.
- Oublier la page d’arrivée : le CTA n’est que la porte, la page qui suit doit tenir la promesse.
Si vous préparez un nouveau site ou une refonte, c’est le bon moment pour définir l’action principale de chaque page. C’est une décision à prendre dès la maquette, avant le design final, lors d’une création de site internet.
Questions fréquentes
Que veut dire CTA ?
CTA signifie call to action, en français appel à l’action ou incitation à l’action : l’élément qui invite le visiteur à accomplir une action précise.
Combien de CTA mettre sur une page ?
Un seul CTA principal par page ou par écran, éventuellement répété sur une page longue, et un ou deux CTA secondaires plus discrets. L’important est que l’action principale ne soit jamais en concurrence avec les autres.
Quelle couleur choisir pour un bouton CTA ?
Il n’existe pas de couleur magique. Choisissez une couleur de votre charte qui contraste nettement avec le fond et avec le reste de la page, respecte les seuils d’accessibilité, et réservez-la aux actions principales.
Où placer un call to action ?
Là où le visiteur a assez d’informations pour décider : en haut de page pour une offre simple et connue, après les arguments pour une offre plus engageante, et à la fin des contenus longs.
Un lien texte peut-il être un CTA ?
Oui. Dans un article, un lien bien formulé au bon endroit est souvent plus naturel qu’un bouton, surtout pour les actions secondaires.
Sources
- Nielsen Norman Group : « Learn More » Links: You Can Do Better
- Nielsen Norman Group : rendre les éléments cliquables reconnaissables
- W3C : WCAG 2.2, critère 1.4.3 Contraste minimum
- W3C : WCAG 2.2, critère 1.4.11 Contraste du contenu non textuel
- W3C : WCAG 2.2, critère 2.5.8 Taille de la cible (minimum)
- W3C : WCAG 2.2, critère 2.5.5 Taille de la cible (renforcé)
- Entreprendre.Service-Public.gouv.fr : les règles du commerce en ligne





