Contactez-nous

Prenons rendez-vous

Revenir au blog

7 exemples de CTA pour booster la conversion sur votre site web

Nesrine Chebbi
Nesrine Chebbi Lecture : 5 min - 15 avril 2020

Qui dit stratégie growth marketing, dit conversion.

Une des clés pour pousser vos visiteurs à réaliser une action de conversion sur votre site internet ?

Les call-to-action (CTA). 

Un CTA, ou appel à l’action en français, est un élément visuel dont le but est d’encourager une audience à faire une action. Généralement, un CTA conduit le visiteur vers une page de destination sur laquelle il peut remplir ses informations en échange d’un service, d’une ressource (un livre blanc, une infographie…), ou autre selon l’objectif du contenu.

En bref, les CTA permettent principalement de convertir un visiteur de votre site en prospect.

Il existe plusieurs formes de CTA que vous pouvez mettre en place à des endroits précis sur vos pages web afin de guider le parcours de vos visiteurs et la lecture de votre site internet.

Découvrez notre sélection des 7 CTA à tester absolument pour booster votre taux de conversion !

1) Le CTA texte


Le CTA texte est sans doute le type de CTA le plus répandu : il s’agit du classique lien hypertexte conçu pour s'intégrer naturellement au sein d'un article ou d'une page, et conduisant vers une page de destination.

Afin qu’ils soient performants et qu’ils génèrent un maximum de clics, il est primordial de les placer intelligemment au sein de votre contenu. Il faut que le CTA texte soit logique et pertinent pour le lecteur.

Par exemple, HubSpot place très souvent un CTA texte sous l’introduction des articles de blog afin de rediriger les visiteurs vers une ressource téléchargeable traitant du même sujet.

exemple de cta texte pour booster la conversion

2) Le CTA visuel


Lors de la création d’un CTA, il y a 2 points essentiels à garder en tête : il faut attirer le visiteur vers le CTA et l’encourager à cliquer dessus.

Les CTA visuels en sont d’excellents exemples, c’est pourquoi ils sont particulièrement utilisés.

exemple de cta visuel pour booster la conversion

Ils sont souvent placés au sein d’un article de blog pour guider le visiteur vers un contenu annexe, toujours en relation avec le contenu de l’article : un ebook, une infographie, un livre blanc, une checklist…    

Les CTA visuels peuvent également être groupés dans un carrousel pour proposer plusieurs contenus ou services au visiteur. Cette présentation permet notamment d’offrir différents contenus correspondant à des étapes distinctes du parcours client, laissant ainsi au visiteur la possibilité de choisir le chemin qui lui sied le mieux.

Si le visuel du CTA est essentiel, le texte qui l'accompagne l'est tout autant : préférez un texte engageant et direct pour faciliter la compréhension de l’offre et ainsi favoriser la conversion.

3) Le CTA bannière


Très visuel et explicite, le CTA bannière remplit tous les critères pour être un bon CTA. Il se distingue du CTA visuel par la place importante qu’il occupe sur la page, souvent à la fin de celle-ci pour promouvoir un service du type “Contact”, “Démonstration” ou “En savoir plus”.


exemple de CTA bannière

Avant de faire apparaître un tel CTA, il est important de bien détailler votre activité ou votre offre afin que la proposition de contact soit naturelle et ne brusque pas le lecteur. 

 

4) Le CTA pop-up


Le choix d’un CTA pop-up est très stratégique. En effet, ce type de CTA apparaît à un moment précis de la navigation du visiteur qu’il faut paramétrer en amont.

Vous pouvez paramétrer l'apparition de votre CTA selon divers critères, en voici quelques exemples :

  • vous pouvez choisir de faire apparaitre un CTA lorsque le visiteur se dirige à l’extérieur de votre page pour attirer son attention une dernière fois avant qu’il ne quitte votre site ; 
  • lorsque le visiteur a passé plus de X secondes / minutes sur votre page ; 
  • lorsque le visiteur a scrollé X % de votre page. 

Il existe également différentes formes de CTA pop-up : ils peuvent occuper toute la page, s’afficher dans le coin inférieur de la page, tout en haut de la page, ...

exemple de CTA pop up 

