Bonnes pratiques d’emplacement du CTA pour augmenter le taux d’ouverture

La position du bouton d’appel à l’action (CTA) Tangiblee sur une page produit a plus d’effet sur le taux d’ouverture que sa taille, sa couleur, son animation ou sa formulation. Cet article explique où placer le CTA, comment le concevoir et comment le libeller, par appareil et par catégorie de produit, avec les données qui appuient chaque recommandation.

Avant de commencer

• Le taux d’ouverture est la part des utilisateurs d’une page produit Tangiblee qui ouvrent l’expérience Tangiblee. Il compte tous les utilisateurs de la page, y compris ceux qui ne font jamais défiler la page jusqu’au CTA.
• Les données proviennent de deux audits Tangiblee Analytics de pages produit, de juillet à octobre 2026. Un audit couvre la bijouterie et l’horlogerie. L’autre couvre les sacs et les bagages.
• Les résultats sont agrégés entre détaillants. Ils n’identifient pas de sites individuels.

Remarque : Les audits comparent des détaillants différents. La catégorie, le marché, le niveau de prix et le trafic ne sont pas contrôlés. Considérez les résultats comme une orientation solide, pas comme des effets démontrés, et testez tout changement important avant de le déployer. Voir « Tester un changement de CTA » plus bas.

Recommandations clés

Emplacement du CTA sur mobile

Sur mobile, les CTA placés dans le premier écran ont un taux d’ouverture plus élevé que ceux placés sous le pli. Les meilleurs emplacements sont juste sous la galerie ou l’image principale, et en bas de l’image principale. Cette zone se trouve à portée de pouce et sur le trajet du regard de l’acheteur vers les détails du produit.

Sur les pages de sacs et de bagages, un CTA juste sous la galerie a un taux d’ouverture médian de 17,4 %. Un CTA dans le bloc d’achat, sous le pli, a un taux d’ouverture médian de 10,6 %.

Sacs et bagages (taux d’ouverture médian, 90 jours)

Bijouterie et horlogerie (taux d’ouverture moyen, 7 jours)

Un détaillant à faible trafic a placé son CTA en bas de l’image principale et a atteint 30,3 %. Cela appuie la zone du bas de l’image, mais ce n’est pas un chiffre précis.

Le même schéma apparaît quand on compare un même détaillant d’un appareil à l’autre. 10 détaillants de sacs et de bagages sur 13 dont le CTA mobile se trouve dans le bloc d’achat, sous le pli, ont un taux d’ouverture plus bas sur mobile que sur ordinateur, avec un écart médian de 3,6 points de pourcentage. Les détaillants dont le CTA est juste sous la galerie gagnent en médiane 2,1 points sur mobile.

Remarque : Les deux audits utilisent des périodes et des méthodes différentes. Comparez les emplacements à l’intérieur d’un même audit, pas d’un audit à l’autre.

Recommandations pour mobile

• Fixez une superposition à l’image, pas à l’écran.
• Placez la superposition à 16 à 20 pixels du bord de l’image.
• Gardez la superposition visible pendant que l’acheteur fait défiler la galerie.
• Ne placez pas le CTA dans les coins supérieurs de l’image. Il y entre en concurrence avec le fil d’Ariane et la navigation.
• Ne placez pas le CTA sous la bande de miniatures ni dans le bloc d’achat. Ces zones se trouvent généralement sous le pli.
• Vérifiez les éléments flottants, comme les bulles de chat, les badges de fidélité, les boutons d’accessibilité et les barres « Ajouter au panier » fixes. Vérifiez le CTA à chaque position de défilement. Si un élément le recouvre, déplacez le CTA vers le centre.

Emplacement du CTA sur ordinateur

Sur ordinateur, le bloc d’achat est généralement visible sans défilement. Nous recommandons de placer le CTA entre le sélecteur de variante et « Ajouter au panier », là où l’acheteur choisit la taille, la couleur ou le style. Si la mise en page ne le permet pas, placez le CTA centré juste sous l’image principale.

Les superpositions en haut de l’image principale ont le taux d’ouverture le plus bas dans les deux audits. Dans l’audit des sacs et des bagages, les emplacements dans le bloc d’achat ont des médianes de 13,9 % pour un petit lien et de 13,2 % pour un bouton pleine largeur. Les CTA sur l’image principale ont une médiane de 10,8 %.

Sacs et bagages (taux d’ouverture médian, 90 jours)

Bijouterie et horlogerie (taux d’ouverture moyen, 7 jours)

