50 exemples d'appels à l'action sur lesquels vous ne pouvez pas vous empêcher de cliquer

Pensez à toutes les fois où vous vous êtes inscrit pour des choses dans votre vie. Avez-vous déjà téléchargé Evernote ? Boîte de dépôt ? Spotify ? Peut-être avez-vous même suivi un cours sur l'Assemblée générale.

Chacune de ces inscriptions est probablement le résultat d'un appel à l'action (CTA) efficace.

Pensez-y : si vous n'aviez pas été attiré par la copie ou la conception du CTA, ou si vous n'aviez pas été guidé de manière si éloquente tout au long de votre processus d'inscription, vous utiliseriez probablement beaucoup moins d'applications et de sites Web que vous ne le faites actuellement.

Il est très important de guider vos visiteurs tout au long du parcours d'achat en utilisant des CTA stratégiques.

Qu'est-ce qu'un CTA en marketing ?

En tant que spécialiste du marketing, les CTA sont pertinents car ils encouragent votre public à agir sur une campagne marketing.

En fin de compte, l'objectif de toute campagne marketing est de guider votre public dans le parcours de l'acheteur afin qu'il finisse par effectuer un achat.

Cependant, chaque campagne marketing peut avoir une action différente pour le public, car il existe plusieurs tactiques que vous pouvez utiliser pour guider votre public dans son parcours.

Vous trouverez ci-dessous quelques exemples de types de copie de bouton CTA que vous pourriez utiliser en marketing :

Les types de CTA ci-dessus ont tous un objectif précis, mais gardez à l'esprit que le langage qu'ils utilisent peut varier. Et aujourd'hui, les spécialistes du marketing du monde entier ont apporté une touche créative à leurs appels à l'action pour générer les prospects dont dépendent leurs entreprises.

Pour vous aider à identifier ce qui est efficace et ce qui ne l'est pas, nous avons répertorié des exemples d'incitations à l'action qui fonctionnent totalement. Ces exemples d'incitation à l'action sont répartis en trois catégories :

• Des CTA simples et efficaces
• CTA avec d'excellentes phrases d'incitation à l'action
• CTA qui équilibrent plusieurs boutons sur une seule page

Meilleurs exemples d'appel à l'action de 2022

1. HubSpot

Source des images

L'un des avantages de l'utilisation de HubSpot est la richesse des ressources gratuites qu'ils offrent. Ce CTA coulissant trouvé dans un article traitant de l'intelligence marketing montre comment un CTA bien placé peut améliorer l'expérience utilisateur.

Il est discret et arrive au milieu de l'article, incitant non seulement les lecteurs à "télécharger maintenant", mais offrant une ressource utile et gratuite. Le kit marketing offre une solution prête à l'emploi pour ceux qui ne savent peut-être pas par où commencer.

Pourquoi ce CTA fonctionne

Ce slide-in CTA offre une ressource gratuite qui est directement liée au sujet de l'article sur lequel il apparaît. Les lecteurs peuvent terminer l'article, puis télécharger le guide avec des modèles pour commencer à créer leur propre kit marketing. (Cliquez ici pour savoir comment ajouter des CTA coulissants à vos articles de blog.)

2. Le budgetniste

Source des images

Dirigé par l'éducatrice financière personnelle et auteur Tiffany Aliche, The Budgetnista est un guichet unique pour les finances personnelles. En plus de fournir un contenu qui ravit son public, elle est également une pro dans la création de CTA invitants.

Au lieu de simplement mettre un CTA d'inscription pour promouvoir sa newsletter, elle utilise un langage qui incite le lecteur à cliquer. "Inscrivez-vous aux goodies hebdomadaires" semble beaucoup plus intéressant que "inscrivez-vous à ma newsletter". Qui ne veut pas de goodies hebdomadaires ?

Pourquoi ce CTA fonctionne

L'utilisation conviviale et créative du langage encourage les visiteurs à prendre les mesures souhaitées. Il reflète également la personnalité d'Aliche, ce qui est agréable et aide à personnaliser l'interaction.

3. Plus brillant

Source des images

La marque de beauté Glossier a perdu son image marketing, présentant des images réalistes de femmes avec une variété de types de peau. Qui peut oublier sa campagne boy brow ? Leur site Web est propre avec beaucoup d'espace blanc qui fait ressortir les photos des modèles et du maquillage.

Leur CTA est une superposition qui apparaît lorsque vous commencez à faire défiler leur site. Alors que beaucoup cliqueraient rapidement sur la fenêtre contextuelle, la langue choisie par Glossier vous donne envie de rester. "Prenons ceci dans votre boîte de réception" est une façon intelligente de demander aux gens de s'inscrire à votre newsletter. Si vous souhaitez vous inscrire, cliquez simplement sur "je suis d'accord" et vous avez terminé.

Pourquoi ce CTA fonctionne

Comme The Budgetnista, Glossier utilise une formulation intelligente qui rend la marque plus accessible et incite les gens à passer à l'action. L'image d'un modèle avec un excellent maquillage Glossier et les illustrations incluses contribuent également à rendre ce CTA attrayant.

4. 310 créatifs

Source des images

L'agence de croissance et partenaire HubSpot 310 Creative vise à aider les entreprises B2B à faire évoluer et à affiner le parcours de l'acheteur pour augmenter les ventes. Sachant que les visiteurs du site ne savent peut-être pas exactement de quels services spécifiques ils ont besoin, 310 Creative utilise un CTA qui supprime la confusion.

Le slide-in CTA invite les visiteurs à réserver une évaluation gratuite pour obtenir des éclaircissements sur les lacunes de leur entreprise et découvrir pourquoi ces résultats se produisent.

Pourquoi ce CTA fonctionne

Non seulement il supprime les barrières en déclarant explicitement que le service est gratuit, mais ce CTA démontre également de l'empathie pour le visiteur. En décrivant un problème suivi de "Si cela vous semble familier, parlons-en", cela démontre que 310 Creative est là pour aider et comprend la frustration de l'utilisateur.

