La page panier confirme la commande – elle ne la revend pas

Ajouter au panier a fonctionné. Puis la page panier a chargé une deuxième vitrine : deux bandeaux promo, un champ coupon qui hurle avant le total, un « complétez le look » qui pousse le paiement sous la ligne de flottaison. Ils avaient déjà choisi. Vous essayez de leur revendre. C’est comme ça qu’on fait renoncer à une commande qu’ils étaient prêts à confirmer.

Partie 4 de Conversion, page par page – plan complet

Les recherches sur le panier du Nielsen Norman Group traitent le panier comme la page où l’acheteur prend la décision d’achat finale – une cabine d’essayage, pas un second catalogue. Même découpage que dans cette série : la fiche produit décide. La page panier confirme. Le paiement termine. Mélangez ces rôles et l’acheteur doit re-décider avec une mise en page moins claire.

Une page panier confirme – elle ne rouvre pas la vente

Ils ont mis quelque chose dans le sac. La page panier a un seul travail : montrer les bons articles, le bon montant, et une prochaine étape claire. C’est un reçu en cours. Ce n’est pas une autre page d’accueil, pas une autre fiche produit, pas un endroit pour « maximiser le panier moyen » au-dessus de quelqu’un qui a déjà dit oui.

Tout ce qui n’est pas articles, quantités, totaux ou paiement est optionnel. L’optionnel va sous la ligne de confirmation. Si le paiement rivalise avec un carrousel, vous avez déjà choisi le carrousel.

Ce qui va avant le paiement

Ne gardez que ce qui leur permet de dire « oui, c’est ça » :

• La ligne qu’ils croient avoir ajoutée. Vignette, nom, variante – comme sur la fiche produit, pas un placeholder générique. Le mini-panier disait « Bleu / M » et le panier complet affiche une autre combinaison : c’est une nouvelle décision, pas une confirmation.
• La quantité qu’ils peuvent corriger. Plus, moins, et supprimer. Un sélecteur qui ne peut pas aller à zéro, ou une liste jusqu’à 99, c’est de la friction déguisée en panier.
• Le montant ligne qui colle au clic. Si la fiche produit affichait 47,90 € et le panier 52,90 € sans ligne qui explique pourquoi, ils n’ont pas besoin d’un upsell. Ils ont besoin d’une explication ou d’une correction.
• La franchise sur livraison et taxes, ou un « calculé à l’étape suivante » clair. Des frais cachés après engagement, c’est comme ça que la confirmation devient du soupçon.
• Le paiement, visible sans chasse au trésor. Un seul bouton principal. Pas une rangée de boutons égaux pour « continuer mes achats », « enregistrer pour plus tard » et « appliquer un coupon » qui crient tous à la même taille.

Un champ coupon peut exister. Il n’a pas le droit d’être l’élément le plus bruyant de la page. Mettez-le discret, sous les totaux, pour ceux qui arrivent avec un code. Ne forcez pas tout le monde à chasser la réduction avant de pouvoir payer.

Ce qui transforme la confirmation en revente

Le schéma qu’on voit encore, c’est un panier qui a chargé tous les modules restants du reste de la boutique. Sur une boutique, le panier complet avait deux bandeaux d’annonce, une barre livraison gratuite qui contredisait les totaux, et une rangée « complétez le look » au-dessus du paiement – donc les vraies lignes commençaient après un second catalogue. Dégâts habituels :

• Cross-sells au-dessus du paiement. « Vous aimerez aussi » dans la zone vignette pendant que le sac qu’ils ont déjà choisi négocie encore pour de la place. Au-dessus du paiement, ces rangées sont des sorties de secours. L’endroit utile pour elles n’est pas cette page – voir plus bas.
• Pile promo avant le reçu. Annonce plus soldes plus chrome newsletter, copiés de l’en-tête, qui mangent le premier écran. Le panier n’avait pas besoin d’un panneau d’affichage.
• Papier peint confiance qui répète la fiche produit. Logos de paiement et rangées de badges déjà scrollés sur le produit. Du chrome nerveux ne confirme pas une ligne.
• Un second pavé. Politique de livraison, roman retours, bloc SEO sous le titre. Le panier n’est pas une landing page.
• Pop-ups sur une page qui devrait ressembler à un reçu. Capturer l’e-mail sur le panier, c’est demander un rendez-vous pendant qu’ils vérifient la taille.

Le texte de pression va dans le même panier. Si la page hurle, elle ne confirme pas. Corrigez le rôle, puis discutez de l’urgence ailleurs – cette série parle de quelle page fait quel travail.

Où placer les offres en plus

Cross-sells, « complétez le look », extension de garantie, capture newsletter – tout ça peut rapporter. Ce n’est pas le méchant. La page panier est la mauvaise pièce pour ça. L’acheteur a déjà choisi une ligne. Vous lui demandez de rouvrir la vente pendant qu’il essaie de vérifier la taille et le total.

Mettez le pitch en plus là où une nouvelle décision est censée avoir lieu :

