CTA : bonnes pratiques et exemples de boutons pour vous inspirer

Qu’est-qu’un call to action?

Si vous avez déjà parcouru certains sites Web, vous avez probablement cliqué sur des milliers de call to action auparavant. Communément appelé CTA ou bouton d’action, il s’agit d’un bouton conçu pour obtenir une réponse immédiate de la personne qui le voit (sur un site, une application mobile, une newsletter, une publicité en ligne, etc). Cette réponse est toujours un clic et lorsque vous cliquez dessus, une action doit se produire : une fenêtre contextuelle s'ouvre, une nouvelle page est ouverte, etc.

Quand utiliser un CTA? 

Vous pouvez utiliser un call to action lorsque vous souhaitez inviter votre visiteur à accomplir une tâche sans la lui imposer lors de sa visite. En cliquant sur le bouton, l’utilisateur fait le choix d’accomplir la tâche proposée. Voici quelques exemples de situations où l'appel à l'action peut être utilisé :

• Inviter votre visiteur à ajouter un produit au panier du site : AJOUTER AU PANIER

• Inviter votre client à en savoir plus sur votre entreprise : EN SAVOIR PLUS SUR NOTRE SERVICE DE CONSEIL

• Encourager le visiteur à appeler l'entreprise : APPELEZ-NOUS MAINTENANT POUR UNE CONSULTATION GRATUITE

• Inviter votre utilisateur à s'inscrire à votre newsletter : ABONNEZ-VOUS MAINTENANT

• Télécharger un livre électronique (e-book) : TELECHARGEZ LE LIVRE BLANC GRATUITEMENT

• Augmentez votre nombre de followers sur les réseaux sociaux : OBTENEZ UN COUPON DE REDUCTION EN NOUS SUIVANT SUR FACEBOOK

• Aidez votre visiteur à faire un don : FAITES UN DON DE 5 € MAINTENANT

À quoi ressemble un call to action ?

Un CTA est composé d'une phrase écrite sur une forme colorée. Les formes de boutons peuvent varier (rectangulaire, ovale, etc.), il n'y a pas de forme correct ou incorrect, ni de couleur ou de texte correct ou incorrect. Certaines règles générales doivent être respectées car l'objectif est toujours de trouver le combo qui fonctionne le mieux pour votre application, votre site Web, votre newsletter, etc.

Voici quelques exemples d'excellents CTA, comme vous le verrez, les couleurs, les phrases et les formes ne sont pas les seules choses qui varient d’un call to action à un autre. En fait, dans certains cas, il est intéressant d'ajouter plus de détails en ajoutant une phrase sous le bouton. Cette phrase peut rassurer votre visiteur "30 jours d'essai gratuit" ou ajouter un sentiment d'urgence "L'offre expire dans 4 heures".

A/B tasty 

Chez A/B tasty, le call to action se démarque bien du reste de la page. Il est de forme rectangulaire à angles droits. Le texte est clair, en cliquant dessus vous demanderez une démo personnalisée du produit. 

Ce CTA est donc visible, clair et pertinent quant à l’action demandée à l’utilisateur.

Swile 

Chez Swile, l’entreprise qui propose des tickets resto sous forme dématérialisée, le CTA a une forme ovale et se démarque également du reste de la page grâce à deux éléments graphiques :

• La couleur du CTA (bleu foncé) se démarque du reste de la page qui est blanc

• Un effet de dégradé de couleur entourant le CTA permet de le mettre davantage en exergue.

Ici encore le CTA est visible, clair et pertinent pour l’utilisateur qui sait qu’en cliquant il aura la possibilité de tester le service Swile.

Qonto

Chez Qonto, le bouton d’action est rectangulaire à bords arrondis. Qonto est une néo-banque est le call to action est clair sur la tâche à accomplir « ouvrir un compte ». 

L’élément différenciant de Qonto est que le CTA est accompagné d’un élément de réassurance apparaissant en dessous du bouton « 30 jours gratuits – Sans engagement ».  Cette phrase permet de rassurer les clients et de les inviter à tester le service. 