Nous proposons à nos lecteurs de s’inscrire à notre newsletter via un CTA pop-up qui occupe l’ensemble de la page lorsque qu’ils s'apprêtent à la quitter.  Ce CTA ne bloque pas entièrement la navigation puisque le visiteur peut toujours scroller la page, mais il doit cliquer sur le bouton “S’inscrire”, le bouton X ou bien à l’extérieur de la pop-up pour la faire disparaître. 

5) Le CTA formulaire

Dans certains cas, le CTA requiert de soumettre une information avant de pouvoir être activé. Il s’agit des CTA formulaires.

exemple de cta formulaire

Netflix propose d’essayer la plateforme en un clic après soumission d’une adresse e-mail directement sur la page d’accueil, via un CTA formulaire. La description du service est claire : des films et séries en illimité avec la possibilité d’annuler son abonnement à tout moment. Tout est expliqué plus en détails plus bas sur la page. 

Cela permet au visiteur de s’inscrire directement sur la page d’accueil sans passer par une page de destination, facilement et rapidement.

exemple de cta formulaire sur un blog

Enfin, Payfit offre aux visiteurs de s’inscrire au blog depuis la page d’accueil de celui-ci. Le CTA fait partie intégrante de la structure de la page afin d’offrir une expérience utilisateur fluide. 

Notez que l’utilisation d’un CTA formulaire a pour but de réduire les points de frictions, et non pas d’en ajouter. Il faut que la quantité d’informations demandée soit justifiée afin de booster la conversion.

6) Le CTA “hero”

Votre page d’accueil est l’occasion pour vous de faire bonne impression auprès de votre audience. Souvent, vous n’avez que quelques secondes avant que vos visiteurs ne décident de quitter votre page, ou bien de continuer de l’explorer. Centrer la section hero de votre page autour d’un CTA est un bon moyen d’adresser directement votre visiteur et de l’engager. 

exemple de cta hero

Canal + met à profit sa section hero pour promouvoir son offre du moment, à savoir le premier mois de l’abonnement gratuit ainsi que la réduction de 50 % pour les moins de 26 ans. Le bouton conduit directement à la page détaillant l’offre.  

exemple de 2 CTA hero Slack propose 2 parcours différents grâce à 2 CTA sur sa section hero. Selon son stade de maturité, le visiteur peut tester directement la plateforme ou bien accéder à la démonstration, sans passer par une page de destination. 

7) Le CTA conversationnel

Le but ultime d’un CTA est d’amener le visiteur à convertir et capturer ses informations afin de le recontacter et le transformer en client. Les chatbots ont, entre autres, cette fonction de récupérer les informations et peuvent donc servir de CTA. 

Comme dit précédemment, il est important de personnaliser le CTA en fonction de l’audience pour qu’il soit performant. Il s’agit là d’un challenge majeur pour votre stratégie de CTA que le chatbot peut vous permettre de relever. 

Mettre en place un outil de marketing conversationnel tel qu’HubSpot sur votre site web permet d’offrir aux visiteurs plusieurs parcours de conversion, et ainsi de personnaliser l’expérience utilisateur. Vous pouvez initier une conversation en direct avec votre visiteur puis, en fonction de son besoin, proposer le CTA le plus approprié. 

Par exemple, HubSpot utilise cette stratégie notamment pour guider les visiteurs vers les ressources les plus adaptées aux visiteurs.

exemple de cta conversationnel

Qonto attire l’attention du visiteur en lui souhaitant la bienvenue et se montre disponible pour répondre à toute question. 

exemple de cta conversationnel pour améliorer la conversion

 

Ce qu’il faut retenir 

En bref, il existe de nombreux CTA mais aucun n’est gage de succès. Tout dépend de l’utilisation que vous en faites au sein de votre site web. La clé pour un CTA performant dans le domaine du growth marketing est de le créer pour votre audience : il faut créer un CTA attrayant visuellement, qui s’intègre naturellement au sein de votre contenu, qui offre une plus-value, et qui encourage le visiteur à cliquer. 

Vous cherchez d'autres idées pour améliorer vos conversions ? Lisez nos articles pour déployer un chatbot, ou encore améliorer votre visibilité en ligne.

newsletter-markentive