Comment optimiser les appels à l'action de sites Web et d'e-mails en toute simplicité

Publié: 2019-09-26

Les appels à l'action (CTA) en marketing ont deux objectifs principaux : ils guident les utilisateurs à travers votre site Web ou votre e-mail et les motivent à effectuer l'action souhaitée. Lisez cet article pour découvrir des exemples d'appels à l'action de sites Web et d'e-mails de diverses marques du monde entier et découvrez des astuces précieuses pour améliorer la conception et la copie de vos appels à l'action.

Contenu
  1. Qu'est-ce qu'un appel à l'action ?
  2. Trucs et astuces de copie d'appel à l'action
  3. Conseils de conception d'appel à l'action
  4. Meilleures pratiques d'appel à l'action sur le site Web
  5. Meilleures pratiques d'appel à l'action par e-mail

Qu'est-ce qu'un appel à l'action ?

Un appel à l'action, ou CTA, est un mot, une phrase ou une expression motivante ou propulsive dans une publicité telle que « acheter », « commander maintenant », « s'inscrire » et autres. Il encourage les utilisateurs à effectuer une action ici et maintenant, présupposant souvent des avantages qu'ils en retireront.

Habituellement, les CTA ressemblent à des boutons ou à des hyperliens. Voici un exemple d'appel à l'action par e-mail de The Sill : un bouton vert bien visible avec un message clair.

email call to action example
Exemple d'appel à l'action par e-mail de The Sill

Les expéditeurs d'e-mails placent souvent des appels à l'action à l'intérieur d'un texte hypertexte. Par exemple, Modsy a utilisé un lien hypertexte et l'a coloré en orange pour attirer l'attention des utilisateurs.

hyperlink cta example
Un lien hypertexte CTA dans l'e-mail de Modsy

Trucs et astuces de copie d'appel à l'action

Comme cela a été mentionné ci-dessus, les appels à l'action sont lancés pour motiver les gens à accomplir une sorte d'action. Voyons quelles techniques de rédaction rendront vos CTA suffisamment efficaces pour influencer les utilisateurs des e-mails et des sites Web.

Utilisez des verbes impératifs forts et un langage clair

Lorsque vous choisissez le verbe pour votre copie d'appel à l'action, concentrez-vous sur l'action souhaitée : acheter, appeler, demander, etc. Les verbes que vous utilisez doivent fournir une orientation et des conseils à vos utilisateurs.

Soyez aussi clair et concis que possible pour éviter toute confusion. Les gens devraient être capables de comprendre et d'imaginer ce qui se passera exactement après avoir cliqué sur votre CTA. Évitez les situations où les utilisateurs cliquent sur « S'inscrire » et font face à un nombre infini de champs à remplir. Dans ce cas, il vaut mieux être simple et utiliser le texte « Remplir le formulaire » au lieu de « S'inscrire ».

Voici quelques exemples d'appels à l'action clairs comme du cristal :

  • « Télécharger pour Windows »,
  • « Essayez gratuitement pendant 30 jours »
  • « Inscrivez-vous en un clic »
  • « Inscrivez-vous à une réunion à Moscou »,
  • « Remplissez le formulaire Google »,
  • « Achetez le livre électronique ».

Découvrez comment BlogLovin utilise la copie d'appel à l'action sur son site Web. Leur CTA « Trouver des blogs à suivre » semble suffisamment clair pour permettre même à un nouveau visiteur de site Web de comprendre à quoi s'attendre après avoir cliqué.

clear call to action example
Exemple d'appel à l'action du site Bloglovin'

Concentrez-vous sur la valeur

Si vous demandez aux utilisateurs d'effectuer l'action qui demandera un certain effort, il est important de démontrer la valeur que cette action leur apportera. Par exemple, si vous souhaitez collecter des données sur votre audience pour la segmentation et demander de remplir le formulaire, un utilisateur ne peut pas voir ou expérimenter la valeur de celui-ci tout de suite. Donc, vous feriez mieux d'expliquer pourquoi c'est important et de dire quelque chose comme « Veuillez prendre un moment pour répondre à ces questions afin d'améliorer votre expérience client et de la rendre plus personnalisée ».

Voici quelques exemples d'appels à l'action riches en valeur :

  • « Inscrivez-vous à nos e-mails pour être les premiers informés de nos offres !
  • « Inscrivez-vous pour voir les recommandations personnelles »
  • « Payez les bagages pour récupérer tout ce dont vous aurez besoin pendant votre voyage !

Rakuten, par exemple, demande aux utilisateurs de parrainer un ami pour de l'argent supplémentaire et explique le mécanisme en trois étapes simples. L'accent est mis sur la valeur physique de la réalisation de cet appel à l'action.

