Comment optimiser la page panier ?

easycartLa page panier de votre site e-commerce est cruciale. Passage obligé pour que vos visiteurs puissent devenir des clients, cette page concentre un certain nombre d’informations qui doivent être claires, limpides, pratiques et qui doivent surtout inciter à finaliser la commande en éludant tout blocage possible.

Voici quelques idées qui permettront d’optimiser votre page panier et d’accompagner vos visiteurs dans le tunnel de conversion avec les meilleures prédispositions possibles pour aller au bout.

Accessibilité

Votre site doit proposer une page panier complète, accessible depuis n’importe quelle page visitée. D’un côté, vous avez l’aperçu panier qui est généralement disponible en haut à droite de n’importe quel site e-commerce digne de ce nom. Le nombre d’informations dans cet espace va, du nombre d’articles au panier, au montant total des produits ajoutés, parfois les deux, et dans le cas d’un aperçu panier sophistiqué, un détail des produits, des images, le montant de la livraison.

Faites attention à ne pas rendre votre panier TROP visible au détriment de la lisibilité globale de votre site, comme dans l’exemple ci-dessous, ou le panier chevauche systématiquement du contenu. :

panier nodshop

 

Il est indispensable de déployer un panier détaillé complet et de ne pas éluder cette étape pour envoyer votre visiteur directement sur la page d’inscription/connexion. L’aperçu panier peut s’avérer utile dans une étape préparatoire à la commande mais ne peut en aucun cas se substituer à une vraie page panier complète. A cette étape, le visiteur est encore très fugace et n’est pas conditionné à 100% pour passer sa commande. Les fonctionnalités d’édition du panier, de vérification, de choix des quantités, ou même de visualisation totale des articles ajoutés sont limitées dans le cadre d’un aperçu panier.

 

Lisibilité

Etant donné que le visiteur va devoir passer par la page panier, il est essentiel de lui proposer le maximum d’information quant aux produits qu’il a ajouté lors de son passage sur votre site. Dans le cas où le visiteur souhaite acheter plusieurs produits proches ou similaires, il sera préférable d’avoir des vignette des produits assez grandes pour présenter suffisamment de détails. Vous ferez en sorte d’afficher les différents attributs sélectionnés en amont par le chaland, qu’il s’agisse de la couleur, de la taille ou de la variation spécifique au produit. S’il est impossible de distinguer le produit avec l’image de votre produit, considérez que cela ne sert à rien de l’afficher.

De plus, cette image doit être liée aux attributs choisis. Si l’image affiche un tee-shirt blanc alors qu’un tee-shirt noir a été ajouté au panier, vous faites fausse route.

A cet instant, le visiteur est encore captif et souhaite peut-être disposer d’informations complémentaires sur le produit qu’il a mis dans son panier, ou bien changer un attribut. Il faut lui permettre de revenir sur la page produit très simplement en cliquant sur l’image ou sur le titre du produit. C’est la raison pour laquelle le titre du produit devra ressortir clairement d’une autre couleur pour indiquer l’appel au clic.

Cependant il faut que les informations connexes ne soient pas trop vampirisantes dans la page. Ne pas rajouter trop de cross-selling, d’informations multiples ou de merchandising superflu qui perturberait la lisibilité de votre page.

Voici le contre-exemple d’un panier lisible : où est le produit que vous vouliez acheter ?

Outiror Panier

 

Vos concurrents convertissent plus que vous ! Contactez nous pour booster votre conversion

Liberté

Le panier doit permettre à votre visiteur de modifier les quantités comme bon lui semble, quitte à lui laisser la possibilité (hélas !) retirer la référence du panier. Un bouton discret mais visible permet de retirer les produits du panier en un clic, mais la décrémentation de produits devra reproduire de reproduire la même action. Ce point précis est très variable, en effet de nombreux sites ne permettent pas de réduire la quantité à 0 et « forcent » l’appui sur l’onglet « retirer ». S’il est possible d’interagir sur la quantité avec un bouton « Update » ou « Mise à jour » c’est une solution supplémentaire qui doit figurer sur cette page.

A l’inverse, il existe des sites où lorsque l’on passe la quantité d’un produit à 0, le système ne prend pas tout en compte et vous met face à une situation ubuesque avec une page sans produit, mais avec des frais de livraison par exemple.

Carhartt WIP Online Shop

 

Dans ces circonstances, si le panier est vide, il est préconisé de pouvoir être clair :

panier debonix

 

Transparence

Afin de rassurer vos visiteurs quant à votre qualité de service, il est recommandé de placer dans la page panier les différents moyens que vous mettez à disposition pour vous contacter (numéro de téléphone, chat en ligne, lien pour e-mail…). Redéployer les logos des moyens de paiement que vous proposez est également une information quasi-obligatoire, surtout si vous proposez des solutions de paiement en plusieurs fois, ou des services spécifiques.

FreestyleXtreme

En ce qui concerne l’affichage des frais de traitement et de livraison, vous avez la possibilité de préciser un montant “standard” pour un visiteur selon le pays, sans qu’il ait à préciser quoique ce soit de plus à cet instant. Je vois régulièrement des sites qui demandent au visiteur de choisir directement l’adresse de livraison ou de retrait depuis la page panier. Il est plus pertinent de donner un indicateur tarifaire en fonction des modes de livraison proposés, mais de laisser le choix dans l’adresse définitive de livraison plus loin dans le tunnel de conversion.

Enfin, il est recommandé de limiter au minimum les liens de navigation vers d’autres pages du site depuis la page panier. Vous réduisez ainsi les points de fuite du trafic. Gardez simplement la possibilité de revenir à l’accueil ou à la page précédente. Cela aura pour effet de garder le visiteur focalisé vers un seul objectif : la finalisation de la commande.

Le panier ci-dessous est intéressant car il compile de nombreuses bonnes pratiques :

Myprotein

 

  • Page claire et épurée, très lisible.
  • Possibilité de chatter online avec l’équipe du site.
  • Upselling facile et intuitif.
  • Frais de livraison transparents (et avantageux).
  • Différents moyens de paiements pour finaliser une commande.

Il existe de nombreuses autres façons d’améliorer la page panier de votre site e-commerce. Nous avons compilé dans cet article une sélection d’optimisations et de réflexions globales autour de cette page centrale dans le parcours-client. Pensez en priorité à résoudre les problèmes de compréhension lorsque votre visiteur sera face à cette page, puis envisagez les améliorations au fur et à mesure afin de faciliter l’entrée vers le tunnel de commande dans les meilleures prédispositions possibles.

Vous aimez ? Partagez !
Yann-Claude Philippot - Consultant e-commerce
Auteur

Après avoir travaillé pour une major de l’industrie musicale, il a fondé une entreprise d’importation, distribution et fabrication de produits design au rayonnement international, basée sur la vente en ligne.
Fort de son expérience de 10 ans dans l’e-commerce, le webmarketing, la communication et la distribution, il accompagne nos clients dans leurs problématiques e-commerce à 360°.

Plus d'articles de cet auteur
Restez en contact :
    1. Sophie dit :

      Bonsoir,

      Excellent article. Sur le dernier cas, je tenterais un test A/B pour voir si masquer la case “Use discount code” augmente les conversions (et le mettre sous forme de lien plus discret, comme Expedia par exemple). Beaucoup d’abandons de panier naissent de cette interruption négative: “je ne paie peut-être pas le meilleur prix?” (etc.)

      Sophie

    Laisser une réponse