Barre de progression : les trois erreurs les plus habituelles

Les trois erreurs qui reviennent le plus souvent sont un seuil mal calé par rapport à votre panier moyen, un palier qui ne tient pas sa promesse partout (pays, devise, code promo, cadeau en rupture) et une barre que le client ne voit pas ou ne comprend pas, surtout sur mobile. Chacune s'évite avant publication, avec des chiffres que vous avez déjà dans Shopify et une vérification à la main de quelques paniers.

Une barre de progression est simple dans son principe : elle montre au client ce qui lui manque pour obtenir la livraison offerte, un cadeau ou une remise. C'est justement parce qu'elle a l'air simple qu'on la configure vite, et qu'on laisse passer les détails qui la rendent inutile, voire contre-productive. Voici les trois pièges que l'on rencontre le plus souvent, et la façon de les éviter.

Erreur n°1 : un seuil calé au hasard

Le seuil est le cœur de la barre. Deux erreurs opposées reviennent sans cesse.

Le seuil trop bas. Si la livraison offerte démarre à 30 € alors que votre panier moyen est de 45 €, la plupart de vos clients l'atteignent sans rien ajouter. La barre s'affiche pleine dès le premier article : elle ne pousse personne à compléter son panier, et vous payez la livraison de commandes qui seraient passées de toute façon.

Le seuil trop haut. À l'inverse, un seuil fixé à 120 € pour un panier moyen de 45 € paraît hors de portée. Le client voit une barre presque vide, comprend que l'avantage n'est pas pour lui, et l'ignore. Or les frais de livraison pèsent lourd dans la décision : selon le Baymard Institute, des coûts supplémentaires trop élevés (livraison, taxes, frais) sont la première raison d'abandon au moment du paiement, citée par 40 % des acheteurs américains ayant abandonné une commande. Un seuil inatteignable laisse ces frais sur la table sans rien offrir en échange.

Trop de paliers. Empiler cinq ou six récompenses sur une même barre brouille le message. Le client ne sait plus quel est le prochain palier, et chaque marche paraît minuscule. Deux ou trois paliers bien espacés, chacun à un article d'écart, se lisent d'un coup d'œil.

Comment l'éviter : partez de votre panier moyen réel, visible dans les statistiques Shopify, et non d'un chiffre rond choisi au jugé. Notre calculateur de seuil de livraison offerte applique une règle empirique simple : placer le seuil entre 1,2 et 1,5 fois le panier moyen, puis en déduire un palier cadeau et un palier remise. Vérifiez ensuite que l'écart entre le panier moyen et le seuil correspond à peu près au prix d'un produit de votre catalogue : c'est ce qui rend la marche franchissable. Pour mettre en place ce premier palier, la page barre de livraison gratuite détaille la configuration.

Erreur n°2 : un palier qui ne tient pas sa promesse partout

C'était déjà la première erreur de la version originale de cet article, et elle reste la plus coûteuse : annoncer un avantage que le client ne peut pas réellement obtenir.

Le pays et la devise. Si vous vendez depuis la France et proposez la livraison offerte dès 50 €, cette offre n'a sans doute pas de sens pour un client au Canada ou en Australie : vous ne voulez pas expédier gratuitement à l'autre bout du monde pour 50 € d'achat. Et même sur les marchés où l'offre tient, la conversion automatique produit des montants peu lisibles. Shopify convertit les prix au taux de change du jour, majoré de frais de conversion : un seuil de 50 € devient un montant en dollars qui n'a rien de rond et qui bouge avec le taux.

Le code promo. Chez Shopify, les remises ne se cumulent pas automatiquement : chaque remise doit être autorisée à se combiner avec les autres classes (produit, commande, livraison), et les remises sur la commande s'appliquent au sous-total déjà réduit par les remises produit. Résultat possible : un client franchit votre seuil, saisit un code de bienvenue, et découvre au paiement que son avantage a disparu ou ne s'additionne pas comme la barre le laissait croire.