Remarque : Plusieurs détaillants de bijouterie et d’horlogerie avaient moins de 600 utilisateurs sur ordinateur pendant la période. Les chiffres sur ordinateur pour la bijouterie et l’horlogerie sont donnés à titre indicatif uniquement.

Astuce : Un emplacement qui fonctionne dans le bloc d’achat sur ordinateur ne se transpose pas sur mobile. Le bloc d’achat se trouve généralement sous le pli sur mobile. Définissez l’emplacement pour chaque appareil.

Emplacement par catégorie

Les recommandations générales s’appliquent à toutes les catégories. Le tableau montre ce que les données ajoutent pour chaque catégorie.

Sacs et bagages

Les sacs et bagages sont la catégorie qui dispose des preuves les plus solides, sur les deux appareils. Sur mobile, le taux d’ouverture le plus élevé de l’audit provient de 2 pastilles en bas de l’image principale. Sur ordinateur, le bloc d’achat a un taux d’ouverture plus élevé que l’image principale.

La taille et la capacité guident la décision d’acheter un sac. Si les deux expériences existent, nous recommandons 2 points d’entrée : un pour l’échelle et un pour la capacité. Les libellés de taille et de capacité ont presque le même taux d’ouverture. Choisissez le libellé qui correspond à ce que montre l’expérience.

Les taux d’ouverture varient aussi selon le marché, avec la même mise en page. Une marque a des taux d’ouverture sur mobile de 8,6 % à 13,8 % selon ses marchés. Comparez les emplacements à l’intérieur d’un même marché.

Bijouterie

La plupart des données de bijouterie proviennent de pages de bagues. Les échantillons pour les bracelets et les boucles d’oreilles sont petits. Sur mobile, un CTA juste sous l’image principale, centré, a le taux d’ouverture moyen le plus élevé (14,5 % sur 5 détaillants). Sur ordinateur, l’emplacement juste sous l’image principale a le taux d’ouverture moyen le plus élevé (11,0 % sur 3 détaillants), et les superpositions en haut de l’image ont le plus bas.

Une icône d’appareil photo est la convention de la catégorie pour l’essayage. La formulation n’a pas été analysée pour la bijouterie : les recommandations générales sur les libellés s’appliquent donc.

Horlogerie

Les audits incluent 2 détaillants d’horlogerie, avec des taux d’ouverture sur mobile de 8,4 % et de 12,7 %. Ce n’est pas suffisant pour distinguer les emplacements. Nous recommandons les recommandations de la bijouterie : un CTA d’essayage avec une icône d’appareil photo, dans le premier écran mobile, en bas de l’image principale ou juste en dessous.

Conception du CTA

Style

Le CTA doit ressembler à une action et rester secondaire par rapport à « Ajouter au panier ».

• Un simple lien texte ressemble à du texte courant ou à de la navigation.
• Un grand bouton plein dans une couleur d’achat peut être confondu avec « Ajouter au panier », ou ignoré comme tel.
• Un bouton à contour, ou une pastille blanche avec bordure et icône, est le modèle recommandé.
• Sur les images, vérifiez que le CTA a du contraste sur les photos de produit claires et sombres.

Dans l’audit des sacs et des bagages, le plus grand bouton était un bouton plein qui ressemblait à une action d’achat. Il comptait parmi les moins performants sur les deux appareils. Les boutons pleine largeur et les petits liens dans le bloc d’achat sur ordinateur ont donné des résultats presque identiques.

Taille

La taille a moins d’effet que la position.

• Sur mobile, utilisez une hauteur de 44 pixels ou plus.
• Sur mobile, utilisez une largeur de 35 à 60 pour cent de l’écran. C’est la plage des CTA mobiles les plus performants de l’audit de la bijouterie et de l’horlogerie.
• Sur ordinateur, alignez la largeur sur la rangée de nuanciers ou sur la colonne « Ajouter au panier ».

Icône

Une icône explicite montre à l’acheteur ce qui se passe quand il clique. Utilisez un appareil photo pour l’essayage, une règle ou une balance pour la taille, et une silhouette de sac pour la capacité.

11 détaillants de bijouterie et d’horlogerie sur 15 utilisent une icône d’appareil photo. Les icônes abstraites, comme un cadre de numérisation, obligent l’acheteur à deviner. Un détaillant avec un bouton composé d’une seule icône, sans texte, atteint 27,7 % sur mobile.

Animation

Les CTA animés et statiques ne se distinguent pas dans les données. 5 des 15 détaillants de bijouterie et d’horlogerie utilisent un CTA animé.

