Sur mobile, l’ajout au panier dépend très fortement de l’emplacement du bouton. Le “sticky Add To Cart” (bouton d’ajout au panier fixé à l’écran) figure parmi les améliorations UX les plus rentables dans l’e-commerce moderne.
Mais pour qu’il remplisse vraiment son rôle, son positionnement doit être millimétré.
Trop haut, il gêne la lecture.
Trop bas, il passe inaperçu.
Mal intégré, il peut même faire baisser vos ventes.
Les données des tests A/B menés sur plus de 300 boutiques entre 2022 et 2024 montrent une variation de 8 à 22 % du taux d’ajout au panier selon la position exacte du sticky ATC.
Ce qui signifie qu’un simple ajustement de quelques pixels peut changer la donne pour un site mobile.
Le placement bas “semi-flottant” s’impose sur 71 % des tests A/B
La plupart des analyses UX montrent que le regard mobile se concentre en priorité dans la zone basse de l’écran, mais légèrement au-dessus de la barre système.
On l’appelle parfois le sweet spot UX : un espace situé entre 8 % et 15 % de la hauteur totale.
Ce positionnement est privilégié pour plusieurs raisons
Le pouce repose naturellement dans cette zone.
La lecture de la fiche produit n’est pas bloquée.
Le bouton reste visible même pendant un scroll rapide.
La bannière ne masque pas les informations clés (galerie, prix, variantes).
Les boutiques qui adoptent cette zone enregistrent en moyenne :
- +14 % d’ajouts au panier,
- +9 % de progression vers checkout,
- une baisse nette des retours arrière sur la page produit.
Le sticky ATC placé en bas de l’écran, dans une bande de 48 à 56 px, obtient les meilleurs taux d’engagement dans les études utilisateurs.
Le piège du sticky ATC trop bas : la zone “confondue avec l’OS”
Lorsque le bouton est placé au ras de l’écran, beaucoup d’utilisateurs le confondent avec la barre de navigation ou avec la zone de gestes tactiles.
Résultat : il n’est pas perçu comme un élément interactif.
Les tests UX montrent que :
- lorsqu’un sticky ATC est collé à moins de 5 mm du bord physique, le taux de clic chute jusqu’à –11 %,
- les gestes de retour et de multitâche déclenchent plus d’erreurs,
- les utilisateurs “manquent” le bouton une fois sur quatre dans les sessions enregistrées.
Il faut donc éviter d’appuyer complètement le sticky ATC contre le bas absolu de l’écran.
Pourquoi placer le sticky ATC sur le côté droit est rarement performant ?
Certaines boutiques testent une “pill button” verticale sur la droite.
Ce design donne un aspect premium et libère la vue, mais les chiffres ne suivent pas.
Dans 83 % des tests, cette position latérale est moins performante.
Les raisons sont claires :
- Les utilisateurs attendent les actions importantes en bas, pas sur le côté.
- Le pouce droit atteint difficilement la zone centrale droite sur les écrans larges.
- Sur les téléphones pliables, cette zone devient encore moins accessible.
La latéralisation donne une baisse moyenne de :
- –6 % d’ajouts au panier,
- –4 % de passage au panier,
- plus de scroll nécessaire pour le déclenchement.
À éviter sauf cas ultra-particuliers (boutiques de niche, présentation très graphique, animations complexes).
L’emplacement optimal dépend aussi du bloc “prix + variantes”
Voici un point souvent négligé :
Si le bloc prix + variations est trop long, le sticky ATC devient le seul bouton (immédiatement visible) sur mobile.
Dans ce cas, la position doit être ajustée pour ne pas masquer des éléments nécessaires à la sélection du produit.
Cas où il faut relever légèrement le sticky ATC
- produits avec beaucoup de tailles ou de couleurs,
- configurateurs complexes,
- pages avec vidéo en autoplay en bas de l’écran,
- blocs promotionnels ou barres d’urgence.
Relever de 3 à 5 % la zone du sticky ATC dans ces situations améliore la visibilité des variantes et réduit les erreurs de sélection.
Les tests montrent une hausse de +6 % de validation après variante lorsque le bouton ne cache pas ce bloc.
Le sticky ATC qui apparaît “au bon moment” surpasse le sticky permanent
Contrairement à ce qu’on croit, un sticky ATC affiché en permanence n’est pas la configuration la plus efficace.
Le bouton doit apparaître une fois que l’utilisateur a passé le premier bloc ATC classique.
Statistiquement :
- Un sticky affiché trop tôt donne –4 % d’engagement,
- S’il apparaît juste après le premier bloc ATC principal, l’engagement monte de +12 %.
Cela s’explique facilement :
L’utilisateur doit d’abord voir le prix, la taille, et les premiers visuels avant qu’un bouton secondaire apparaisse.
Sinon, il semble redondant, voire intrusif.
Le contraste du sticky ATC influence son placement idéal
La position n’est pas qu’une question de pixels.
Elle dépend aussi de la manière dont le bouton se détache de l’interface.
Trois observations récurrentes :
Un bouton très vif doit être légèrement plus bas pour ne pas attirer trop tôt le regard.
Un bouton neutre peut être placé plus haut, sinon il passe inaperçu.
Un bouton semi-transparent fonctionne mieux avec 6 à 10 % de marge verticale au-dessus du bord.
Les contrastes élevés bénéficient d’un placement plus discret, alors que les tons plus doux doivent être remontés pour capter l’attention.
A LIRE AUSSI SEA : comment éviter la sur-dépense en identifiant les signaux d’inflation d’audience ?
Les métriques qui déterminent si votre sticky ATC est bien placé
Pour valider la position optimale, les boutiques e-commerce analysent systématiquement quatre données :
- le taux de clic sticky ATC,
- la proportion de clics sticky vs clics ATC classique,
- le taux de défilement avant clic,
- la fréquence de retour en arrière depuis la fiche produit.
Voici les seuils observés sur les boutiques les plus performantes
Plus de 60 % des ajouts doivent provenir du sticky ATC.
Moins de 20 % de retours arrière avant interaction.
Moins de 2 secondes entre le début de la page et la première action d’exploration.
Si ces chiffres ne sont pas atteints, le placement doit être ajusté.