• Sur la fiche produit, pendant qu’ils choisissent encore. Accessoires, packs, « va avec ça » – c’est la page qui décide, pas le reçu.
• Après qu’ils ont payé. Page de remerciement, bon de livraison, e-mail de suivi. Ils ont confirmé cette commande. Vous pouvez suggérer la suite sans les faire renoncer au paiement.
• Quand ils reviennent. Compte, recommander, « racheter » avec une référence liée. C’est une session plus tard, pas celle-ci.

Si une rangée produits liés doit rester sur l’URL panier, mettez-la sous le paiement, discrète, après la ligne de confirmation. Ne copiez pas le même carrousel dans le tunnel de paiement. Cette page a son propre rôle – le prochain volet de cette série.

La ligne d’argent doit être ennuyeuse

Sous-total, extras, total – une pile, un seul endroit. Si le chiffre saute entre mini-panier, page panier et première étape de paiement, aucun carrousel ne sauvera la session. Les gens abandonnent quand le reçu ment, pas quand vous avez oublié une barre de progression.

Si la livraison ne peut pas encore être connue, dites-le en une ligne à côté du total. Ne laissez pas un faux « gratuit » qui meurt à la page suivante.

Garder les lignes que la loi exige encore

Nettoyer la revente du panier ne veut pas dire supprimer la pile de prix. Sur certains marchés, ces lignes ne sont pas du chrome optionnel. Faites d’abord le passage juridique, puis coupez le carrousel. Ce n’est pas un conseil juridique – si vous vendez sur ces marchés, faites relire panier et paiement par un conseil. Le point UX est plus simple : un total obligatoire, c’est du travail de confirmation. Une rangée « complétez le look » ne l’est pas.

L’Allemagne est l’exemple que la plupart des marchands ont en tête. Les boutiques à distance doivent indiquer que les prix incluent la TVA (et les autres composantes du prix) et si le fret ou la livraison s’ajoutera – Preisangabenverordnung § 6. Quand le montant peut raisonnablement être calculé à l’avance, la loi veut le montant de ces coûts, pas un vague « plus livraison ». La jurisprudence allemande sur le panier est directe sur la même idée : une fois l’acheteur dans le panier, les frais de livraison réels pour cette commande appartiennent au détail des prix. Un indice « zzgl. Versandkosten » sur le produit ne remplace pas cette ligne dans le panier.

La célèbre Button-Lösung allemande, c’est la page suivante, pas celle-ci. Le BGB § 312j veut le total taxes et livraison comprises, clairement, juste avant la commande, et un bouton qui dit que le clic est un paiement – pas un joli « Paiement » qui cache l’obligation. Videz le panier puis ratez ce récapitulatif et vous n’avez rien simplifié. Vous avez déplacé l’amende vers le tunnel de paiement.

Le reste de l’UE n’est pas un terrain libre non plus. La Consumer Rights Directive exige déjà un prix total et des frais de livraison quand ils peuvent être calculés, et interdit les options payantes en plus sauf accord exprès de l’acheteur. Assurance, emballage ou « ajouter une protection » pré-cochés, ce n’est pas un consentement – il faut qu’ils optent. Le Royaume-Uni a gardé cette règle sur les paiements en plus après le Brexit. Même nettoyage : gardez le total honnête, tuez l’extra silencieux.

Mobile : même rôle, moins de place

La page panier fait le même travail sur téléphone. Premier écran : articles, montant, paiement. Vous avez déjà combattu le déversement bureau sur la page produit mobile. Ne déversez pas la page d’accueil dans le panier dès qu’ils touchent Ajouter au panier. Produits liés, bandeaux promo et widget coupon haut qui poussent le paiement hors du premier scroll au pouce, c’est le même bug d’empilement avec une autre URL.

Passage de relais, pas un faux paiement

Adresse, paiement, murs de compte appartiennent au tunnel de paiement – le prochain volet, pas celui-ci. Une page panier qui demande une carte est confuse sur la page qu’elle est. Confirmez ici. Terminez là-bas.

Travailler ça avec votre agent IA

Ne demandez pas à un agent d' »améliorer l’UX panier ». Donnez-lui la page panier et faites-le trier confirmation et revente.

Quoi coller : le HTML du panier, ou deux captures (bureau + téléphone), plus le prix que l’acheteur vient de voir sur la fiche produit.

Prompt 1 – ordre des blocs. « Liste chaque bloc de ce panier de haut en bas. Étiquette chacun confirmation (articles, quantité, montant, paiement, lignes taxes/livraison/total exigées par la loi) ou revente (offres, promo, chrome en plus). Propose un nouvel ordre avec le paiement au-dessus de chaque bloc revente. N’ajoute pas de fonctionnalités. Ne supprime pas les lignes de prix obligatoires. »

Prompt 2 – ligne d’argent. « Voici le HTML des totaux du panier et voici le prix fiche produit que l’acheteur a vu. Signale les écarts, extras cachés et faux gratuit. Réécris le bloc totaux en une pile courte et ennuyeuse. »

Bon résultat : une checklist à donner à un thème ou un développeur – déplacer X sous le paiement, supprimer Y, corriger Z sur la ligne d’argent. Pas un essai sur les taux d’abandon.

Recevoir les volets publiés par e-mail

Abonnez-vous et nous envoyons les volets publiés de cette série. Nouveaux articles à la parution. Confirmez l’e-mail que nous vous envoyons – sinon nous ne réécrirons pas.