En bref
Le call-to-action (CTA) est le bouton qui transforme un visiteur en acheteur : ajouter au panier, commander, découvrir. Son efficacité tient à trois choses : un libellé limpide plutôt qu'original, un placement toujours visible (au-dessus de la ligne de flottaison, et persistant sur les pages produits), et une hiérarchie visuelle nette entre le bouton principal et le secondaire. Notre conviction d'agence tient en une phrase : mieux vaut convertir qu'avoir l'air original. Cette page vous donne les libellés français qui fonctionnent, les règles de placement et de design que nous appliquons sur toutes nos boutiques, et les pièges qui diluent vos conversions.
Sommaire
Un bouton n'est jamais un détail. C'est l'endroit précis où la décision d'achat se matérialise, et quelques choix simples y font une différence mesurable : le mot affiché, la position sur l'écran, le contraste avec le reste de la page. Voici comment concevoir des call-to-action qui convertissent sur Shopify, sans céder aux modes qui font joli et vendent moins.
Chez Stellar, nous évitons les libellés alternatifs : je préfère convertir que d'avoir l'air original. Nous passons beaucoup de temps sur les CTA, avec toujours deux variantes, le principal et le secondaire, identiques partout sur le site. Nous évitons les couleurs criardes, tout en veillant à sortir du lot face au bouton Shop Pay, très voyant. Et sur chaque création : le CTA visible sans faire défiler, persistant sur les pages produits, et un ajout au panier rapide très intuitif sur les pages de collections.
Les libellés : la clarté avant l'originalité
La règle d'or : un visiteur ne doit jamais se demander ce qui se passe s'il clique. Les libellés standard ont gagné leur place parce qu'ils sont compris instantanément : "Ajouter au panier" convertit mieux que n'importe quelle trouvaille créative, précisément parce qu'il ne fait réfléchir personne. L'originalité dans un bouton se paie en hésitations.
Selon l'intention de la page, voici les formulations françaises qui font référence.
| Intention | Libellés qui fonctionnent | À éviter |
|---|---|---|
| Achat (page produit) | Ajouter au panier · Acheter maintenant | Je me lance ! · C'est parti |
| Commande (panier) | Passer la commande · Payer | Finaliser mon expérience |
| Découverte (accueil, collections) | Découvrir la collection · Voir les produits | Entrer dans l'univers |
| Contact ou devis (services) | Demander un devis · Prendre rendez-vous | On discute ? |
| Inscription (newsletter) | S'inscrire · Recevoir la newsletter | Rejoindre l'aventure |
Un libellé peut préciser un bénéfice quand le contexte l'exige ("Recevoir mon guide"), mais jamais au prix de l'ambiguïté. Le test est simple : si votre bouton a besoin d'une phrase d'explication, son libellé est raté.
Le placement : visible, toujours
Le meilleur libellé du monde ne convertit pas s'il faut le chercher. Trois règles de placement couvrent l'essentiel :
- Au-dessus de la ligne de flottaison : sur une page produit, le bouton d'achat doit être visible sans faire défiler, sur mobile comme sur ordinateur.
- Persistant sur les pages produits : quand le visiteur fait défiler la description ou les avis, un bouton d'ajout au panier reste accroché à l'écran. Il capte la décision au moment où elle se prend.
- L'ajout rapide sur les collections : permettre d'ajouter un produit au panier directement depuis la grille de collection, sans ouvrir la fiche, fluidifie l'achat des produits simples et des réassorts.
Ces choix de placement comptent d'autant plus que la page se charge vite : un bouton visible sur une page lente reste un bouton invisible, un sujet que nous traitons dans notre guide sur la vitesse et la conversion.
Le design : hiérarchie et couleurs
Une page efficace repose sur deux niveaux de boutons, et deux seulement : un CTA principal (l'action que vous voulez vraiment), et un CTA secondaire (l'alternative utile), visuellement en retrait. Cette hiérarchie doit rester identique sur tout le site : mêmes styles, mêmes comportements, partout. La cohérence est une forme de clarté.
Côté couleur, le vrai sujet n'est pas la teinte magique, c'est le contraste et le contexte. Évitez les couleurs criardes qui abîment la marque. Mais tenez compte d'un paramètre que beaucoup oublient : sur Shopify, le bouton de paiement accéléré Shop Pay s'affiche en violet très voyant à côté de votre propre bouton. Votre CTA principal doit exister visuellement face à lui, sans hurler pour autant. C'est un équilibre à régler finement, thème par thème.
Les pièges qui diluent vos CTA
Les erreurs les plus fréquentes ne relèvent pas du manque de créativité, mais de son excès. Les quatre que nous corrigeons le plus souvent :
- Les CTA concurrents : trois boutons de même importance sur un écran, et plus personne ne sait où cliquer.
- Les faux boutons : des éléments décoratifs qui ressemblent à des boutons sans être cliquables, et qui érodent la confiance.
- Les libellés créatifs : l'ambiguïté déguisée en personnalité de marque.
- L'incohérence : un bouton qui change de style ou de libellé d'une page à l'autre, obligeant le visiteur à réapprendre.
Le remède est toujours le même : simplifier et hiérarchiser. C'est le prolongement direct de notre conviction sur le parcours client : chaque élément retiré est une friction en moins.
Notre charte CTA en 5 règles
Voici les règles que nous appliquons sur toutes les boutiques que nous créons. Elles tiennent sur une main, et elles couvrent la quasi-totalité des cas.
- Des libellés standard et limpides, jamais de formule originale qui fait hésiter.
- Deux variantes seulement, un principal et un secondaire, identiques partout sur le site.
- Des couleurs affirmées sans être criardes, calibrées pour exister face au bouton Shop Pay.
- Le CTA visible sans faire défiler, et persistant sur les pages produits.
- Un ajout au panier rapide et intuitif sur les pages de collections.
Si vous voulez vérifier l'effet de ces règles chez vous, observez où cliquent réellement vos visiteurs avec les heatmaps, et validez les cas ambigus par un test A/B si votre trafic le permet. Pour une refonte qui applique cette charte de bout en bout, c'est ce que couvre notre accompagnement e-commerce, dans le cadre de notre guide du CRO sur Shopify.