5. L'apogée

Source des images

Heyday est un peu rebelle dans l'industrie du visage. Son approche minimaliste et sans fioritures en a fait un favori parmi ceux qui veulent juste voir une esthéticienne sans chichi ni vente incitative.

Cette approche minimaliste mais conviviale apparaît également dans leur CTA. Faisant bon usage de certains modèles à la peau éclatante, ce CTA incite les téléspectateurs à s'inscrire à leur newsletter avec une réduction. Le bouton "s'inscrire et enregistrer" est persuasif, ainsi que le lien hypertexte humoristique "Non merci, je préfère les soins de la peau à prix plein" pour se désabonner.

Pourquoi ce CTA fonctionne

Heyday a utilisé une belle esthétique, une remise et de l'humour pour encourager les visiteurs à prendre les mesures souhaitées.

6. VRB

Source des images

Si vous aimez parcourir de belles maisons de vacances pendant votre temps libre, VRBO est un endroit idéal pour le faire. La marque fait grand usage de l'esthétique ambitieuse et des lieux magnifiques.

Le CTA bleu foncé apparaît sur le fond blanc de VRBO, attirant le lecteur. Ensuite, le bouton "découvrez votre évasion" ajoute une touche d'aventure pour ceux qui pourraient être intéressés par la location d'une maison de vacances.

Pourquoi ce CTA fonctionne

VRBO fait un grand usage de la couleur et du phrasé. Ce ne sont pas des vacances, mais plutôt une aventure où ils peuvent vous servir de guide de confiance.

7. Hulu

Source des images

Le géant du streaming Hulu a opté pour une approche dramatique avec ce CTA. L'arrière-plan estompé montre toutes ses offres de télévision et de films, tandis que le texte vert et blanc du CTA attire votre attention sur la promotion.

Il s'agit d'une inscription et d'une vente incitative en un, informant les utilisateurs qu'ils peuvent obtenir un complément de réduction avec Disney + et ESPN +.

Pourquoi ce CTA fonctionne

Ce CTA attire les visiteurs avec l'impression qu'ils obtiennent un accord avec le bundle. Au lieu d'avoir simplement un bouton d'inscription, c'est "obtenir le bundle Disney". Il met l'accent sur la création de valeur pour inciter les visiteurs à agir.

8. Hija De Tu Madre

Source des images

La société de vêtements Hija De Tu Madre garde sa fraîcheur avec une palette de couleurs propres, roses et blanches qui respire la jeunesse et la fraîcheur. La plupart de ce qui rend leurs CTA si attrayants est le jeu de mots intelligent, mélangeant à la fois l'espagnol et l'anglais, une ode à leur public cible.

Source des images

Parce qu'ils sont tellement connectés à leur public, Hija De Tu Madre peut extraire plus d'informations de leurs visiteurs. Au lieu d'avoir simplement un CTA qui demande un e-mail (première image), ils ont introduit une demande de téléphone portable dans un deuxième CTA. Comment persuadent-ils les gens de remettre leurs chiffres ? En leur offrant une chance de gagner des produits, en particulier leurs populaires vestes en jean.

Pourquoi ce CTA fonctionne

Offrir quelque chose que les visiteurs considèrent comme précieux en échange de leurs informations personnelles - dans ce cas, une veste en jean convoitée, incitera les gens à partager plus d'informations. La clé est de connaître votre public et de puiser dans leurs intérêts.

9. La laine et le gang

Source des images

Ce CTA de Wool and the Gang vous fera vous sentir tout flou à l'intérieur. L'arrière-plan de collage de clients enfilant leurs vêtements Wool and the Gang ainsi qu'un adorable chiot attire vraiment le lecteur et correspond au public de la marque.

Le bouton CTA indique «partagez vos tricots #woolandthegang», ce qui encourage les clients à partager ce qu'ils ont fait en utilisant les produits Wool and the Gang, fonctionnant à la fois comme promotion de la marque et engagement des clients.

Pourquoi ce CTA fonctionne

Ce CTA attire non seulement l'attention du visiteur, il crée un sentiment de communauté et incite les visiteurs à se joindre. Ce CTA particulier sert également de promotion de la marque, car de plus en plus de clients partagent leurs kits sur les réseaux sociaux.

10. Tweak It Studio

Source des images

La société de décoration et de design d'intérieur Tweak It Studio montre l'importance de s'amuser, mais des CTA clairs.

Ils attirent l'attention du visiteur avec "Just Dropped" en gros caractères gras pour informer les lecteurs sur les nouveaux produits proposés, puis le combinent avec un bouton CTA qui indique exactement ce qu'est l'article - dans ce cas "des noms de bois personnalisés". C'est beaucoup plus efficace que d'avoir simplement un bouton indiquant simplement "acheter maintenant".

Pourquoi ce CTA fonctionne

Ce CTA utilise l'urgence avec "juste abandonné" pour amener les visiteurs à découvrir de nouveaux articles dans le magasin et communique également clairement dans le bouton où le visiteur se dirige ensuite après avoir cliqué.

Vous voulez plus d'inspiration de conception CTA? Découvrez ci-dessous certains de nos exemples d'appels à l'action préférés.

1. CTA HubSpot [Modèles gratuits]

Vous cherchez de l'inspiration pour créer de meilleurs CTA ? Utilisez nos modèles CTA conçus par des professionnels pour générer plus de clics, de soumissions et de prospects à partir de votre contenu.

2. Evernote

Incitation à l'action : S'inscrire

Source des images

"Souviens-toi de tout." Les visiteurs peuvent immédiatement comprendre ce message dès qu'ils arrivent sur cette page. La conception du site Web d'Evernote permet aux utilisateurs de voir rapidement les avantages de l'utilisation de l'application et de s'inscrire pour l'utiliser. De plus, la couleur verte des boutons CTA principal et secondaire est du même vert que le titre et le logo Evernote, qui sautent tous de la page.

Comment reproduire ce CTA

Pensez à utiliser une couleur vive qui contraste bien avec les éléments de votre page Web pour faire ressortir votre CTA.

