Partie 2 : Réussir son CTA

Nous avions vu précédemment l’intérêt de positionner des Call To Action sur votre site, il est temps d’aborder le design et le positionnement de ces éléments. En effet, un bon CTA doit respecter un certain nombre de critères pour optimiser et améliorer la conversion vers votre objectif.

Les couleurs

La couleur est une des notions les plus importantes dans la mise en place d’un CTA. D’une manière générale, les boutons vert et orange sont les plus efficaces. La couleur dépendra de la conception de votre site et de la charte graphique de votre marque. Pour rendre le bouton visible sur votre site, vous devez valoriser l’utilisation de couleurs contrastées à celle de votre site. Un CTA ton sur ton ne sera évidemment pas repérable et certains internautes pourrez passer à côté de votre offre. Il n’y a pas de couleur miracle. Pour être sûr de choisir une couleur attrayante, le mieux est de la tester.

Formes

Autre notion importante à prendre en compte : La forme du CTA. En effet, il existe une multitude de style de boutons : coins carrés, arrondis, avec ou sans contour… Toutes les formes ont leurs avantages et leurs inconvénients. Les différentes formes peuvent donner d’excellents résultats dans divers contextes. Dans certains cas, vous pouvez agrémenter votre CTA d’un pictogramme de : téléchargement, flèche, fichier… Ces icônes peuvent influer positivement sur le taux de clics. Attention à ce que l’icône ne desserve pas le bouton mais lui apporte une valeur ajoutée. Par exemple, on évitera d’utiliser un picto de « téléchargement » pour une inscription à une newsletter.
Encore une fois, le mieux est de tester les formes et voir ce qui fonctionne le mieux pour votre business, mais aussi avec l’univers graphique de votre site !

Où le positionner ?

Dans la culture occidentale, nous lisons de gauche à droite et de haut en bas. Pour bien positionner un CTA il faut suivre le sens de lecture naturelle de l’utilisateur.

Il ne faut surtout pas perdre l’internaute ou l’obliger à revenir en arrière pour trouver le CTA. Ils doivent donc être placés à des endroits stratégiques qui cadrent l’expérience utilisateur.

Par exemple, vous venez de lister les points forts de votre service/ produit, vous allez insérer votre CTA en dessous. Au dessus du descriptif ça n’aurait pas de sens puisque l’internaute ne va pas s’inscrire à une offre dont il n’a pas pris connaissance.

En plaçant vos CTA sur la droite ou en dessous du descriptif de l’offre (expérience utilisateur naturelle, ergonomique), ils seront plus efficaces car ils entrent dans une logique de progression naturelle de l’internaute vers votre objectif. Si vous avez convaincu l’internaute avec votre offre, il cliquera sur le CTA.

Pour conclure, bien positionner son CTA c’est le mettre à droite !

En plaçant votre CTA sur la droite, vous menez naturellement vos internautes vers l’objectif de votre site, quel que soit l’objectif de conversion.

Nous lisons de gauche à droite, un CTA placé à droite représente donc une progression logique vers l’action.

Il ne faut cependant pas oublier que bien placer un CTA ne fait pas tout. Il faut travailler son style graphique, son accroche… en le mettant en valeur dans son environnement. Le CTA ne doit pas non plus être placé seul à droite. Il faut au préalable un descriptif de l’offre ou du service pour séduire les internautes.

Pour vous inspirez, n’hésitez pas à consulter des sites comme awards… qui vous donneront les dernières tendances en terme de design.

À vous de jouer !

infographie -

Partie 1 : le Call To Action (CTA) et son utilité

Qu’est-ce qu’un Call To Action ?

Le “Call-to-action” (ou CTA) est un bouton “d’appel à l’action” qui a pour objectif d’améliorer votre taux de conversion. Dans cette optique et pour booster votre business il est indispensable d’en insérer dans les pages de votre site web et landing pages pour guider les utilisateurs vers votre objectif de conversion. Le style graphique du CTA peut varier en fonction de vos objectifs et de la charte graphique de votre site.

Voici quelques conseils pour optimiser et boostez la performance de vos pages :

Le texte d’action

Pour attirer l’internaute, il faut utiliser des termes attractifs comme : “gratuit”, “immédiat”… On oublie les mots ennuyeux comme “obtenir”, “essayer”, “envoyer”… pour se concentrer sur la personnalisation et l’implication de l’internaute dans l’action.
En utilisant la première personne vous aurez une très nette augmentation du nombre de clics. Il est fortement conseillé d’accompagner le verbe d’action d’un groupe de mots en rapport avec votre offre : « je télécharge la brochure», « je m’abonne à la newsletter » …

Vous pouvez aussi enrichir votre CTA en ajoutant des termes séduisants pour valoriser votre offre et encourager les internautes à cliquer : « j’essaye gratuitement le logiciel », « je commande immédiatement le pack »…

Le texte de votre CTA ne doit pas dépasser 2 à 5 mots. Vous pouvez cependant l’accompagner d’une phrase d’accroche comme un jeu de question / réponse :

Vous souhaitez en savoir plus sur nos offres ? > Je télécharge la brochure

Une fois que vous avez défini le texte de votre CTA, il faut pour être le plus efficace et le plus clair possible, que le texte soit grand et lisible. Il faut trouver le juste équilibre entre un bouton insignifiant (trop petit) et un bouton (trop gros) effrayant, agressif.
Le texte de votre CTA doit être suffisamment grand pour attirer l’attention, mais pas trop pour ne pas recouvrir complètement le reste du contenu.

Stratégie de réduction

Créez un sentiment d’urgence. Vous pouvez déclencher un clic en inspirant subtilement un sentiment d’urgence dans votre CTA : « Inscrivez-vous et Obtenez 50% de réduction et plus ! » En faisant une offre, vous séduisez les internautes, en créant un besoin qu’ils n’avaient pas forcément au départ. S’il est intéressé par le produit, la réduction va l’encourager à cliquer.

Les CTA secondaires

Parfois, vous aurez des boutons « secondaires » à placer sur votre site web (vers la page contact, une autre page du site…). Ces CTA doivent être moins accrocheurs que votre CTA principal. Pour vos boutons « secondaires », vous pouvez utiliser un style graphique différent : des nuances de gris ou des couleurs monochromatiques pour rester neutres tout en étant visibles.

Le CTA principal doit toujours être le plus grand et le plus visible de par sa couleur, son accroche, sa forme… Vous allez devoir mettre en place une hiérarchie naturelle des CTA en fonction de leur importance.

Toutefois, veillez à garder une homogénéité de couleur et de forme. Si vous choisissez de faire vos CTA carrés, conservez ce style et faites uniquement une variation de couleur (par exemple : bleu pour le CTA principal et gris pour les secondaires).

Un bon CTA se construit en deux temps :

  • La partie stratégique (vu ci-dessus)
  • La partie graphique (à découvrir dans la partie 2 à venir)

La partie rédactionnelle et stratégique est primordiale. Pour voir son taux de clics augmenter, une accroche séduisante et efficace est donc indispensable. Il est important de retenir que, pour bien l’optimiser, il faut impliquer l’internaute dans l’action et le séduire avec une réduction ou une valeur ajoutée (réduction, cadeau pour toute commande…) .

L’autre point à prendre en compte est la différenciation entre le CTA principal (là ou vous voulez mener l’internaute) et les CTA secondaires (vers les pages internes qui contribuent au bon référencement de votre site par un maillage entre les pages) d’un point de vue graphique et rédactionnel.

Infographie-LE_CTA_ET_SON_UTILITE