explained value behind call to action
Exemple d'appel à l'action du site Web Rakuten

Personnalisez votre CTA

71% des consommateurs se sentent frustrés lorsque leur expérience n'est pas personnalisée.

Pour personnaliser votre appel à l'action, utilisez les résultats de segmentation en fonction des données utilisateur que vous avez collectées. Il peut s'agir de l'historique de navigation des produits, des données de votre système CRM ou des commandes passées.

Voici quelques exemples d'appels à l'action personnalisés :

  • « Magasinez les hommes » ou « Magasinez les femmes »,
  • « Découvrez les lieux populaires de votre région »
  • « Télécharger pour iOS/Android/Bureau »,
  • "Ajouter à Safari/Chrome."

Par exemple, Armani Exchange segmente les abonnés par sexe. Ci-dessous, vous pouvez voir leur CTA attirant leur public masculin.

personalized email call to action
Exemple d'appel à l'action ciblant un public d'hommes

Une autre option est la personnalisation par appareil. Si, par exemple, vous accédez au site Web de Slack depuis votre ordinateur, vous verrez l'appel à l'action « Essayer gratuitement » au milieu de l'écran.

slack website call to action on desktop
Un bouton d'appel à l'action lumineux sur le site Web de Slack

Cependant, lorsque vous ouvrez le même site Web sur mobile, vous remarquerez que la copie de l'appel à l'action devient « Get Slack pour iOS ». Pourquoi? Car ces exemples d'appel à l'action sont personnalisés en fonction de l'appareil que vous utilisez. Voir la capture d'écran ci-dessous, qui a été réalisée sur un iPhone :

slack website cta on mobile
Copie d'appel à l'action personnalisée sur une version mobile du site Web Slack

Utiliser du texte à la première personne

Une copie d'appel à l'action à la première personne semble plus personnelle et ouverte. Vous ne dites pas à l'utilisateur ce qu'il doit faire, mais proposez plutôt d'accepter votre offre.

Quelques exemples pour votre inspiration :

  • "Tiens moi au courant,"
  • "Dis m'en plus,"
  • « Je veux voir vos meilleures offres »
  • « Abonnez-moi à votre liste. »

Noun Gazette, par exemple, utilise des verbes d'action combinés à des pronoms à la première personne pour créer une ambiance conviviale dans leur courrier électronique, qu'un utilisateur trouvera très probablement attachant.

first-person cta example
E-mail avec les CTA à la première personne de Noun Gazette

Unbounce a également décidé que les meilleurs boutons d'appel à l'action sur leur site Web devraient avoir un texte à la première personne, et pas pour rien. La société a organisé un test et constaté une augmentation de 90 % des taux de clics après avoir remplacé un texte standard par un texte à la première personne.

unbounce website call to action
Exemple d'appel à l'action à la première personne du site Web Unbounce

Conseils de conception d'appel à l'action

D'abord, nous voyons et seulement ensuite nous lisons. Le design peut soit renforcer votre CTA, soit le rendre invisible parmi les autres éléments du site Web ou des e-mails. Voyons comment tirer le meilleur parti de votre choix de conception et améliorer la conversion de vos appels à l'action.

Assurez-vous que votre CTA est réactif

81% des personnes ouvrent des e-mails sur des appareils mobiles. Nous vous recommandons donc de vérifier et de revérifier pour vous assurer que votre CTA s'adapte bien à toutes les tailles d'écran.

Voyons à quoi ressemblent certains exemples d'appels à l'action de Shine sur ordinateur et mobile. La version desktop propose un grand CTA noir au centre de l'écran.

shine email cta on desktop
Version de bureau d'un e-mail de Shine

Dans une version mobile, le texte est pressé dans la largeur d'un écran mobile pour le rendre lisible, le bouton d'appel à l'action restant aligné au centre et étant suffisamment grand pour qu'un utilisateur puisse le pousser du bout du doigt.

shine email call to action example
Version mobile de l'appel à l'action par e-mail de Shine

En parlant de sites Web, StudioPress propose trois appels à l'action sur sa page principale. Voici à quoi cela ressemble sur le bureau :

multiple website ctas
Exemples d'appels à l'action sur le site Web de StudioPress

Quand on passe à la version mobile, les illustrations disparaissent comme sur mobile, le meilleur emplacement des boutons d'appel à l'action est celui qui les rend visibles au premier scroll. De cette façon, un utilisateur comprend quoi faire pour obtenir ce dont il a besoin.

responsive call to action example
Exemples d'appels à l'action sur la version mobile du site Web de StudioPress

Faites ressortir votre CTA

