Quels sont des exemples de bons boutons d'appel à l'action (CTA) ?

Lorsque nous concevons une page web, nous devons planifier le parcours de l'utilisateur à travers notre site. La navigation dans le contenu doit mener à effectuer une action, par exemple faire un achat, entrer en contact ou s'abonner à la newsletter. Un bouton CTA est un élément qui, lorsqu'il est utilisé correctement, peut aider votre entreprise à augmenter le taux de conversion. Découvrez ce qu'est un call to action et comment créer des boutons de call to action efficaces. Découvrez les exemples les plus intéressants de CTA.

Qu'est-ce qu'un CTA ?

L'acronyme CTA signifie call to action. Ce terme est utilisé pour décrire un élément qui emmène l'utilisateur vers une autre page au sein du site web ou qui permet d'effectuer une action spécifique. Le plus souvent, il se présente sous la forme d'un bouton ou d'un lien accompagné d'un court slogan. Le CTA est un élément interactif d'un site web. Cela signifie que lorsque l'utilisateur interagit avec celui-ci (en cliquant dessus), une action se produira, par exemple un message, un formulaire ou un champ de connexion apparaîtra, ou la personne sera transférée vers une autre page dans le site donné (par exemple vers une page de contact) ou à l'extérieur de celui-ci (par exemple vers une page de destination).

La fonction de base d'un call to action est de motiver l'utilisateur à agir et de l'aider à effectuer une certaine action (par exemple, se diriger vers un formulaire ou passer une commande), augmentant ainsi l'efficacité du site web d'une entreprise. Les objectifs de la création d'un tel bouton peuvent être presque aussi nombreux que les buts que l'organisation souhaite atteindre à l'aide d'une page web d'entreprise. Un call to action peut vous aider à augmenter le taux de conversion, obtenir des prospects ou guider les utilisateurs vers des sous-pages spécifiques.

Les boutons CTA peuvent apparaître dans diverses zones d'un site web (par exemple sur des blogs, des sous-pages d'offres, un formulaire, un pop-up, etc.). Ils sont généralement plus efficaces lorsque leur placement a été soigneusement considéré.

À quoi devrait ressembler un bouton CTA ?

Les appels à l'action peuvent varier en taille, apparence et contenu - tout dépend de l'objectif que vous souhaitez atteindre avec eux. Un bouton call to action devrait être suffisamment visible pour attirer l'attention. Vous devez garder à l'esprit, cependant, que même si c'est important, ce n'est qu'un des nombreux composants d'un site web, donc il ne devrait pas prendre trop de place. Pour qu'un CTA se démarque du reste de la page, il peut être légèrement plus grand que d'autres éléments, avoir une couleur vive, et parfois aussi une forme inhabituelle.

Comment rédiger un call to action ?

Le texte d'un call to action doit être assez court, mais aussi original et accrocheur. Bien qu'il contienne généralement juste un slogan de un à trois mots, il arrive parfois qu'une phrase complète apparaisse sur un bouton.

Tout le monde a probablement déjà vu un bouton avec le mot Cliquez ici plus d'une fois dans sa vie. C'est une solution classique et simple, mais elle n'est pas très originale et ne fournit pas beaucoup d'informations. Il est assez important qu'un call to action contienne des informations sur l'action qui se produira lorsqu'on clique dessus. Par conséquent, il vaut mieux écrire Commencez une période d'essai au lieu de Période d'essai, afin que l'utilisateur sache ce qui se passe réellement lorsqu'il interagit avec cet élément. Encore beaucoup peut être communiqué en quelques mots seulement. Par exemple, un slogan Essayer gratuitement qui vous encourage à agir montre deux avantages :

• vous pouvez essayer le produit qui vous intéresse,
• vous n'encourez aucun coût.

C'est aussi une idée intéressante de s'adresser au destinataire en utilisant la première personne du singulier. Au lieu d'écrire une incitation comme Commandez le produit, écrivez : Je veux commander le produit. Il s'avère qu'une telle approche peut augmenter le CTR (taux de clics) jusqu'à 90%. Le CTR vous indique l'efficacité des campagnes de votre entreprise.

Si vous préférez les CTAs à un seul mot, assurez-vous que le bouton soit accompagné d'un titre ou d'un court texte expliquant au client potentiel ce qu'il peut gagner en cliquant sur le CTA.