Libellé du CTA

Dans l’audit des sacs et des bagages, la formulation ne montre aucun lien constant avec le taux d’ouverture une fois l’emplacement et le marché pris en compte. Un libellé est un standard de qualité, pas un levier de croissance. Nous recommandons un libellé court et précis, dans la langue de l’acheteur.

Remarque : La formulation n’a pas été analysée pour la bijouterie, l’horlogerie ni le mobilier et la décoration. Ces libellés sont des exemples, pas des résultats mesurés.

Évitez ces libellés :

• Les libellés génériques comme « Informations sur la taille ». Ils ressemblent à un guide des tailles statique.
• Les mots peu clairs pour la catégorie. Pour les sacs, évitez « coupe » seul.
• Le nom du guide des tailles natif ou de la section des dimensions du site. Un accordéon natif portant le même nom entre en concurrence avec le CTA.

Ce que montrent les données sur la formulation

• Les libellés de taille et de capacité ont presque le même taux d’ouverture : 12,3 % et 11,5 % sur mobile, et 13,7 % et 13,1 % sur ordinateur.
• Les libellés qui commencent par un verbe sont en tête sur ordinateur (14,3 % contre 12,9 %) mais en retrait sur mobile (10,5 % contre 12,7 %). Il n’y a pas de tendance constante.
• La longueur du libellé ne montre pas de lien net avec le taux d’ouverture. Pour les 14 libellés en anglais ou dans une autre langue à alphabet latin, la corrélation de rang est de -0,19 sur mobile et de 0,11 sur ordinateur. Les deux valeurs sont proches de zéro.
• Le même libellé à la même position varie selon le marché. Une marque utilise un libellé à la même position dans le bloc d’achat sur ses sites anglophones, avec des taux d’ouverture sur ordinateur de 10,9 % à 16,8 %. Une autre marque utilise un libellé sur tous ses sites germanophones, avec des taux d’ouverture sur ordinateur de 12,9 % à 16,6 %.
• Des libellés presque identiques diffèrent selon l’emplacement. « Voir la taille » atteint 18,8 % sur mobile juste sous la galerie. « Voir la taille du sac » atteint 10,6 % dans le bloc d’achat sous le pli.

Le taux d’ouverture ne montre pas ce qui se passe après le clic. Un libellé clair pourrait apporter moins d’ouvertures, mais mieux qualifiées. Aucun des audits ne l’a mesuré. Pour le savoir, lancez un test portant uniquement sur le libellé, chez un détaillant à fort trafic, avec la même conception et la même position. Lisez le taux d’ouverture et la CVR des utilisateurs ayant interagi (la CVR des utilisateurs qui ont ouvert l’expérience Tangiblee).

Points d’entrée

Un point d’entrée est tout élément de la page qui ouvre l’expérience Tangiblee. Une page peut en avoir plusieurs.

• Utilisez un point d’entrée par zone de la page.
• N’ajoutez un autre point d’entrée que s’il mène à un résultat différent. Par exemple, un pour la taille et un pour la capacité.
• Ne répétez pas le même CTA avec le même libellé à de nombreux endroits. Cela ajoute du bruit, pas de la portée.
• Balisez chaque point d’entrée séparément, pour mesurer ce que chacun apporte au taux d’ouverture.

Pages en rupture de stock

Conservez le CTA sur les pages de produits indisponibles et en rupture de stock. Les acheteurs veulent toujours voir la taille et l’aspect d’un produit qui n’est pas disponible. Dans l’audit des sacs et des bagages, 2 des taux d’ouverture les plus élevés sur ordinateur provenaient de pages avec des articles indisponibles.

Portée du CTA

Un CTA qui ne se charge pas, ou qui se charge tard, perd des ouvertures quelle que soit sa conception. Les audits ont constaté :

• des CTA qui mettaient 25 à 40 secondes à s’afficher ;
• des CTA qui ne s’affichaient qu’après un défilement ;
• des CTA masqués pour les visiteurs ayant refusé les cookies ou le partage de données.

Avant de modifier la conception du CTA, vérifiez que le CTA :

1. s’affiche rapidement ;
2. s’affiche sans action de l’utilisateur ;
3. s’affiche pour chaque état de consentement que le site permet.

Tester un changement de CTA

Nous recommandons un test B/B pour chaque changement de CTA important. Dans un test B/B, les deux groupes voient Tangiblee. Le groupe témoin conserve le CTA actuel. Le groupe variante reçoit le nouveau CTA.