La livraison déjà gratuite. Pendant une opération où la livraison est offerte à tous, une barre qui promet « plus que 12 € pour la livraison offerte » contredit votre propre bannière. Pendant cette période, remplacez ce palier par un cadeau ou une remise.

Le cadeau en rupture. Un palier « cadeau offert » dont le produit est épuisé déçoit au pire moment, juste après l'effort d'ajout.

Comment l'éviter : fixez un seuil par marché dans sa propre devise plutôt que de laisser la conversion décider, et restreignez les paliers aux pays où vous pouvez les honorer. Yaco Progress Bar permet un seuil propre à chaque marché Shopify, avec une exception pour un pays à l'intérieur d'un marché. Avant chaque promotion, passez une vraie commande test avec vos codes en cours et vérifiez leurs réglages de combinaison dans l'admin Shopify. Pour le cadeau, proposez plusieurs variantes au choix : dans Yaco, sur un cadeau offert à partir d'un montant d'achat, le client choisit sa variante et les variantes en rupture sont écartées.

Erreur n°3 : une barre invisible ou incompréhensible

Une barre bien réglée ne sert à rien si le client ne la voit pas au moment où il décide, ou s'il ne comprend pas ce qu'elle lui dit.

L'oubli du mobile. Selon Adobe Analytics, 56,4 % des transactions en ligne de la saison des fêtes 2025 aux États-Unis se sont faites sur smartphone. Une barre testée uniquement sur ordinateur peut, sur un petit écran, passer sous la ligne de flottaison, tronquer son texte ou pousser le bouton de paiement hors de vue.

L'oubli du tiroir de panier. Beaucoup de thèmes ouvrent un tiroir latéral à l'ajout au panier, et le client passe directement au paiement depuis ce tiroir sans jamais voir la page panier. Une barre installée seulement sur /cart rate une grande partie des ajouts.

Le message flou. « Continuez vos achats ! » ne dit ni combien il manque, ni ce qu'on gagne. Un bon message nomme le montant restant et la récompense : « Plus que 12 € pour la livraison offerte ». Et une fois le palier atteint, un message de réussite (« Bravo, la livraison est offerte ! ») confirme au client qu'il a bien obtenu l'avantage, ce qui compte autant que la progression elle-même.

Comment l'éviter : affichez la barre là où le panier change réellement, c'est-à-dire dans le tiroir du thème et sur la page panier, puis sur la page produit si vous voulez annoncer l'avantage plus tôt. Sur Shopify Plus, vous pouvez aussi la prolonger jusqu'au checkout. Testez chaque emplacement sur un vrai téléphone, pas seulement dans l'aperçu responsive du navigateur. Rédigez un message de progression et un message de réussite pour chaque palier, dans chaque langue de la boutique. Si vous hésitez sur la compatibilité de votre thème, la liste des thèmes Shopify compatibles indique comment la barre s'intègre.

Vérifier avant de publier

Avant de rendre la barre visible à tous vos clients, prenez dix minutes pour cette liste :

• le seuil est calé sur votre panier moyen réel, et l'écart correspond au prix d'un article ;
• deux ou trois paliers au plus, bien espacés ;
• chaque marché a son montant, dans sa devise, et les pays non livrés gratuitement ne voient pas le palier ;
• vos codes promo en cours ont été testés sur un panier qui franchit le seuil ;
• le cadeau propose des variantes en stock ;
• la barre apparaît dans le tiroir, sur la page panier et sur mobile ;
• chaque palier a un message de progression et un message de réussite.

Le plan gratuit de Yaco Progress Bar comprend toute la barre avec un palier actif ; l'offre Premium à 8,90 $/mois débloque tous les paliers, avec 14 jours d'essai. La démo montre la barre en action sur un panier, et la documentation reprend chaque réglage pas à pas. Et si vous récompensez aussi vos meilleurs clients, la livraison offerte aux clients fidèles obéit aux mêmes règles.