Page panier : optimiser récapitulatif, code promo et réassurance

Pour optimiser une page panier, il faut afficher le coût total dès le panier, masquer le champ code promo derrière un lien, rendre la modification des quantités évidente, placer la réassurance là où naissent les doutes et garder un seul appel à l'action principal. Selon le Baymard Institute, 70,22 % des paniers sont abandonnés en moyenne, et une part de ces abandons se décide sur cette page. Après lecture, vous saurez auditer votre panier point par point et prioriser les corrections.

Pourquoi la page panier fait-elle perdre des ventes ?

Le panier est le premier moment où l'acheteur voit le prix réel de sa commande. C'est aussi là qu'il hésite. Dans l'enquête de Baymard sur les raisons d'abandon pendant le tunnel, plusieurs motifs se jouent directement sur la page panier :

Raison d'abandon (enquête Baymard)	Part des acheteurs
Frais supplémentaires trop élevés (livraison, taxes, frais)	40 %
Délai de livraison trop long	20 %
Manque de confiance pour saisir sa carte	19 %
Politique de retour insatisfaisante	13 %
Impossible de voir ou calculer le coût total à l'avance	12 %

Toutes ces raisons ont une réponse sur la page panier elle-même. Avec la formule chiffre d'affaires = trafic × taux de conversion × panier moyen, chaque acheteur qui quitte le panier est un visiteur déjà payé, qui avait déjà choisi ses produits.

Comment présenter le récapitulatif de commande ?

L'objectif : que l'acheteur connaisse le montant final avant de cliquer sur « Commander ». Les frais trop élevés arrivent en tête des raisons d'abandon avec 40 %, et 12 % des acheteurs partent parce qu'ils ne voient pas le total à l'avance. Une mauvaise surprise au dernier écran fait plus de dégâts qu'un prix annoncé franchement. Nous détaillons ce point dans nos articles sur les frais de port et l'abandon de panier et sur le seuil de livraison offerte.

Le récapitulatif doit montrer :

chaque article avec sa photo, sa variante (taille, couleur) et son prix, pour que l'acheteur vérifie sans revenir en arrière ;
les frais de livraison, ou au minimum « à partir de » avec le seuil de livraison gratuite et le montant restant à atteindre ;
la date de livraison estimée plutôt qu'un délai : Baymard relève que 48 % des sites affichent encore une vitesse de livraison (« 3 à 5 jours ») au lieu d'une date ;
les remises appliquées, ligne par ligne, et le total TTC définitif.

Rendre la modification des quantités évidente

Baymard observe que 97 % des sites de son benchmark 2025 n'utilisent pas de boutons « + » et « - » (seuls ou avec un champ de saisie) pour modifier la quantité. Lors des tests, les participants s'attendaient à ce que le changement se mette à jour tout seul. Certains n'ont pas vu le lien « Mettre à jour » et ont commandé la mauvaise quantité, d'autres ont tapé « 21 » au lieu de « 2 » parce que la valeur initiale n'était pas effacée.

La correction : des boutons « + » et « - », une mise à jour automatique du total, et un lien « Supprimer » clairement séparé.

Faut-il afficher le champ code promo ?

Le champ code promo est un piège classique. Nielsen Norman Group a observé que les acheteurs qui voient un champ de code promo vide, sans avoir de code, ont l'impression de rater une économie. Beaucoup quittent le site pour en chercher un, et certains ne reviennent pas.

Les recommandations de Nielsen Norman Group :

Si vous n'avez pas de code visible en permanence sur le site, remplacez le champ par un lien discret (« Vous avez un code promo ? ») qui ouvre le champ au clic.
Si une promotion est en cours, affichez le code directement dans le panier, ou mieux, appliquez la remise automatiquement.
Placez le champ près du total, pas dans une colonne latérale où il ressemble à une publicité.
Montrez l'effet de la remise sur la ligne concernée et dans le total, avant le paiement.
Affichez la livraison gratuite comme gratuite, et non comme un montant suivi d'une déduction.

Un champ de saisie assez long pour vos codes réels et un message d'erreur précis en cas de code expiré complètent le dispositif.

Où placer la réassurance ?

La réassurance n'est utile que si elle répond à un doute précis, au moment où il apparaît. Sur le panier, les doutes portent sur la sécurité du paiement (19 % des abandons), les retours (13 %) et le délai (20 %).

Ce qui fonctionne sur une page panier :

près du bouton de commande : une ligne factuelle sur le paiement sécurisé et les logos des moyens de paiement acceptés ;
sous le récapitulatif : la politique de retour en une phrase (« Retour gratuit sous 30 jours », si c'est votre politique réelle), avec un lien vers le détail ;
dans le bloc livraison : la date estimée et le transporteur.

Évitez les murs de pictogrammes génériques en bas de page : l'acheteur ne les lit pas, et ils repoussent les informations utiles. Pour le choix des moyens de paiement à afficher, voir notre article sur les moyens de paiement à proposer en France.

Comment organiser les appels à l'action ?

La page panier a une mission : faire passer au paiement. Tout le reste est secondaire.

Un seul bouton principal, « Passer commande » ou « Valider mon panier », visible sans faire défiler, en haut et en bas de la liste si le panier est long.
Un lien secondaire « Continuer mes achats », visuellement moins fort.
Les boutons de paiement express (Apple Pay, Google Pay, PayPal) sous le bouton principal, pour ceux qui veulent aller vite.
Sur mobile, un bouton de commande qui reste visible en bas de l'écran, avec le total.

Les suggestions de produits complémentaires peuvent augmenter le panier moyen, à condition d'être pertinentes et placées sous le récapitulatif, jamais entre l'acheteur et le bouton de commande. Voir notre méthode pour les recommandations produits dans le panier.

Après le panier, le tunnel prend le relais : nos recommandations pour réduire le nombre de champs du tunnel de paiement complètent cet audit.

Comment mesurer l'effet de vos changements ?

Suivez dans votre outil d'analyse le taux de passage du panier vers la première étape du tunnel, séparément sur mobile et desktop. Notez aussi le taux d'utilisation des codes promo et le panier moyen avant et après. Si votre trafic le permet, testez les changements les plus structurants en A/B test ; sinon, comparez des périodes équivalentes. Pour identifier ce qui bloque sur votre panier et le chiffrer en euros, demandez votre pré-analyse offerte.

À retenir

Affichez le coût total et la date de livraison dès le panier : les frais trop élevés expliquent 40 % des abandons dans l'enquête Baymard.
Remplacez le champ code promo par un lien si vous n'avez pas de code visible en permanence.
Utilisez des boutons « + » et « - » avec mise à jour automatique du total.
Placez la réassurance (paiement, retours, livraison) à côté de l'information qu'elle rassure.
Gardez un seul appel à l'action principal, visible sans défilement, surtout sur mobile.