3. Boîte de dépôt

CTA : Inscrivez-vous gratuitement

Source des images

Dropbox a toujours adopté un design simple avec beaucoup d'espace négatif. Même les graphiques sur leur page d'accueil sont subtils et simples.

Grâce à cette conception simple et à cet espace négatif, le bouton bleu d'appel à l'action "Inscrivez-vous gratuitement" se démarque de tout le reste de la page. Étant donné que le CTA et le logo Dropbox sont de la même couleur, il est facile pour le visiteur d'interpréter ce CTA comme "Inscrivez-vous à Dropbox". C'est un appel à l'action efficace.

Comment reproduire ce CTA

L'espace négatif peut jouer en votre faveur s'il est utilisé correctement. Utilisez-le à votre avantage en permettant à votre CTA de se démarquer en utilisant les couleurs vives de votre marque

4. OfficeVibe

Incitation à l'action : s'abonner

Source des images

Voici un appel à l'action coulissant qui a attiré mon attention d'OfficeVibe. Lors du défilement d'un article sur leur blog, une bannière s'est glissée du bas de la page avec un appel à l'action pour s'abonner à leur blog. La meilleure partie? La copie sur le slide-in m'a dit que j'obtiendrais des conseils sur la façon de devenir un meilleur gestionnaire - et le message sur lequel il apparaissait était un message sur la façon de devenir un meilleur gestionnaire. En d'autres termes, l'offre était quelque chose qui m'intéressait déjà.

De plus, j'aime la façon dont les CTA coulissants sont discrets - par opposition à ce que ma collègue Rachel Sprung appelle le "Arrêtez-tout-et-cliquez-ici-pop-up-CTA". Je trouve que ces CTA offrent une expérience plus agréable car ils fournissent plus d'informations tout en me permettant de continuer à lire le blog.

Comment reproduire ce CTA

Vous pouvez créer votre propre CTA à l'aide des outils marketing de HubSpot. Après avoir conçu votre CTA à l'aide de nos modèles, créez un compte HubSpot. Accédez à Marketing > Lead Capture > CTAs dans votre compte HubSpot et suivez les instructions CTA ici.

5.Netflix

CTA : Inscrivez-vous gratuitement pendant un mois

Source des images

Une grande peur des utilisateurs avant de s'engager à s'inscrire à quelque chose ? Que ce sera pénible d'annuler leur abonnement s'ils finissent par ne pas l'aimer. Netflix étouffe cette peur dans l'œuf avec la copie "Annuler à tout moment" juste au-dessus du CTA "Inscrivez-vous gratuitement pendant un mois". J'oserais supposer que la réassurance seule a stimulé les inscriptions. De plus, vous remarquerez à nouveau que la couleur rouge des CTA primaires et secondaires correspond ici à la couleur du logo de Netflix.

Comment reproduire ce CTA

Non seulement vous pouvez attirer l'attention d'un visiteur avec un contraste de couleur prononcé, mais vous pouvez également utiliser un langage dans votre CTA qui l'incite à cliquer. Envisagez d'utiliser "Essayer gratuitement" ou quelque chose de similaire dans votre CTA qui supprime le risque pour les clients potentiels.

6. Carré

Incitation à l'action : commencer

Source des images

Pour obtenir une conception CTA efficace, vous devez prendre en compte plus que le bouton lui-même. Il est également très important de prendre en compte des éléments tels que la couleur d'arrière-plan, les images environnantes et le texte environnant.

Conscients de ces composants de conception supplémentaires, les gens de Square ont utilisé une seule image pour montrer la simplicité d'utilisation de leur produit, où le CTA flottant "Get Started" attend votre clic. Si vous regardez attentivement, la couleur de la carte de crédit dans l'image et la couleur du bouton CTA correspondent, ce qui aide le spectateur à relier les points de ce à quoi s'attendre si/quand il clique.

Comment reproduire ce CTA

Vous pouvez utiliser la couleur pour aider les visiteurs à relier les points, qu'il s'agisse de coordonner des tons similaires comme dans cette image, ou en utilisant des couleurs de marque comme l'exemple de Dropbox.

7. Prezi

Incitation à l'action : essayez Prezi

Source des images

Les gens de Prezi apprécient également le design minimaliste de leur site Web. Outre le dinosaure vert et le café brun foncé, la seule autre couleur accompagnant le design à prédominance noir et blanc est un bleu vif – le même bleu de leur logo principal. Ce bleu vif est stratégiquement placé sur la page d'accueil : le CTA principal "Essayez Prezi" et le CTA secondaire "Get Started", qui dirigent tous les deux les utilisateurs vers la même page de tarification.

Comment reproduire ce CTA

Cette page a pris une palette de couleurs minimaliste, mais a incorporé deux CTA avec le même bouton de couleur qui dirigent les visiteurs vers la même page de destination. Si votre page a un design épuré et minimaliste, envisagez d'essayer deux CTA avec un texte différent pour attirer les visiteurs.

8. Pack complet

CTA : Notre travail

Source des images

Full Bundle est une autre entreprise qui utilise l'espace négatif pour faire apparaître son CTA principal. L'appel à l'action blanc "Notre travail" se détache sur les gris foncés de l'arrière-plan. Leur choix de CTA est également stratégique. Étant donné qu'ils existent principalement pour développer la présence en ligne des clients, il est important pour eux de présenter leur travail - et c'est pour cela que la plupart des gens vont sur leur site Web.

Comment reproduire ce CTA

Faites un usage créatif de l'espace négatif comme les tons gris de Full Bundle. Comme vous pouvez le voir, les différentes nuances de gris forment des triangles, ajoutant un élément de design subtil qui fait ressortir leur CTA blanc en bas.

9. Panthère

Incitation à l'action : rejoindre

Source des images