Bouton CTA - exemples

Les boutons call to action sont généralement classés selon ce que leurs créateurs ont prévu et quelle activité ils attendent de leurs clients potentiels. Un CTA peut :

• permettre de faire un achat,
• aider l'utilisateur à découvrir l'offre (boutons redirigeant l'utilisateur entre les sous-pages),
• apparaître lorsque le client veut quitter le site web (afin de le faire rester plus longtemps).

Dans ces trois catégories de base, il est également possible de distinguer d'autres types de boutons liés à des activités spécifiques.

Vente CTA

Le but de ce bouton est de lancer un processus de vente, une période d'essai, l'utilisation du produit ou de faire une réservation. Ce type de call to action est généralement mis à côté de la description d'un produit spécifique, sur une page de destination ou une page d'accueil.

1. Xero

Après avoir accédé à la description d'une des fonctionnalités de la solution Xero, vous voyez le CTA presque immédiatement, en haut de la page. Tout comme le premier bouton dans la section Hero, le call to action dans le coin supérieur droit redirige vers la page avec le formulaire qui, après remplissage, donne à l'utilisateur un accès gratuit à une période d'essai de 30 jours. Le bouton susmentionné est visible tout le temps, peu importe quelle sous-page l'utilisateur consulte. Avec le call to action visible dès les premières secondes de navigation sur le site, quel que soit l'onglet consulté, une personne redirigée vers votre site par une annonce peut commencer la période d'essai immédiatement ou en savoir plus sur la solution.

 

Le deuxième bouton dans la section Hero emmène l'internaute vers la page d'offre avec les plans décrits à choisir. Là, l'utilisateur peut immédiatement acheter le service sélectionné. Il est à noter comment le bouton le plus important (celui lié à la période d'essai) se distingue par une couleur et une forme différentes. Il est plus distinct, donc c'est le premier qui attire l'œil du client potentiel.

2. Click Funnels

En plus des boutons fixes dans le coin supérieur droit de la page web, le site Click Funnels propose également un CTA étendu dans la section Hero, accompagné d'une vidéo promotionnelle, et le contenu qui met en avant les avantages de l'outil.

 

Le call to action lui-même est assez étendu. Il y a deux phrases sur le bouton, sur deux lignes. La première motive l'utilisateur à profiter immédiatement de la période d'essai de 14 jours (Commencez maintenant) et l'informe que cette option est gratuite. La deuxième phrase informe qu'avec cet outil, un client potentiel peut immédiatement commencer à créer son propre tunnel de vente. L'avantage d'un CTA construit de cette manière est qu'il fournit aux utilisateurs plus de données utiles sur la solution offerte.

Génération de prospects CTA

Ces calls to action vous permettent de contacter l'entreprise. L'effet le plus courant du clic sur le bouton est le transfert d'un utilisateur vers un formulaire de contact ou une application (calendrier) où il peut organiser une conversation avec un conseiller client. L'utilisation de ce type de bouton peut également viser à obtenir les coordonnées d'un client potentiel, par exemple un numéro de téléphone ou une adresse e-mail.

3. Lasik MD

Le site web des cliniques ophtalmologiques Lasik MD utilise un CTA pour encourager un client potentiel à s'inscrire pour une consultation gratuite et organiser un entretien en face à face avec le conseiller. Le bouton est situé dans le menu principal et se distingue par sa couleur bleue distinctive. La zone et la couleur choisie rendent le bouton pratiquement impossible à manquer, donc l'utilisateur est conscient, dès le premier moment passé sur le site, qu'il peut profiter d'une telle offre.

 

Le CTA définit clairement quelle action le bouton rend possible (faire une réservation), et informe également que la consultation est gratuite. Cliquer sur ce call to action redirige l'utilisateur vers un formulaire lui permettant de prendre rendez-vous à la clinique.

4. Indochino

Le call to action (prendre rendez-vous) est situé dans la section Hero et juste en dessous de la ligne de pli de la page d'accueil d'Indochino. Le simple CTA Prendre rendez-vous utilise des contrastes (texte blanc sur un bouton noir) et, dans le cas de sa deuxième occurrence, se distingue par sa couleur plus sombre par rapport aux autres éléments de la page. Après avoir cliqué sur ce call to action, l'utilisateur est amené à une carte où il peut sélectionner son emplacement préféré et cliquer sur Réserver maintenant placé en dessous. Ensuite, il clique sur l'option de la liste qui correspond au but de sa visite, et dans l'étape suivante, il sélectionne la date qui lui convient le mieux sur le calendrier.

 