Marcel

Sur le site de Marcel, l’application de VTC 100% électriques, le CTA est accolé à un champ de saisie de numéro de téléphone. Afin que les visiteurs remplissent le champ en confiance et accèdent facilement au service, l’entreprise a ajouté une mention de réassurance afin d’informer le visiteur sur l’utilisation de son numéro de téléphone. 

L’ensemble de ces informations permettent d’avoir un CTA est clair et pertinent puisqu’en cliquant dessus, le visiteur sait qu’il recevra le lien de téléchargement de l’app sur son mobile.

Hootsuite, Trello & Automation anywhere :

Les 3 entreprises ci-dessous utilisent le même procédé pour leur call to action : ils ajoutent un élément de réassurance important au sein même du CTA, cet élément est la gratuité du service. 

Qu’il s’agisse d’un essai gratuit de quelques jours ou un service totalement gratuit, l’ajouter dans son CTA encourage l’utilisateur à cliquer sur le bouton et à s’inscrire. 

Automation anywhere

Hootsuite

En plus de son CTA principal, l’entreprise propose également un call-to-action secondaire qui permet au visiteur de comparer les prix des forfaits proposés. 

Trello

Trello simplifie la démarche de l’utilisateur en mettent en avant le champ de l’email directement sur la homepage. Ainsi lorsque le visiteur clique sur « inscrivez-vous, c’est gratuit » il est déjà engagé dans sa démarche d’inscription puisqu’il a entré son adresse email.

Coinbase

Coinbase, une plateforme d’achat et vente de cryptomonnaies, utilise un texte fort et incitatif en expliquant par avance le bénéfice du service qui est « d’enregistrer des gains ». Il s’agit d’un procédé très intéressant puisqu’il met en avant l’avantage que le visiteur tirera du service. 

Samsara 

Samsara, une entreprise de gestion logistique n’hésites pas à utiliser des call to action longs pour plus de pertinence. Dans l’exemple ci-dessous, l’entreprise utilise la formulation « voir les solutions pour le transport frigorifique » plutôt qu’un CTA « en savoir plus » ou « découvrir ». Le texte utilisé par l’entreprise est explicite, clair et efficace. 

MachineryZone 

MachineryZone, un site d’annonces de matériel de travaux et bâtiments utilise un call to action composé d’un texte et d’une icône afin de rendre le propos plus clair et compréhensible.

Qu’est-ce qu’un CTA efficace ?

Un call to action efficace est un call to action qui convertit c’est-à-dire qui invite au clic. Pour créer la meilleure combinaison texte + couleur + forme pour votre site nous vous recommandons de tester plusieurs versions de vos CTA les plus importants. L’A/B testing est une des meilleures méthodes pour tester deux versions du bouton en même temps pour vérifier la version qui performe le mieux auprès de vos visiteurs. L’idéal est par ailleurs de tester régulièrement vos call to action afin de vous assurer qu’ils correspondent bien aux attentes de vos visiteurs. 

Pour finir, nous aimerions faire un récapitulatif des 6 éléments à prendre en considération lors de la création ou l’optimisation de vos boutons d’action. Afin d’augmenter l’efficacité de votre call to action celui-ci doit :

   • Être visible : il doit ressortir par rapport aux autres éléments. Il doit être assez grand et dans une couleur qui se démarque de la page.

   • Agir comme un CTA : c’est-à-dire qu’il doit ressembler à un bouton et qu’une animation doit se produire au passage de la souris afin de montrer au visiteur qu’une action se produira au clic. 

   • Être pertinent : par rapport au contenu de la page

   • Être clair : il doit être compris facilement par vos visiteurs ex : « Simuler ma demande de crédit » plutôt que « découvrir » 

   • Explicatif : par rapport aux bénéfices à tirer du service ou à l’action résultant du clic : Télécharger le e-book, s’inscrire à la newsletter, etc.

   • Incitatif grâce à des mots tels que « maintenant », « immédiatement », « dès aujourd’hui », « essai gratuit »