Les gens de Panthera recherchent des utilisateurs qui se soucient vraiment des chats sauvages du monde entier et souhaitent rejoindre un groupe de personnes qui ressentent la même chose. Pour cibler ces personnes en particulier, nous aimons la façon dont elles utilisent un langage qui parlerait aux grands amoureux des chats : "Rejoignez la fierté aujourd'hui". La page elle-même est super simple : un formulaire sur la page avec deux champs simples et un bouton demandant aux gens de (encore) "Rejoindre".

Comment reproduire ce CTA

Établissez une connexion avec votre public cible en utilisant des termes vernaculaires liés à votre marque qui les intéresseraient dans votre CTA.

10. ÉPIQUE

CTA : Commençons ensemble un nouveau projet

Source des images

Les gens de l'agence EPIC utilisent leur page d'accueil principalement pour présenter leur travail. Lorsque vous arrivez sur la page, vous êtes accueilli par des vidéos animées montrant une partie du travail qu'ils ont effectué pour les clients, qui tournent sur un carrousel. Bien qu'il existe de nombreux autres endroits où les utilisateurs peuvent cliquer sur leur site, y compris les sites Web de leurs clients, le principal appel à l'action se démarque et contraste toujours avec la vidéo qui joue en arrière-plan.

J'aime le fait qu'il présente un langage convivial et inclusif - "Commençons un nouveau projet ensemble" - qui donne un indice aux utilisateurs à la recherche d'un partenaire créatif qu'ils sont une équipe particulièrement formidable pour laquelle travailler.

Comment reproduire ce CTA

Utilisez un langage invitant. C'est facile de faire un bouton qui dit juste « rejoignez-nous », mais ce n'est pas très convaincant. Envisagez quelque chose de plus convivial comme « travaillons ensemble » ou quelque chose de spécifique au service que vous offrez.

11. Aquaspresso

CTA : Envoyez-moi des promotions maintenant !

Source des images

Le but d'un appel à l'action est de diriger les visiteurs de votre site vers un plan d'action souhaité - et les meilleurs CTA le font d'une manière qui est utile à leurs visiteurs. Les gens de la société de café Aquaspresso ont vraiment trouvé cet équilibre ici avec le CTA contextuel sur leur page de blog principale.

Ici, la ligne de conduite souhaitée est que les lecteurs de leur blog vérifient ce qu'ils vendent réellement (et, espérons-le, achètent chez eux). Ils auraient pu le faire de plusieurs façons, notamment en publiant un CTA qui exhorte les gens à « découvrir nos produits les plus populaires ! ou quelque chose de très direct. Mais nous aimons ce qu'ils ont fait à la place : leur CTA offre aux lecteurs de blogs quelque chose de beaucoup plus utile et subtil : une offre pour les "spéciaux du jour" en échange de l'adresse e-mail du lecteur.

Ajouter que les spéciaux sont pour aujourd'hui seulement est un excellent exemple d'une tactique psychologique appelée rareté, qui nous amène à attribuer plus de valeur aux choses que nous pensons être rares. La crainte que les promotions d'aujourd'hui soient meilleures que celles de demain pourrait donner envie aux gens de le remplir et de réclamer leur offre pendant qu'ils le peuvent.

Comment reproduire ce CTA

L'appel à l'action ci-dessus a été créé à l'aide des modèles de HubSpot. Envisagez d'introduire un sentiment d'urgence pour les visiteurs du site Web en utilisant la rareté dans votre CTA. Vous pouvez utiliser des expressions telles que "offre à durée limitée" ou "bénéficiez des offres du jour" pour motiver les visiteurs à effectuer l'action souhaitée.

12. QuickSprout

CTA : Faites-vous mal votre référencement ? Entrez votre URL pour le savoir

Source des images

Personne ne veut se tromper. C'est pourquoi un bouton d'appel à l'action comme le CTA coulissant de QuickSprout sur leur blog est si digne d'être cliqué. Il demande au lecteur : "Faites-vous mal votre référencement ?" Eh bien, suis-je? Tout ce que j'ai à faire est d'entrer mon URL pour le savoir - cela semble assez facile. C'est un langage comme celui-là qui peut vraiment inciter les visiteurs à cliquer.

De plus, avoir la diapositive CTA au milieu d'un article de blog est une excellente tactique pour attraper les lecteurs avant qu'ils ne rebondissent sur la page. Traditionnellement, de nombreux blogs ont des CTA tout en bas de chaque article de blog, mais les recherches montrent que la plupart des lecteurs ne parcourent que 60% d'un article.

Comment reproduire ce CTA

Utilisez un langage dans votre CTA qui attire l'attention du visiteur ou parle d'un point douloureux qu'il peut avoir. Le cas ci-dessus utilise le référencement, mais vous pouvez utiliser quelque chose comme "Vous rencontrez des problèmes pour convertir des prospects ?" puis positionnez votre service comme le remède. (Cliquez ici pour savoir comment ajouter des CTA coulissants à vos articles de blog.)

13. Oie grise

CTA : Découvrez un cocktail sur mesure à votre goût

Source des images

Voici un appel à l'action amusant et unique qui peut inciter les gens à cliquer. Alors que les visiteurs du site auraient pu s'attendre à être dirigés vers des pages de produits ou des communiqués de presse depuis la page d'accueil, un CTA pour "Découvrez un cocktail adapté à votre goût" est une demande agréablement surprenante. Les gens aiment la personnalisation, et ce genre de CTA ressemble à un jeu attrayant. L'icône du bouton de lecture à côté de la copie indique que les visiteurs seront redirigés vers une vidéo afin qu'ils aient une meilleure idée de ce à quoi s'attendre lorsqu'ils cliquent.

Comment reproduire ce CTA

La personnalisation fait des merveilles pour établir un lien avec les visiteurs. Envisagez de mettre en place un CTA qui suggère une expérience personnalisée aux visiteurs en fonction du produit ou du service que vous proposez. Par exemple, vous pouvez dire "Découvrez les forfaits qui correspondent à votre budget" ou "Choisissez un design adapté à votre marque".

14. Cabane dans les arbres

CTA : Réclamez votre essai gratuit

Source des images

