Les étapes de la création d’un appel à l’action
Un appel à l’action est simplement un bouton. Après avoir cliqué dessus, le visiteur est redirigé vers la page souhaitée. Mais lors de la création d’un appel à l’action, plusieurs questions doivent être résolues – en commençant par le style d’écriture du texte et en terminant par la teinte du champ du bouton. Voyons brièvement les étapes de la création d’un appel à l’action : Rédiger un texte d’appel à l’action. À ce stade, nous recommandons d’éviter les phrases impersonnelles et neutres – додати composer un texte d’appel à l’action. À ce stade, nous vous recommandons d’éviter les phrases impersonnelles et neutres. Vous pouvez créer jusqu’à 50 phrases d’appel à l’action puissantes ou avoir plusieurs bonnes phrases d’appel à l’action. Le point critique est de faire un brainstorming et de sélectionner la formulation d’appel à l’action la plus appropriée. Par exemple, un appel à l’action accrocheur dans le domaine de la finance doit être plus officiel qu’un appel à l’action d’entreprise sur un site Web qui vend des vêtements ; concevez le bouton et choisissez sa couleur. Selon une étude de Hubspot, la couleur rouge permet d’augmenter le taux de conversion de 21 % par rapport au vert. Cependant, la couleur doit correspondre à la gamme de couleurs communes des pages. L’exigence principale est le contraste maximal. Par exemple, la couleur blanche utilisée dans Evernote est bien visible sur un fond vert ; déterminez la taille du bouton. Respectez le juste milieu pour que les questions d’appel à l’action soient perceptibles, et tout ira bien ; déterminez l’emplacement de l’appel à l’action. Si le texte est long, l’appel à l’action peut être dupliqué. Vous ferez gagner du temps au lecteur (il n’aura pas à faire défiler le texte jusqu’au début ou à la fin) et vous lui rappellerez votre offre. Lorsque vous créez un appel à l’action, vous devez trouver un équilibre entre deux exigences : l’appel à l’action doit être visible mais pas intrusif.
Comment créer un appel à l’action
Il existe plusieurs recommandations adaptées à chaque cas. Lorsque vous concevez un appel à l’action, suivez les recommandations ci-dessous : Valeur informative maximale. Le texte de l’appel à l’action doit montrer ce qui se passe après avoir appuyé sur le bouton. N’utilisez pas de formulations peu claires. Par exemple, si vous proposez de télécharger un logiciel gratuit, écrivez « Télécharger pour Windows » ; si un visiteur doit remplir un formulaire, rédigez un texte correspondant ; si vous offrez des bonus, mettez l’accent sur ce point. Ce texte est généralement placé avant l’appel à l’action afin que le visiteur n’oublie pas le bénéfice. Parfois, l’information (par exemple, sur une réduction) est placée sur l’appel à l’action. Par exemple, lamoda.ua a un bouton d’appel à l’action qui dirige l’utilisateur vers la page des produits promotionnels qui peuvent être achetés avec une remise de 15 % ; Story-telling – montrez l’avantage de votre offre en quelques phrases (pourquoi l’utilisateur devrait vous choisir). Ensuite, placez le bouton d’appel à l’action ; lorsque vous concevez le texte d’appel à l’action, mettez-vous à la place du prospect. Par exemple, un CTA « Je veux amener mon site web au TOP » sonne mieux que « Passez une commande » ou « Achetez » ; utilisez la même police que pour le design du site web ; les images sur la page doivent être liées à l’appel à l’action. Par exemple, si un homme pointe du doigt quelque part sur l’image, faites en sorte qu’il pointe vers le bouton d’appel à l’action ; expérimentez la conception d’un bouton d’appel à l’action modifiable. Par exemple, il peut changer de couleur lors du défilement. Cela attire davantage l’attention ; si vous utilisez deux boutons d’appel à l’action adjacents, ils doivent avoir une couleur différente. Toute créativité est la bienvenue.
Erreurs lors de la création et du placement de l’appel à l’action
Il est parfois impossible de créer un appel à l’action parfait du premier coup. Il est préférable d’apprendre des erreurs des autres, alors essayez d’éviter les erreurs les plus courantes : L’utilisation de mots « froids » qui donnent une vague notion du résultat d’un clic sur le bouton ; Un écart important entre l’appel à l’action et le texte de l’offre. Si l’offre est décrite en détail, vous pouvez dupliquer le même appel à l’action ; cela ne fera pas de mal ; beaucoup de CTA différents dans un petit espace. N’oubliez pas que vous ne devez pas agacer ou mettre en colère le visiteur, mais le conduire à une action ciblée. Tout d’abord, tenez compte des sentiments du visiteur de la page ; la couleur du bouton est mal choisie. Il doit y avoir un contraste avec le jeu de couleurs général utilisé dans la conception du site Web ; le CTA est conçu comme une image. Dans la version mobile du site, le visiteur peut désactiver l’affichage de l’image pour économiser du trafic et ne verra pas l’appel à l’action ; le CTA contient un lien brisé ; l’information ou l’offre est périmée. Toutes ces erreurs ont un effet cumulatif. Si vous commettez plusieurs erreurs, votre appel à l’action aura une efficacité quasi nulle.
Lequel des éléments suivants est un exemple d’appel à l’action sur un site Web ?
Discutons de plusieurs exemples de phrases d’appel à l’action pour vérifier si vous avez bien compris les règles. Il s’agit d’exemples d’appels à l’action pour les services financiers et d’appels à l’action pour les assurances. Choisissez la phrase la plus appropriée parmi les suivantes : SoumettreDemandez un devis gratuitAchetez notre assurance maintenant. Quel modèle d’appel à l’action choisiriez-vous ? La bonne réponse est la deuxième option. « Obtenez un devis gratuit » est le meilleur modèle. Il explique le pourquoi de l’appel à l’action et offre des services gratuits, ce qui est toujours encourageant.
Où utiliser l’appel à l’action
Si vous analysez les sites Web populaires, vous verrez que les CTA peuvent être situés en haut de la page, derrière la ligne de pliage, à la fin des longues lectures et sur le côté de la page. Ces méthodes sont raisonnables, mais vous devez comprendre quand elles sont applicables : La partie supérieure de la page (avant la ligne de pliage) est une solution gagnant-gagnant. Le visiteur verra votre message à coup sûr. Regardez comment cela a été mis en œuvre sur plerdy.com – les avantages de la carte thermique sont décrits, et une offre pour en savoir plus est placée. La partie supérieure contient une offre d’essai gratuit de la fonctionnalité du service. Supposons que le visiteur s’intéresse à la proposition et continue à faire défiler la page. Continuez à parler des avantages de votre service sous la ligne de pliage et placez un autre CTA. Veuillez noter que le menu de la partie supérieure est épinglé et ne disparaît pas lorsque l’utilisateur fait défiler la page. Il contient un autre appel à l’action (pour essayer le service gratuitement) ; si le visiteur est intéressé par le matériel, cela permet une profondeur de défilement maximale. Il est donc raisonnable de placer l’appel à l’action dans la partie inférieure de la page. Les articles de blog (de nombreuses grandes entreprises en ligne en gèrent) en sont un excellent exemple. Les boutons d’appel à l’action (par exemple, pour s’abonner aux médias sociaux) sont toujours utilisés à la fin. Dans ce cas, vous pouvez placer les boutons à côté et les concevoir dans un seul style. Regardez à nouveau les exemples ci-dessus. Bien sûr, ils sont tous différents, mais les règles susmentionnées ont été respectées : des couleurs contrastées ont été utilisées et les avantages du produit ont été décrits correctement.
20 exemples d’appels à l’action
Nous avons traité de la théorie. Passons maintenant à la pratique. Tous les exemples ci-dessous utilisent des éléments d’appel à l’action.
ExxonMobil.com
Le site Web de l’une des plus grandes compagnies pétrolières utilise plusieurs types d’appels à l’action : la page d’accueil contient une offre permettant de vérifier l’activité de la compagnie et de télécharger un document pdf contenant des informations sur la compagnie. Notez que les deux CTA sont situés côte à côte et contrastent ; sous la ligne de pliage de la page, l’appel à l’action redirige l’utilisateur vers la section contenant les nouvelles pour les investisseurs et les événements importants liés à la société ; la partie inférieure de la page contient les liens standard vers les médias sociaux. Le champ d’appel à l’action est rouge – une solution appropriée car les boutons sont visibles aussi bien sur les fonds sombres que sur les fonds clairs.
Amerisourcebergen.com
Le site web d’AmerisourceBergen contient des appels à l’action destinés principalement à inciter le lecteur à en savoir plus sur l’activité de l’entreprise. Appels à l’action : découvrir de nouvelles idées ; lire des articles sur la pharmacie et la médecine ; contacter l’entreprise. Un formulaire de contact apparaît après avoir cliqué sur le bouton. Le storytelling est à souligner. Le premier appel à l’action ressemble à « En savoir plus sur notre rôle dans la chaîne d’approvisionnement ». Ensuite, l’activité de l’entreprise devient claire.
Chevron.com
Sur le site web de l’une des plus grandes entreprises énergétiques, la plupart des CTA incluent une offre pour en savoir plus sur l’activité de Chevron et sa contribution environnementale. Pour en savoir plus sur l’entreprise et son histoire, regardez une vidéo correspondante ; dans les articles, les CTA incitent les lecteurs à suivre leurs profils de médias sociaux.
Ford.com
La major de l’automobile n’a pas besoin de publicité supplémentaire. Il n’y a pas de flashs pour les nouvelles voitures ou les remises avant les CTA sur ford.com ; les appels à l’action sont surtout utilisés pour inciter les visiteurs à en savoir plus sur l’activité de l’entreprise. Types de CTA sur le site web : en savoir plus sur l’entreprise et ses domaines d’activité ; acheter des billets pour les événements Ford ; visiter la section avec les offres d’emploi Ford.
Gm.com
Cardinalhealth.com
Les appels à l’action suivants sont utilisés sur le site web : le traditionnel « en savoir plus » sur Cardinal health;le chargement des résultats et des rapports de recherche;l’étude des détails des programmes proposés;l’abonnement au mailing avec les nouvelles publications de Cardinal health. La plupart des CTA sont conçus sous la forme de boutons qui se détachent sur le fond de la page. Certains appels à l’action se distinguent du texte principal uniquement par la couleur.
Verizonwireless.com
On peut distinguer les CTA suivants sur le site web : CTA proposant de consulter les tarifs pour les entreprises et les particuliers ; appel à l’action pour lire sur l’activité de l’entreprise, ses offres et les nouvelles technologies ; possibilité de télécharger des documents pdf sur les avantages de travailler avec Verizon dans la section ; contact avec le support technique ; redirection vers la section boutique. Verizon propose des contrats avec des remises importantes sur les smartphones.
Bankofamerica.com
Différents CTA saturent la page d’accueil du site de Bank of America : on y trouve des liens vers des plans de service pour les cartes ; des offres saisonnières (par exemple, un guide sur les achats de Noël) ; le standard « Check out our products » и « Learn more » ; un appel à l’action pour consulter les apps développées par BoA.
Microsoft.com
Le site Web contient les CTA suivants : Commander les produits avec une remise, notamment un abonnement au Xbox game pass, à Office 365 et à d’autres produits de l’entreprise est proposé ; les CTA permettant de laisser des commentaires sur le site et de poser une question aux experts sont épinglés dans la partie inférieure. Les boutons sont interactifs et réagissent au survol. Il n’y a pas de problème de motivation.
Delltechologies.com
Le site Web contient des appels à l’action de plusieurs types : en savoir plus sur les produits ou les campagnes de promotion en cours ; regarder les vidéos ; acheter les articles – l’utilisateur est redirigé vers la page contenant la liste des produits ; obtenir une assistance – télécharger les pilotes et les manuels ; consulter les solutions spécialisées de la société pour le développement de produits informatiques. Il convient de noter que sur certaines pages, les éléments d’appel à l’action sont interactifs et que le bouton est coloré lorsqu’on le survole. Ainsi, même si le visiteur survole occasionnellement le bouton, l’ombrage attirera son attention.
Dupont.com
Le site web du géant américain de la chimie contient de nombreux CTA. Ils proposent les éléments suivants aux visiteurs : découvrez les représentations de Dupont ; étudiez les gammes de produits ; étudiez l’activité scientifique de Dupont. Le texte de l’élément d’appel à l’action est bien écrit. Bien sûr, il existe des « Read more » et « Learn more » classiques, mais les appels à l’action les plus clairs sont conçus de manière plus créative.
Statefarm.com
Trois types d’appels à l’action sont appliqués sur le site Web de l’assureur américain : pour demander des conseils à la compagnie ; un appel à l’action pour commencer à utiliser les services de StateFarm ; trouver un représentant local de la compagnie. En général, les appels à l’action ne sont pas mal conçus. Mais certains CTA sont difficiles à distinguer sur le fond (par exemple, « Get started » n’est pas séparé du texte), de sorte qu’il n’est pas clair qu’il ne s’agit pas d’une chaîne de caractères mais d’un lien.
Fedex.com
Les appels à l’action sur le site web de l’opérateur de transport mondialement connu sont utilisés pour : le suivi des colis – le premier appel à l’action à voir en ouvrant le site web ; la vérification du calendrier des vacances. Les CTA les plus importants sont de couleur orange. Les autres boutons d’appel à l’action ne sont pas colorés ; ils ont un contour ou sont donnés en texte brut.
Pepsico.com
Sur le site web de cette entreprise américaine transnationale, les CTA sont utilisés pour : En savoir plus sur les particularités de leur activité;les efforts de développement social de Pepsico;s’informer sur les points de vente et la composition des produits. Le design est standard – texte d’appel à l’action + contour du bouton de contraste.
Sysco.com
La page d’accueil comprend les CTA suivants : redirection vers la section contenant le bilan annuel ; appel à l’action pour devenir client ; consultez le réseau de représentation Sysco ; les pages produits contiennent des recettes, des mises en scène de table et autres subtilités culinaires. L’appel à l’action pour suivre les profils de médias sociaux est génial. Des photos lumineuses et des offres pour voir une recette sur Twitter Facebook attirent l’attention.
Hp.com
Le site Web de Hewlett-Packard comprend les CTA suivants : « En savoir plus » – le visiteur est redirigé vers la page correspondante et découvre des informations sur le produit qui l’intéresse ; « Garder le contact » – lien vers le profil HP sur les médias sociaux ; « Rechercher » – offre permettant de sélectionner la variante la plus adaptée aux besoins de l’acheteur sur les pages produits ;
Pfizer.com
Ce géant pharmaceutique utilise les CTA suivants : écoutez un podcast et abonnez-vous à l’envoi de notifications Pfizer, effectuez une recherche et une recherche avancée, consultez les recherches de Pfizer, lisez les témoignages de Pfizer . Certaines sections du site Web comportent de petits marqueurs indiquant que l’histoire se poursuit au lieu de véritables CTA. Pour le reste, une approche standard des éléments d’appel à l’action est appliquée.
Goldmansachs.com
Le site web de l’une des plus grandes banques d’investissement utilise les éléments d’appel à l’action suivants : consultez les infographies, les textes et les documents sur le fonctionnement de la banque d’investissement ; abonnez-vous aux notifications de la banque.
Cigna.com
Il y a beaucoup d’appels à l’action sur le site Web : L’appel à l’action avant les lignes de pliage propose de trouver un médecin, de s’inscrire ou de s’enregistrer;les CTA proposent d’en savoir plus sur l’entreprise, les changements importants de calendrier et les différents programmes ; les CTA sont conçus sous forme de boutons et de texte coloré. Bien que la page contienne de nombreux éléments d’appel à l’action, ils n’entravent pas la perception de l’information.
Americanexpress.com
Les éléments CTA suivants sont utilisés sur le site Web : redirection du visiteur vers la page contenant des informations sur l’entreprise et son activité ; affichage des bureaux locaux d’American Express ; consultation des offres de l’entreprise. En outre, les éléments CTA présents sur les pages du site permettent d’en savoir plus sur les produits et de les comparer. La page d’accueil manque de textes menant à un appel à l’action. Au lieu de cela, les offres contiennent immédiatement le nom du produit et l’appel à l’action. Pour le reste, il n’y a pas de commentaires.
Conclusion
L’analyse des sites Web susmentionnés montre qu’il est utile d’utiliser un élément d’appel à l’action, quel que soit le domaine d’activité de l’entreprise. Il s’agit d’un outil universel permettant de rediriger rapidement l’utilisateur vers la page souhaitée. Utilisés correctement, les éléments d’appel à l’action réduisent le chemin entre la visite du site et la commande de l’article ou du service. En ce qui concerne la conception de l’appel à l’action, nous recommandons ce qui suit : La chose la plus importante est que les CTA doivent être conçus comme des boutons. Il est recommandé d’en rendre certains réactifs au survol (changer de couleur ou maximiser) ; L’appel à l’action peut être sous forme de texte. Dans ce cas, mettez-le en couleur ou décalez-le légèrement du bloc de texte. Un marqueur soulignant qu’il ne s’agit pas seulement d’un texte mais d’un CTA peut être placé à droite. Le respect des recommandations ci-dessus rend les appels à l’action efficaces. Les sites Web ci-dessus peuvent servir d’exemple d’appels à l’action.
Commentaires récents