Bouton en savoir plus

Un call to action encourageant à en savoir plus sur un produit, un service ou une marque apparaît souvent sur la page d'accueil, près des premiers courts descriptifs de produit. Un autre endroit populaire pour un tel call to action est une page de produit qui présente un grand nombre de produits ou de services. Le CTA redirige alors généralement vers des descriptions détaillées. Le but d'un tel call to action est de prolonger le séjour de l'utilisateur sur la page et de lui permettre d'en savoir plus sur l'entreprise et son offre.

5. Here Technologies

Les CTA subtils et simples (en savoir plus) sur la page d'accueil de Here Technologies sur laquelle nous avons travaillé, vous emmènent plus loin dans la page des descriptions des produits et services, tout comme En savoir plus dans la section Hero. Les boutons sont visibles pour l'utilisateur, mais ils sont composés avec le reste de la page de manière à ne pas distraire le visiteur et à ne pas interférer avec la perception du site.

Source: Here Technologies website

Dans ce cas, le CTA permet de limiter le contenu sur la page d'accueil et en même temps informe l'utilisateur que des informations supplémentaires sont disponibles. Cela rend le site web plus lisible et organisé.

6. Get Harvest

Get Harvest utilise des CTA classiques et minimalistes avec l'encouragement Découvrez toutes les fonctionnalités sur la page d'accueil de leur solution. De cette manière, il fait comprendre au client potentiel que la solution possède de nombreux outils utiles et lui permet d'explorer davantage le site web et de mieux connaître l'offre.

 

L'entreprise invite discrètement l'utilisateur à poursuivre son parcours sur le site s'il n'est pas encore prêt à faire un achat et se donne plus de temps pour créer des associations positives avec la marque.

CTA pour l'abonnement à la newsletter

L'abonnement à une newsletter améliore la communication d'une marque avec ses utilisateurs et permet l'envoi d'informations commerciales. Un tel CTA apparaît fréquemment sur les blogs, les pages d'accueil, et les onglets "à propos de nous".

7. The Budgetnista

Pour promouvoir leur newsletter, l'éducatrice financière du site The Budgetnista a installé une section distincte sur la page d'accueil dédiée uniquement à la collecte des abonnements au mailing. Elle se compose de l'en-tête, de la photo de l'auteur, du bouton CTA Inscrivez-vous pour des bonnes choses hebdomadaires et des catégories de messages qui seront inclus dans le mailing.

 

Grâce à l'information contenue dans la section, l'utilisateur peut décider rapidement s'il est intéressé par cette newsletter particulière. Il apprend aussi à quelle fréquence il recevra des messages – le CTA fait référence à la newsletter comme Goodies Hebdomadaires, ce qui indique qu'elle sera envoyée sur une base hebdomadaire. La couleur du bouton call to action le fait ressortir sur le fond noir, et en le plaçant dans une section spéciale, le spécialiste s'assure également qu'il ne sera pas négligé.

8. Backlinko

Le CTA sur le site Backlinko est placé dans la section Hero. Grâce à cela, l'utilisateur peut le trouver facilement, même s'il ne décide pas de l'utiliser immédiatement après être entré sur la page web.

 

Le champ unique pour entrer une adresse e-mail et le call to action Essayez-le sont situés sous la référence du client et l'en-tête expliquant ce que l'utilisateur obtiendra s'il fournit une adresse e-mail. L'opinion positive du client motive à profiter de l'offre de l'entreprise. Utiliser un CTA de cette manière est un moyen facile d'obtenir rapidement des adresses supplémentaires pour la base de données de mailing.

Exemples de boutons CTA – résumé

Les calls to action esthétiques et stratégiquement placés sont une partie importante d'un site web. Ils ne doivent pas être utilisés uniquement à des fins de vente, mais ils peuvent également créer un parcours client au sein de la page web, générer des prospects, et aider à promouvoir la marque. Nous offrons des services complets de conception de l'expérience utilisateur (UX) et de l'interface utilisateur (UI).