De nombreux sites Web d'entreprises offrent aux utilisateurs la possibilité de commencer un essai gratuit. Mais le CTA sur le site Web de Treehouse ne se contente pas de dire "Démarrer un essai gratuit" ; il dit "Réclamez votre essai gratuit".

La différence de formulation peut sembler subtile, mais pensez à quel point "Demandez votre essai gratuit" est plus personnel. De plus, le mot "réclamation" suggère qu'il ne sera peut-être pas disponible longtemps, ce qui donne aux utilisateurs un sentiment d'urgence pour obtenir cet essai gratuit pendant qu'ils le peuvent.

Comment reproduire ce CTA

Si vous proposez un essai gratuit pour votre service, au lieu d'utiliser simplement un bouton indiquant « essai gratuit », personnalisez l'expérience en utilisant « démarrer votre essai gratuit ».

15. OK Cupidon

Incitation à l'action : Continuer

Source des images

Le CTA d'OKCupid ne semble pas si impressionnant à première vue, mais son éclat réside dans les petits détails.

Le bouton d'appel à l'action, qui est vert clair et se détache bien sur un fond bleu foncé, dit "Continuer". La simplicité de ce terme laisse espérer que le processus d'inscription est court et décontracté. Pour moi, ce CTA me donne plus l'impression de jouer à un jeu amusant que de remplir un formulaire ennuyeux ou de m'engager dans quelque chose qui pourrait me rendre nerveux. Et tout est dû à la copie.

Comment reproduire ce CTA

Les gens aiment les jeux, donc si cela fonctionne pour votre produit ou service, essayez de gamifier votre CTA pour susciter l'intérêt.

16. Blogging.org

CTA : Compte à rebours

Source des images

Rien de tel qu'un compte à rebours pour donner envie à quelqu'un d'agir. Après avoir passé un peu de temps sur la page d'accueil de blogging.org, les nouveaux visiteurs sont accueillis par un CTA pop-up avec une "offre à durée limitée", accompagnée d'une minuterie qui compte à rebours à partir de deux minutes.

Comme dans l'exemple d'Aquaspresso au n° 10, il s'agit d'une utilisation classique de la tactique psychologique appelée rareté, qui nous amène à attribuer plus de valeur aux choses que nous pensons être rares. Limiter le temps dont dispose quelqu'un pour remplir un formulaire donne envie aux gens de le remplir et de réclamer leur offre pendant qu'ils le peuvent.

Curieux, que se passe-t-il lorsque le temps est écoulé ? Moi aussi. Hilarante, rien ne se passe. Le CTA contextuel reste sur la page lorsque la minuterie arrive à zéro.

Comment reproduire ce CTA

Semblable à Aquaespresso, envisagez d'utiliser la rareté pour donner aux visiteurs de votre site un sentiment d'urgence à agir.

17. Image de marque et conception IMPACT

Incitation à l'action : ce que nous faisons

Source des images