Ce conseil peut sembler évident, mais les gens ont tendance à l'oublier. Pour attirer l'attention sur votre appel à l'action, utilisez des couleurs vives ou celles qui contrastent avec les images ou le texte environnant.

Dans l'exemple ci-dessous, TunnelBear utilise un bouton CTA contrastant avec un espace blanc supplémentaire autour de lui pour créer une coupure visuelle et le rendre encore plus visible. Ainsi, même si les couleurs de l'entreprise ne laissent pas la marque rendre le CTA trop brillant, il attire toujours l'attention.

prominent email call to action
Bouton CTA bien visible dans l'e-mail TunnelBear

Évitez d'utiliser trop de CTA

Il ne faut que quelques secondes à un utilisateur pour se faire une première impression sur votre site Web ou votre e-mail. Étant donné que vous devez susciter l'intérêt de vos visiteurs ou abonnés et les amener à cliquer sur votre bouton CTA dans ce délai très court, tout autre détail doit être tenu à l'écart.

Lorsque vous utilisez trop d'appels à l'action, vous risquez d'avoir l'air trop arrogant ou simplement de dérouter votre public. Nous vous recommandons de placer votre CTA principal sur le premier parchemin. Cependant, si votre page ou votre e-mail est trop long, vous pouvez utiliser quelques boutons CTA similaires au début et à la fin en conséquence.

La Guilde des enseignants, par exemple, a placé son premier CTA comme objectif principal sur le premier volet de son site Web et a terminé en répétant le même CTA à la fin de la page.

multiple website calls to action
Plusieurs appels à l'action sur le site Web de la Guilde des enseignants

Notez que bien que ces deux boutons mènent à la même destination, le deuxième design d'appel à l'action est plus lumineux que le premier.

Society6 a utilisé deux CTA au tout début de son e-mail, mais ils ont séparé les boutons avec un séparateur au milieu, vous comprenez donc clairement que l'appel à l'action mène à différentes destinations. Donc, utilisez cette astuce comme l'une des meilleures pratiques d'appel à l'action par courrier électronique lorsque vous devez utiliser quelques boutons CTA et assurez-vous que les lecteurs ne seront pas confus.

multiple email cta
Society6 utilisant deux CTA dans son e-mail

Meilleures pratiques d'appel à l'action sur le site Web

Un site Web est un point de contact avec vos clients, partenaires et ambassadeurs de marque potentiels et existants. Ici, nous allons vous montrer quelques exemples d'appels à l'action que différentes entreprises utilisent sur leurs sites Web à diverses fins.

CTA utilisé pour la génération de leads

Ce type de bouton CTA est généralement utilisé sur les pages à fort trafic telles que les blogs. L'appel à l'action peut être placé à la fin d'un article - sous forme de fenêtre flottante, dans une barre latérale ou sous forme de bouton unique. Pour apporter des conversions, il doit attirer l'attention des gens et communiquer de la valeur.

Le New York Times propose aux utilisateurs de créer un compte sur leur site Web pour continuer à lire leurs articles. Le CTA est placé au milieu de l'article, qui sera entièrement visible après l'inscription d'un utilisateur.

call to action for lead generation
Bouton CTA sur le site du New York Times

CTA utilisé pour créer une liste de diffusion

Ces appels à l'action sont utilisés pour recevoir les coordonnées des visiteurs de votre site Web afin de rester en contact avec eux plus tard.

Ci-dessous, vous pouvez voir un formulaire d'abonnement par e-mail contextuel avec un bouton d'appel à l'action. Vous entrez votre adresse e-mail, cliquez sur le bouton "Rejoindre", et vous avez terminé - aussi simple que cela.

cta for collecting emails
Exemple d'appel à l'action à partir d'un formulaire d'abonnement sur le Blog Wix

CTA utilisé pour attirer des personnes sur vos comptes de réseaux sociaux

Les appels à l'action « Partager sur Facebook » ou « Suivez-nous sur Instagram » sont faits pour motiver les utilisateurs à s'engager avec votre marque sur les réseaux sociaux. Les personnes qui ne souhaitent pas partager leurs coordonnées peuvent par exemple vous suivre avec plaisir sur Instagram. Ensuite, vous pourrez convertir certains de vos abonnés et conclure des ventes.

Dermstore, par exemple, permet de partager les publications de son blog en cliquant sur de simples icônes de réseaux sociaux auxquelles les internautes sont déjà habitués.

cta for social sharing
Boutons de partage social sur le site Web Dermstore

CTA utilisé pour faire une vente

Imaginez que certains utilisateurs connaissent déjà vos produits, vous suivent sur les réseaux sociaux et lisent vos e-mails. Ces contacts chaleureux peuvent devenir vos clients s'ils voient et suivent votre CTA. Dans ce cas, le CTA doit être aussi clair que possible et se concentrer sur la finalisation d'un achat. Ces boutons sont généralement placés sur les pages de destination des produits, dans les listes de souhaits, les paniers ou sur les pages promotionnelles dédiées à une vente ou à une autre offre.

Par exemple, ASOS utilise un bouton vert vif de stimulation des achats sur ses pages de produits.

asos website cta
Exemple d'appel à l'action du site Web d'ASOS

De plus, ils donnent la possibilité de déplacer un article dans un sac directement à partir de la liste de souhaits. Ces deux boutons conduisent au même résultat même si la copie de l'appel à l'action est différente.

asos website cta
Boutons d'appel à l'action dans la liste de souhaits ASOS

Meilleures pratiques d'appel à l'action par e-mail

Les gens lisent les e-mails à partir de différents appareils et clients de messagerie. Votre objectif est de vous assurer que le CTA est visible et efficace dans tous les cas. Quels sont les secrets de la conversion des CTA par e-mail en particulier ? Suivez simplement quelques bons conseils.

Faites de votre CTA une extension logique de votre email

Lorsque les utilisateurs parcourent leur boîte aux lettres et lisent la ligne d'objet d'un e-mail, ils forment leurs attentes en fonction de ce qu'ils ont lu. La ligne d'objet, le corps de l'e-mail et le CTA lui-même doivent répondre à ces attentes. C'est ainsi que vous guidez un utilisateur dans votre e-mail.

Si vous lisez la ligne d'objet d'un e-mail d'Insight Timer, vous comprenez qu'il va y avoir quelque chose qui concerne vos habitudes de sommeil. Lorsque vous ouvrez un e-mail, vous voyez un appel à l'action encourageant à écouter un cours de Yoga Nidra, censé vous aider à mieux dormir. Le CTA correspond bien à la ligne d'objet.

cta connected with subject line
Ligne d'objet et appel à l'action correspondant dans l'e-mail d'Insight Timer

Concevez votre CTA comme un bouton, pas comme une image

Les gens font souvent défiler les e-mails sur leurs téléphones portables. Il est important de vous assurer que vos CTA sont visibles même lorsque les utilisateurs souhaitent enregistrer leur Internet mobile et que les images dans la boîte aux lettres sont désactivées par défaut.

Il est donc plus raisonnable d'utiliser un élément « Bouton » dans votre générateur de modèle d'e-mail :

Ajout d'un bouton dans l'éditeur de glisser-déposer SendPulse

Utiliser des boutons au lieu d'hyperliens

Un bouton d'appel à l'action au lieu d'un lien texte est 28% plus efficace. Assurez-vous de suivre la règle du gros doigt : placez le bouton CTA à l'avant et au centre et maintenez une zone tactile minimale de 44 × 44 pixels.

Ace Hotel, par exemple, utilise un bouton dans son e-mail d'appel à l'action, ajoutant en même temps des hyperliens dans la copie principale uniquement pour faire référence à des ressources supplémentaires.

email cta example
Bouton CTA et hyperliens dans l'e-mail d'Ace Hotel

Répétez le CTA au début et à la fin d'un long e-mail

Ne forcez pas vos abonnés à rechercher un bouton ; placez-le simplement une ou deux fois de plus dans votre e-mail s'il est long. Par exemple, l'appel à l'action par e-mail dans l'invitation à l'événement de DMA est répété avec le même design, la même copie et la même taille de bouton.

repeated cta buttons
E-mail long de DMA avec deux boutons d'appel à l'action

Ne vous arrêtez pas tout de suite : faites des tests A/B pour augmenter l'efficacité de vos CTA

Il n'y a pas de modèle ultime qui fonctionne le mieux dans tous les cas. C'est pourquoi vous devez expérimenter et tester A/B les variantes de votre e-mail : modifiez la couleur des éléments, réécrivez la copie, essayez un autre placement ou style.

Par exemple, si vous ne pouvez pas choisir entre le rouge ou l'orange pour votre appel à l'action par e-mail, créez deux versions de l'e-mail avec SendPulse et utilisez le principe suivant pour les envoyer :

  • envoyer l'option A avec des boutons rouges à 20% de la liste de diffusion ;
  • envoyer l'option B avec les boutons oranges aux 20% restants de la liste de diffusion.

Vérifiez quelle option obtient le plus de clics et envoyez la plus efficace au reste de vos abonnés. Vous trouverez plus d'informations sur la réalisation d'un test A/B dans notre base de connaissances.

Nous espérons que ces conseils vous aideront à pousser vos résultats de marketing par e-mail à un autre niveau. N'oubliez pas d'envoyer vos e-mails avec SendPulse - nous nous occupons de l'automatisation !