Les CTA peuvent sembler vraiment insistants et vendeurs (oui, c'est un mot…) si le mauvais langage est utilisé. J'aime l'approche éducative d'IMPACT, où ils mettent les visiteurs au défi d'apprendre ce que fait l'entreprise avant de les pousser à prendre d'autres mesures. Cet appel à l'action m'intrigue particulièrement car ils n'utilisent même pas de verbe d'action, mais ils parviennent toujours à inciter les gens à cliquer.

Comment reproduire ce CTA

Incitez les visiteurs à en savoir plus sur votre entreprise en utilisant un langage dans votre CTA qui les persuade de voir ce que vous faites. Utilisez quelque chose comme "voir nos projets passés", "ce que nous faisons" ou "voir notre travail".

18. Huémor

CTA : lancement (ne pas appuyer)

Source des images

Si vous alliez sur un site Web et que vous voyiez un CTA « Lancer » accompagné de la copie « Ne pas appuyer »… que feriez- vous ? Soyons honnêtes : vous mourriez d'envie d'appuyer dessus. L'utilisation de la psychologie inversée inoffensive ici est ludique, ce qui est tout à fait conforme à la voix de marque de Huemor.

Comment reproduire ce CTA

Si votre marque est plus ludique ou dans l'industrie créative, vous pouvez l'utiliser à votre avantage dans un CTA en utilisant la gamification ou la psychologie inversée comme l'exemple de Huemor.

19. Brooks en cours d'exécution

CTA : Découvrez quand nous aurons plus

Source des images

Combien de fois avez-vous poursuivi avec passion un produit que vous aimez, pour découvrir qu'il est épuisé ? Eh bien, comme vous le savez peut-être, ce n'est pas non plus un pique-nique pour le vendeur. Mais ce n'est pas parce que vous êtes à court d'un article que vous devez arrêter de le promouvoir.

Brooks Running utilise un appel à l'action intelligent pour s'assurer que ses clients ne rebondissent pas sur leur site Web simplement parce que leur chaussure préférée est en rupture de stock. Dans la capture d'écran ci-dessus, vous pouvez voir Brooks vanter une superbe chaussure avec le CTA, "Découvrez quand nous en aurons plus." J'aime la façon dont ce bouton transforme les mauvaises nouvelles en une opportunité de fidéliser les clients. Sans cela, les clients de Brooks oublieraient probablement la chaussure et chercheraient ailleurs.

Lorsque vous cliquez sur le bouton bleu CTA illustré ci-dessous, Brooks vous dirige vers une page avec un code simple que vous pouvez envoyer par SMS à l'entreprise. Ce code invite Brooks à alerter automatiquement le visiteur lorsque la chaussure qu'il souhaite est à nouveau disponible.

Comment reproduire ce CTA

Pour les entreprises de commerce électronique, envoyer des clients vers une page indiquant que l'article est en rupture de stock peut être un obstacle pour les clients et les faire rebondir. Envisagez d'ajouter un CTA qui dit "prévenez-moi lorsque réapprovisionné" ou "découvrez quand nous en avons plus" pour les garder engagés et obtenir leurs informations de messagerie.

20. Comté de Humboldt

Incitation à l'action : suivez la magie

Source des images

Le site Web du comté de Humboldt est magnifique en soi : il vous accueille avec une vidéo plein écran d'images d'une beauté choquante. Mais ce que j'aime vraiment, c'est le bouton d'appel à l'action non conventionnel placé en bas au centre, qui comporte une icône de lapin et les mots "Suivez la magie".

Cela améliore le genre de sensation fantastique des images, vous donnant l'impression d'être sur le point d'entrer dans un conte de fées.

De plus, une fois que vous avez cliqué sur ce CTA, le site Web se transforme en une sorte de jeu d'aventure à choisir, qui est un chemin d'appel à l'action amusant pour les utilisateurs et les encourage à passer plus de temps sur le site.

Source des images

Comment reproduire ce CTA

Idéal pour les agences de voyage et les entreprises créatives, les CTA comme le lecteur de leurre de Humbolt. Si votre marque a une certaine marge de manœuvre créative, utilisez-la. Vous pouvez essayer une phrase comme « trouvez votre prochaine aventure » ou « planifiez votre voyage ».

21. Uber

CTA : Inscrivez-vous pour conduire | Commencez à rouler avec Uber

Source des images

Uber recherche deux types de personnes très distincts pour s'inscrire sur son site Web : les passagers et les chauffeurs. Les deux personnages recherchent des choses totalement différentes, et pourtant, le site Web les relie très bien avec la grande vidéo diffusée en arrière-plan montrant les passagers et les chauffeurs Uber s'amusant dans des endroits du monde entier.

J'aime aussi la copie du CTA du conducteur en haut : cela ne devient pas beaucoup plus simple que "Gagnez de l'argent en conduisant votre voiture". C'est parler la langue des gens.

Comment reproduire ce CTA

Cibler deux types de clients ? Vous pouvez créer des CTA pour chacun de leurs personnages de la même manière qu'Uber.

22. Spotify

Incitation à l'action : passez au Premium | Jouer gratuitement

Source des images

Dès que vous atteignez la page d'accueil de Spotify, il est assez clair que leur objectif principal est d'attirer les clients qui sont prêts à payer pour un compte premium, tandis que le CTA permettant aux utilisateurs de s'inscrire gratuitement est très secondaire.

Ce n'est pas seulement le titre qui le révèle; c'est aussi la coloration de leurs boutons CTA. Le CTA "Go Premium" est vert citron, ce qui le fait ressortir de la page, tandis que le CTA "Play Free" est blanc uni et se fond avec le reste de la copie sur la page. Ce contraste garantit que les visiteurs sont attirés par le CTA premium.

Comment reproduire ce CTA

Si vous proposez à la fois une version payante et une version gratuite d'un service, envisagez d'utiliser deux CTA distincts, en choisissant une couleur qui apparaît pour l'option payante par rapport à quelque chose de plus discret pour la version gratuite.

23. Ugmonk

CTA : Envoyez-moi les coupons | je ne suis pas intéressé

Source des images

Les CTA de sortie, également appelés pop-ups d'intention de sortie, sont différents des pop-ups normaux. Ils détectent le comportement de vos utilisateurs et n'apparaissent que lorsqu'ils semblent sur le point de quitter votre site. En intervenant en temps opportun, ces pop-ups constituent un moyen fantastique d'attirer l'attention de votre lecteur tout en lui offrant une raison de rester.

Ugmonk a un excellent CTA de sortie, offrant deux options aux utilisateurs comme dernier plaidoyer avant de quitter le site. Tout d'abord, ils offrent une remise de 15 % sur leurs produits, suivie de deux options : "Oui, s'il vous plaît : envoyez-moi le coupon" et "Non, merci : je ne suis pas intéressé". C'est super utile que chaque CTA clarifie ce que "Oui" et "Non" signifient réellement, et j'aime aussi qu'ils n'utilisent pas un langage culpabilisant comme "Non merci : je déteste la nature" comme je l'ai vu sur d'autres sites Web. Enfin, notez que le bouton "Oui, s'il vous plaît" est beaucoup plus lumineux et invitant en couleur que l'autre option.

Comment reproduire ce CTA

Les CTA d'intention de sortie sont extrêmement utiles pour le commerce électronique. Vous pouvez offrir une remise sur les services ou autre chose de valeur pour inciter les visiteurs à se convertir.

24. Pinterest

CTA : Continuer avec Facebook | S'inscrire

Source des images

Vous souhaitez vous inscrire sur Pinterest ? Vous avez plusieurs options : inscrivez-vous via Facebook ou par e-mail. Si vous avez un compte Facebook, Pinterest veut que vous le fassiez en premier. Comment puis-je savoir? Esthétiquement, je le sais parce que le bleu Facebook CTA vient en premier et est beaucoup plus proéminent, coloré et reconnaissable en raison du logo et de la couleur de la marque. Logiquement, je le sais car si vous vous connectez via Facebook, Pinterest peut extraire les données de l'API de Facebook et obtenir plus d'informations sur vous que si vous vous connectez via votre adresse e-mail.

Bien que cette page d'accueil soit optimisée pour attirer de nouveaux membres, vous remarquerez un CTA très subtil pour les personnes ayant des comptes Pinterest pour se connecter en haut à droite.

Comment reproduire ce CTA

Autorisez les utilisateurs à s'inscrire avec Facebook ou Google dans votre CTA. Cela permet aux visiteurs de gagner du temps pour s'inscrire et vous pourrez obtenir plus d'informations à leur sujet.

25. Madewell

CTA : Emmenez-moi là-bas | Et après?

Source des images

Madewell (propriété de J.Crew) a toujours eu une conception de site Web exceptionnelle, faisant passer ce qui pourrait être un site Web de commerce électronique typique au niveau supérieur. Leur utilisation des CTA sur leur page d'accueil ne fait pas exception.

Lorsque vous arrivez sur la page pour la première fois, vous êtes accueilli par le titre "Je cherche …" suivi d'une catégorie, comme "Des vêtements qui voyageront n'importe où". Sous cette copie se trouvent deux options : "Oui, emmène-moi là-bas" ou "Hmm… Et ensuite ?" L'utilisateur peut choisir entre les deux CTA pour parcourir les vêtements qui sont bons pour voyager, ou être amené au prochain type de vêtement, où il peut jouer à nouveau.

Cette gamification est un excellent moyen de rendre votre site plus intéressant pour les utilisateurs qui le découvrent sans avoir une idée précise de l'endroit où ils veulent chercher.

How to Replicate this CTA

Use gamification in your CTA to persuade visitors to explore your site further. They may not know specifically what they are looking for or how your company can help. Creating fun prompts can help visitors find what they are looking for.

26. Instagram

CTA: Download on the App Store | Obtenez le sur Google Play

Source des images

Since Instagram is a mainly mobile app, you'll see two black CTAs of equal size: one to download Instagram in Apple's App Store, and another to download it on Google Play. The reason these CTAs are of equal caliber is because it doesn't matter if someone downloads the app in the App Store or on Google Play … a download is a download, which is exactly what Instagram is optimizing for. If you already have Instagram, you can also click the CTA to “Log In” if you'd prefer that option, too.

How to Replicate this CTA

If you have an app, consider adding a CTA for each platform visitors can download it from. This remove friction and makes it easier for visitors to download your app without having to search.

27. Barkbox

CTA: Get Started | Offrir un cadeau

Source des images

The two CTAs on Barkbox's homepage show that the team there knows their customers: While many people visiting their site are signing up for themselves, there are a lot of people out there who want to give Barkbox as a gift. To give those people an easy path to purchase, there are two, equally sized CTAs on the page: “Get Started” and “Give a Gift.”

As an added bonus, there's an adorable, pop-up call-to-action on the right-hand side of the screen prompting users to leave a message if they'd like. Click into it, and a small dialogue box pops up that reads, “Woof! I'm afraid our pack is not online. Please leave us a message and we'll bark at you as soon as pawsible.” Talk about delightful copy.

How to Replicate this CTA

Similar to Uber, you can use multiple CTAs to serve different audiences. Play with language and come up with phrases that work best for your brand voice.

28. tc pharma

CTA: Find out more | Voir les produits

Source des images

Turns out Red Bull isn't its own parent company: It's owned by Thailand-based tc pharma, a company that makes popular energy drinks, electrolyte beverages, and functional drinks and snacks.

Its homepage features two call-to-action buttons of equal size: “Find out more” and “View products” — but it's clear by the bright yellow color of the first button that they'd rather direct folks to “Find out more.”

How to Replicate this CTA

Use color to persuade visitors to take a desired action. If you have a preferred button that you'd like people to click, make it the more prominent of the two.

29. General Assembly

CTA: View Full-Time Courses | S'abonner

Source des images

As you scroll through the General Assembly website, you'll see CTAs for various courses you may or may not want to sign up for. I'd like to point your attention to the CTA that slides in from the bottom of the page as you're scrolling, though, which suggests that you subscribe to email updates.

Although this feels like a secondary CTA due to its location and manner, I actually think they try to sneak this in to become more of a primary CTA because it's so much more colorful and noticeable than the CTAs for individual classes.

How to Replicate this CTA

When you create your own CTAs, try using bolder colors — even ones that clash with your regular stylings — to see if it's effective at getting people's attention. (Click here for a tutorial on how to add slide-in CTAs to your webpages.)

30. charity: water

CTA: Give by Credit Card | Give by PayPal

Source des images

Charity: water's main goal is to get people to donate money for clean water — but they can't assume that everyone wants to pay the same way.

The CTAs featured on their homepage take a really unique approach to offering up different payment methods by pre-filling $60 into a single line form and including two equally important CTAs to pay via credit card or PayPal. Notice how both CTAs are the same size and design — this is because charity: water likely doesn't care how you donate, as long as you're donating.

How to Replicate this CTA

For payment CTAs, consider giving visitors options for how to pay. What matters most is that they make the purchase.

31. Hipmunk

CTA: Flights | Hotels | Cars | Paquets

Source des images

When you land on the Hipmunk site, your main option is to search flights. But notice there are four tabs you can flip through: flights, hotels, cars, and packages.

When you click into one of these options, the form changes so you can fill out more information. To be 100% sure you know what you're searching for, Hipmunk placed a bright orange CTA at the far right-hand side of the form. On this CTA, you'll see a recognizable icon of a plane next to the word “Search,” so you know for sure that you're searching for flights, not hotels. When you're on the hotels tab, that icon changes to a hotel icon. Same goes with cars and packages.

How to Replicate this CTA

Use icons to provide further explanation of your CTA to users.

32. MakeMyPersona

CTA: Grab the template! | Non merci

Source des images

Here's another example of a great pop-up with multiple calls-to-action — except in this case, you'll notice the size, color, and design of the users' two options are very different from one another. In this case, the folks at MakeMyPersona are making the “Grab the template!” CTA much more attractive and clickable than the “No, I'm OK for now, thanks” CTA — which doesn't even look like a clickable button.

I also like how the “no” option uses polite language. I find brands that don't guilt-trip users who don't want to take action to be much, much more lovable.

How to Replicate this CTA

Being friendly shouldn't just be for getting visitors to take the desired action. Using friendly language is just as important in CTAs for those who would like to opt out. Consider using a phrase like “no thanks” or something similar to what MakeMyPersona used to keep it cordial even if customers aren't ready to make a purchase yet.

33. TeuxDeux

CTA: Get Started for Free | Try for Free

Source des images

Another example of simplistic design, TeuxDeux's main website features one phrase and two CTA buttons.

That's it.

Using the company's colors, the background is just a splash of red and some black.

The CTA buttons stand out against the color and emphasize that you can try the product for free.

I like these CTAs because they show that the company understands its audience. Whenever I'm researching to-do list apps, I always want to try it before I buy it. It's something that people are very particular about and want to test-drive. TeuxDeux's CTAs shows that they understand this about their audience.

How to Replicate this CTA

Know your audience and allow them to test drive your service. Tap into their needs and interests and include them in a CTA to help them navigate to what they need faster, risk-free. It could be something like “get started for free,” “download templates for free,” or “try for free.”

34. Betabrand

CTA: Get involved

Source des images

Betabrand is a clothing company that sells yoga/dress pants for women. Usually, clothing brands tend to use similar CTAs such as “Shop Now.”

However, Betabrand's homepage CTA is unique in that it involves the audience. Here, users can vote and impact the design of new products.

This is a fun way to get the audience involved and do something different.

Comment reproduire ce CTA

Encouragez la participation des visiteurs en utilisant un CTA de type vote ou sondage, le cas échéant. Il aide les clients à développer une relation personnelle avec la marque car ils contribuent au processus de prise de décision.

35. Fabletique

Incitation à l'action : édition limitée

Source des images

Ce CTA Fabletics utilise plusieurs tactiques marketing : la rareté et les vacances.

Sur la page d'accueil, la marque annonce une collection en édition limitée liée à un jour férié (fête des mères).

De plus, le CTA utilise une couleur vive pour que le CTA se démarque sur la page d'accueil simple.

Comment reproduire ce CTA

Combinez les types de CTA quand cela a du sens. Par exemple, vous pouvez utiliser la rareté avec une promotion à durée limitée pour une grande ouverture, des vacances ou pour célébrer le lancement d'un nouveau produit.

36. Ashley Stewart

CTA : magasinez dans le Lookbook

Source des images

Ashley Stewart est une marque de vêtements destinée aux femmes de grande taille. Dans ce CTA, l'entreprise utilise un design amusant pour attirer les visiteurs du site Web. L'ensemble du collage d'images ressemble à une pellicule dans les coulisses, ce qui est intéressant à regarder.

De plus, la copie CTA va droit au but, ce qui est utile pour les visiteurs qui cherchent à naviguer.

Comment reproduire ce CTA

Parfois court et doux est la meilleure approche. Utilisez vos CTA pour aller droit au but et obtenir des visiteurs ce qu'ils veulent. Vous pouvez utiliser quelque chose comme "acheter ce look" ou "télécharger le guide maintenant".

37. Amazon Musique

CTA : 3 mois gratuits

Source des images

Ceci est un excellent exemple de plusieurs des éléments dont nous avons parlé dans un CTA.

Amazon utilise deux CTA stratégiquement placés, un design coloré mais simple, et offre le produit gratuitement.

Avec ce CTA, Amazon fait la promotion de l'un de ses propres produits et services sur sa page d'accueil au lieu d'autres produits mis en vente sur le site.

Le seul message qu'ils veulent faire passer ? Que vous pouvez essayer leur produit, Amazon Music, gratuitement pendant trois mois entiers. Ce CTA atteint cet objectif avec une conception simple.

Comment reproduire ce CTA

Offrir un essai gratuit ? Faites-le savoir en utilisant un CTA proéminent qui apparaît et en éliminant les fonctionnalités inutiles qui encombrent la page de destination.

38. Barnes et Noble

Incitation à l'action : Achetez maintenant

Source des images

Barnes and Noble utilise un simple CTA pour inciter les visiteurs à acheter une collection limitée pendant les vacances de la fête des mères.

J'aime ce CTA parce que la conception de la page de destination est tellement cohérente avec l'image de marque de l'entreprise dans son ensemble.

De plus, les graphismes et les polices sont tous intéressants et correspondent au message de la marque.

Comment reproduire ce CTA

Créez un look cohérent qui attire votre public et correspond à la voix de votre marque. Jouez avec des polices et des couleurs qui se complètent et sont agréables à regarder. Gardez le CTA simple avec un bouton "acheter maintenant" ou "télécharger maintenant".

39. Slack

Incitation à l'action : En savoir plus | Nous contacter

Source des images

Slack utilise un beau design simple sur sa page d'accueil pour inciter les visiteurs à cliquer sur l'un des deux boutons CTA.

J'aime cet exemple car Slack a deux boutons CTA pour deux publics différents. Si vous ne faites que commencer vos recherches, vous pouvez cliquer sur "En savoir plus". Cependant, si vous êtes un visiteur régulier et que vous savez que vous souhaitez parler à un commercial, vous pouvez cliquer sur "Contactez-nous".

Ceci est un excellent exemple de servir deux publics avec vos CTA sur votre page d'accueil.

Comment reproduire ce CTA

Servez deux audiences avec des CTA distincts sur la même page de destination. Vous pouvez les rendre distincts en utilisant la couleur pour contraster les deux boutons ou attirer davantage l'attention sur le choix souhaité.

40.Nintendo

CTA : comparer les fonctionnalités

Source des images

Sur le site Web de Nintendo, la société se concentre sur la réponse à toutes les questions qu'un visiteur pourrait avoir.

En fait, l'un des principaux CTA est "Comparer les fonctionnalités". Avec ce CTA, Nintendo répond à l'une de leurs questions les plus populaires car ils comprennent que de nombreux visiteurs font encore leurs recherches avant d'acheter un produit.

Comment reproduire ce CTA

Vous avez plusieurs options de prix ou de fonctionnalités ? Envisagez d'utiliser un CTA qui aide les utilisateurs à comparer leurs choix afin qu'ils puissent prendre une décision plus éclairée.

Créez vos propres CTA

Voilà. Vous pouvez maintenant voir à quel point quelques petits ajustements CTA peuvent être importants. Inspirez-vous des exemples ci-dessus et créez des CTA qui convertissent.

Divulgation complète : nous n'avons pas de données pour savoir si elles sont toutes scientifiquement réussies, mais ces exemples suivent tous nos meilleures pratiques. Si vous décidez de recréer ces CTA sur votre site, n'oubliez pas de tester pour voir s'ils fonctionnent pour votre public.

Note de l'éditeur : cet article a été initialement publié en juin 2014 et a été mis à jour pour plus d'exhaustivité.