Skip to main content

Auteur/autrice : Guillaume Greene

Les bonnes pratiques de la page panier

La page panier d’un site marchand est LA page à laquelle il faut prêter une attention tout particulière. Cette page doit comporter certaines informations clés pour transformer le visiteur en client. Pour cela il est crucial que ces informations soient claires, limpides, utiles et surtout rassurer le client pour qu’il puisse finaliser sa commande.

Alors pour optimiser votre page panier afin de guider vos clients vers l’achat, voici une liste non exhaustive d’idées, conseils, préconisations et mises en garde.

1- Accessibilité

La page panier de votre site marchand se doit d’être complète mais surtout accessible depuis n’importe quelle page visitée. En un clic, le visiteur doit pouvoir dérouler, consulter ou encore accéder à son panier. Généralement l’aperçu panier est visible en haut à droite de n’importe quelle page du site. Les informations classiques à retrouver dans le panier sont : le nombre d’articles (avec la photo, la quantité sélectionnée, le tarif par produit).
Mais attention à ne pas en faire trop, au risque de polluer le contenu du site (exemple : le panier qui chevauche le contenu)
Bien que cela puisse paraître évident, il n’est jamais inutile de le redire : être vigilant à proposer un site responsive !

À ce stade, le visiteur n’a pas encore finalisé ses achats. Il est donc important que cet aperçu panier redirige vers une vraie page panier complète pour récapitulatif détaillé de la commande. Veillez à ne pas demander trop d’engagement au visiteur (connexion, création de compte, authentification) si celui-ci n’a pas encore accédé à la page panier. La possibilité de finaliser ses achats avec un mode invité est de plus en plus appréciée par les clients.

2- Lisibilité

La page panier est une étape incontournable même obligatoire, pour que le client puisse finaliser sa commande. Il est donc essentiel que les informations liées aux produits choisis mais aussi aux modalités de paiement et de livraison soient claires et rapidement identifiables. Mais il est également important d’être cohérent avec ses choix. Par exemple si le client à choisi une paire de sneakers blanches, ne pas afficher la vignette produits de la paire en couleur noir.
Il peut également être pertinent de suggérer au client des achats complémentaires. Pour reprendre l’exemple de notre paire de sneakers, pousser les produits d’entretien ou encore la paire de chaussettes adéquates. Mais attention à ne pas ajouter trop de cross-selling au risque de multiplier les informations superflues qui perturberaient la bonne lisibilité de la page.

3- Liberté

Le client doit pouvoir jusqu’à la dernière minute, ajuster, modifier, changer ou encore ajouter les articles présents dans son panier. Tout comme supprimer son panier dans sa globalité. Il est crucial de lui offrir la liberté d’organiser ses achats comme bon lui semble : changement de taille, de couleur, de quantité, modification du mode de livraison, du moyen de paiement, ajouter un emballage cadeau … Cet éventail de possibilités ne doit pas être au détriment de l’ergonomie ! Il ne faut pas que le processus soit laborieux au risque d’agacer et de perdre le client.
La possibilité de sauvegarder son panier ou même de le classifier (exemple achats maison) est aussi une fonctionnalité de plus en plus appréciée par les internautes. Cela implique d’être vigilant sur les abandons de panier et/ou oubli ! La mise en place de solution Webmarketing est une bonne option pour relancer les clients n’ayant pas encore validé leur panier mais pas que ! Probance est une solution complète de webmarketing donc l’objectif est d’envoyer le bon message à la bonne personne et au bon moment : post visite, abandon de panier, renouvellement d’achat, up et cross sell …
Rester en permanence en contact avec vos clients est la clef du succès.

4- Transparence

En consultant sa page panier, le client est déjà bien engagé dans sa décision d’achat mais rien n’est joué tant qu’il n’a pas cliquer sur le bouton de validation.
Alors pour le rassurer dans sa démarche, prônez la transparence ! Notamment sur les informations contact (numéro de téléphone, chat en ligne, email SAV …), mais aussi sur les services associés pouvant rassurer et aider le client dans ses réflexions (FAQ, retour client, fiche entretien …). Afficher clairement les solutions de paiement reste une bonne pratique incontournable comme les logos des divers moyens de paiement acceptés (CB, VISA, Mastercard …) ou encore les facilités de paiement possibles.
Il en est de même concernant les modes de livraison en affichant les frais de traitement et de livraison, en laissant le choix d’un mode standard à express, les conditions de retour … Il est même possible d’afficher clairement le mode de livraison le plus avantageux par rapport à la position géographique du client.

La page panier est aussi un endroit privilégié pour les incitations commerciales, on entend par là, l’affichage d’un message d’information indiquant le montant nécessaire pour bénéficier des frais de port gratuits par exemple.
Ou encore pousser un message/crosell permettant de bénéficier de tarifs sur un lot produits, un rappel des promotions et autres offres en cours. On peut même aller jusqu’au coupon de réduction pour les nouveaux clients.

Il est possible d’ajouter d’autres éléments de réassurance mais ne pas trop en abuser au risque de perdre le client et même de lui faire peur/douter.

Conclusion

Il existe de nombreuses façons d’améliorer, optimiser la page panier de son site marchand.
La priorité est d’identifier les points bloquants qui font grimper le taux de paniers abandonnés. Rien de mieux qu’un audit pour avoir un œil extérieur et prioriser les problèmes de compréhension lorsque le visiteur sera face à cette page panier. Cela permettra d’apporter les correctifs pour faciliter l’entrée vers le tunnel de commande dans les meilleures conditions. Contactez nos experts dès maintenant !

Avoir un site green, c’est possible !

Il y a déjà un an, nous vous parlions de Sobriété Numérique (relire l’article) pour la simple et bonne raison que cette thématique est devenue progressivement incontournable pour l’ensemble des acteurs du Digital.

Pour rappel, la sobriété numérique est une approche visant à réduire l’impact environnemental du numérique en optimisant l’usage et la consommation des ressources. Elle englobe des mesures comme la réduction de la taille des données, l’optimisation de la performance des sites web et applications, et le choix d’hébergements éco-responsables. Objectif : réduire l’impact environnemental du numérique tout en offrant une expérience utilisateur de qualité.

Pourquoi un essor aussi rapide de la Sobriété Numérique ?
Tout d’abord, car le secteur du numérique est responsable de près de 4% des émissions mondiales de gaz à effet de serre, avec une tendance d’augmentation de +8% par an (!). Face à ces chiffres alarmants et à l’augmentation du dérèglement climatique qui frappe désormais chaque année l’ensemble des continents du monde, les professionnels comme les utilisateurs des services numériques deviennent plus attentifs, aux valeurs environnementales de leurs fournisseurs.

Quels objectifs se donner ?

Pour tenir l’objectif de réchauffement de 1,5 degrés, l’ensemble des secteurs à l’échelle mondiale doivent réduire de 7 à 8% par an leurs émissions. Le numérique a bien un rôle à jouer pour aider d’autres secteurs à se décarboner, mais il est certain qu’il ne pourra pas échapper lui-même à une baisse du même ordre de grandeur.

Alors que peuvent faire les professionnels du Digital et en particulier les gestionnaires d’applications web ? Les acteurs du numérique ont un rôle crucial à jouer en mettant en œuvre en premiers lieux :

  • des évaluations et suivi de l’impact environnemental de leurs applications
  • des optimisations afin de rendre leurs applications plus “frugales”
  • de faire des choix responsables en matière d’hébergement

Dans cet article, nous allons faire un focus particulier sur ce qu’il est le plus important à mettre en œuvre en terme de Sobriété Numérique dans les contextes de sites marchands, qu’ils soient déjà existant et en production, ou qu’ils soient en cours de conception.

Quels sont les critères à prendre en compte pour optimiser un site marchand ?

Si vous gérez déjà un site marchand, plusieurs mesures peuvent être prises immédiatement pour réduire son empreinte carbone.

Nous vous avons regroupé ici les 6 éléments clés pour rendre votre site écologique :

1- Le bon dimensionnement des images

Utiliser des images de la taille exacte nécessaire pour chaque emplacement sur le site permet non seulement de réduire le temps de chargement, mais aussi de minimiser l’utilisation de la bande passante, ce qui est bénéfique d’un point de vue environnemental en particulier si l’internaute utilise un réseau mobile 3G ou 4G.

2- La compression et le format des images

Des formats comme WebP ou AVIF offrent une excellente qualité d’image tout en étant moins lourds que les formats traditionnels comme JPEG ou PNG. Le choix du bon format et le paramétrage d’une bonne compression peut réduire drastiquement la taille des fichiers, ce qui accélère le temps de chargement et réduit la consommation d’énergie. Ces ajustements peuvent être effectués manuellement, ou bien automatisés avec des outils externes comme TwicPics.

3- La mise en place du « lazy-loading »

Le « lazy-loading » est une technique qui permet de charger les images uniquement lorsqu’elles apparaissent dans le champ de vision de l’utilisateur. Dans un site marchand, et particulièrement dans une page contenant une grande liste de produits, cette technique va énormément contribuer à économiser des ressources réseau et à améliorer la performance du site.

4- L’optimisation du code javascript

Un code Javascript mal optimisé peut ralentir considérablement un site en monopolisant des ressources inutilement sur le terminal de l’utilisateur. Les optimisations dans le Javascript peuvent s’avérer complexes lorsque le site est déjà construit, par conséquent il est très important de le prendre en compte dès la phase de conception. Il reste néanmoins possible de compresser et de “minifier” (c’est le terme) le contenu afin de le rendre plus léger sur le réseau, mais aussi de rendre le chargement asynchrone si le Javascript n’est pas indispensable pour le rendu visuel.

5- La mise en place de cache serveur

L’idée d’un cache serveur est de stocker des versions “précalculées” de tout ou partie du site, ce qui réduit considérablement l’impact du chargement de la page au niveau de la plateforme d’hébergement. De notre expérience dans la mise en œuvre d’une sobriété numérique sur des sites déjà existants, nous avons pu constater qu’une bonne gestion du cache serveur peut permettre de diviser par 10 l’empreinte environnementale du site chez l’hébergeur ainsi que les coûts d’hébergement ! C’est une optimisation gagnante sur tous les tableaux.

6- La réduction du nombre de requêtes HTTP

Chaque élément d’une page web, qu’il s’agisse d’une image, d’un fichier CSS ou d’un script, nécessite une requête HTTP pour être chargé. La réduction du nombre de ces requêtes, par exemple en utilisant des sprites CSS ou en “in-lineant” des petits fichiers CSS et Javascript, peut avoir un impact significatif sur la performance du site. A noter que dans un environnement HTTP 2.0 cette recommandation fera moins de sens car les requêtes à destinations d’un même site se retrouveront automatiquement regroupées.

Une fois mise en œuvre, l’ensemble de ces actions auront un impact très significatif sur la bonne sobriété du site. Vous aurez noté que sur une majorité de bonnes pratiques à mettre en œuvre, on constate que l’optimisation de la Performance Web et la Sobriété Numérique sont finalement étroitement liées ! En effet, ces actions d’optimisation économisent des précieuses ressources mais permettent également des gains dans les temps de chargement, ce qui va par rebond :

  • améliorer l’expérience utilisateur
  • améliorer le taux de conversion
  • améliorer le taux de rebond
  • et améliorer le classement SEO !*

*NB : Attention, ce point est largement débattu dans les diners de Noël des professionnels du SEO 😀 qui n’arrivent pas vraiment à s’accorder sur le véritable poids de la vitesse sur le référencement des pages. La difficulté réside dans l’opacité qu’entretient Google sur son algorithme de référencement d’un côté, et l’importance que Google donne pourtant au sujet de la vitesse de chargement dans toutes ses communications et outils comme Google Pagespeed Insights ou encore Google Lighthouse.

Quel hébergement pour un site “green” ?

L’hébergement est souvent négligé dans les discussions sur la sobriété numérique, mais pourtant il représente une part significative de l’empreinte environnementale d’un site web. En effet, d’après la très récente étude d’Eric Fourboul de Hubblo.org sur les impacts importés des datacenters, l’usage des centres de données utilisés par les entreprises françaises représenterait 42% de leur empreinte carbone pour la partie numérique.

Alors comment rendre cet hébergement plus écologique ? Soyons clairs, dans un premier temps l’action la plus importante reste de rendre le site le plus “sobre” possible afin qu’il nécessite très peu de ressources pour son fonctionnement ! Une fois cette opération réalisée, alors il sera encore plus vertueux d’aller utiliser ces ressources informatiques auprès d’un hébergeur ayant travaillé également son empreinte environnemental (par exemple Neutral IT)

Pour juger des aspects environnementaux de l’hébergeur, plusieurs critères doivent être pris en compte :

1- L’efficacité énergétique du centre d’hébergement

Il s’agit des mesures prises pour optimiser l’efficacité énergétique des serveurs et des installations. Cela peut inclure des systèmes de refroidissement avancés et une gestion efficace de la consommation électrique. L’unité généralement utilisée pour décrire cette efficacité est le PUE pour “Power Usage Effectiveness”. Dans cette notation, plus la note est proche de 1 et plus l’efficacité est bonne. Nous vous invitons donc à bien comparer les offres d’hébergement au regard de ce critère.
Relire notre article l’hébergement éco-responsable

2- Le pays d’hébergement et son mix électrique

La plateforme d’hébergement est-elle située dans un pays où l’électricité est peu carbonée ? Ce critère est important, car rien qu’à l’échelle de l’Union européenne, l’utilisation de l’électricité par les centres de données va émettre des émissions extrêmement différentes selon les pays. Typiquement, quand un serveur émet 85g de CO2 en France, un serveur identique en Irlande émet 350g de CO2 en Irlande ou 630g en Pologne (!).

3- La source d’énergie

L’hébergeur utilise-t-il des énergies renouvelables pour alimenter ses data centers ? Au-delà du mix électrique du pays, il est assez logique de privilégier les hébergeurs qui investissent investissent dans la production d’énergie renouvelable comme l’éolien, le solaire ou l’hydroélectricité. Opter pour un hébergeur qui s’engage à utiliser 100 % d’énergie renouvelable peut faire la différence dans votre démarche de Sobriété Numérique. Au-delà de vos efforts d’optimisation, c’est aussi une excellente manière de réduire l’impact carbone de vos usages numériques restants.

4- Certification environnementale

Lors de votre choix d’hébergeur, il est important de vérifier si celui-ci détient une certification environnementale, notamment l’ISO 14001. Cette certification est un gage de qualité et d’engagement en matière de gestion environnementale. Elle atteste que l’hébergeur a mis en place un système de management environnemental visant à réduire son impact écologique de manière continue. Ce critère est souvent un indicateur fiable de la volonté de l’entreprise à s’engager dans une démarche éco-responsable.

Comment mesurer la Sobriété Numérique ?

Vous avez sûrement déjà entendu l’adage qui dit qu’on ne peut pas améliorer ce qu’on ne mesure pas. Sur ce point, la Sobriété Numérique ne fait pas exception ! Certes il est toujours possible de s’améliorer “à l’aveugle” mais cela ne pourra pas être efficace car vous n’aurez aucune garantie que les points que vous optimisez sur vos sites sont les plus importants.

Pour faire un premier état des lieux de votre Sobriété Numérique, notre partenaire Quanta a lancé cette année un outil gratuit en ligne : Quanta.green. Ce site vous permet d’obtenir instantanément votre Score de Sobriété Numérique, une notation calculée sur la base de l’impact du site en équivalent CO2 émis par clic sur le site, ainsi que d’une notation de respect des principes de l’éco-conception. Le tout donne un score unifié sur 100, présenté également en lettre de A à F comme un NutriScore(c) mais pour les sites Internet :

Pour aller plus loin, vous pouvez ensuite opter pour des outils davantage orientés sur la présentation des axes d’améliorations. Toujours gratuitement, les développeurs peuvent utiliser la console de Chrome pour repérer des éléments tels que le poids des pages, le nombre de requêtes serveur et le temps de chargement. Cependant, réaliser ces recherches manuellement sur l’ensemble des pages du site sera fastidieux et les priorités ne seront pas simples à identifier.

Si vous cherchez une analyse plus complète et automatisée, Quanta dans sa version payante offre la possibilité de faire des tests réguliers pour identifier précisément les éléments à améliorer sur l’ensemble des pages de votre site notamment via un moteur de Real User Monitoring. Ainsi, vous pourrez travailler l’empreinte environnementale de votre site de façon efficace et “ROIste” en commençant par les améliorations ayant le plus de poids en premier.

Conclusion

Dans un contexte de prise de conscience et d’attente de plus en plus importante des consommateurs envers les engagements environnementaux des marques, la Sobriété Numérique ne devient plus une option mais une nécessité. La bonne nouvelle est que cette démarche de Sobriété Numérique représente plusieurs co-bénéfices comme l’amélioration de l’expérience utilisateur ou encore la réduction de coûts en hébergement, des raisons supplémentaires pour se lancer !

Que cette démarche soit menée lors du démarrage d’un projet ou bien en amélioration d’un site existant, les outils et méthodes sont accessibles et à portée de tous. En tout premier lieu, un test de quelques minutes sur Quanta.green permettra d’en savoir + sur le niveau actuel du site. Et pour entreprendre une démarche d’amélioration, les équipes TBD et Quanta se tiennent à votre disposition pour vous accompagner sur ce sujet.

A propos de Quanta

La société Quanta est dans une mission de rendre le Web soutenable vis à vis des limites planétaires. Pour se faire, elle offre des services gratuits et payants selon les cas permettant d’agir concrètement sur la réduction de l’empreinte environnementale des sites Internet. Depuis 2021, Quanta s’est par ailleurs engagée dans une démarche de réduction de ses propres impacts environnementaux du numérique afin de rester dans le scénario 1,5 degrés. A date, Quanta a dépassé cet objectif et affiche une baisse continue de -10% par an en moyenne.

Tests montée en charge – TMC

Entre les fêtes de fin d’année, la période des soldes, les vacances scolaires, le lancement d’un nouveau service … Le stress d’un site saturé est bien présent chez tous les e-commerçants. En effet, la vie de votre site marchand connaît des hauts et des bas qui, très souvent, mettent à rude épreuve sa santé.
Les tests de montée en charge (TMC) sont devenus incontournables pour prévenir et sécuriser votre système. Ils donnent la possibilité de cibler avec précision les goulots d’étranglement, qui menacent le bon fonctionnement de celui-ci.
Alors pour avoir une meilleure visibilité des axes d’amélioration, de correction, et d’optimisation, pensez TMC !

Sujet de notre nouvel article en collaboration avec notre partenaire Quanta, pour vous donner les clefs d’un site en bonne santé et performant 🙂

1- TMC : qu’est ce que c’est ?

Une augmentation brutale de l’activité (en période de soldes par exemple), une importante quantité de commandes soudaine, un grand nombre d’internautes simultanés sur le site (annonce télévisée) : nous sommes typiquement dans le cas d’une montée en charge.
En soit une montée en charge est profitable pour l’entreprise à condition que celle-ci soit capable de faire face à cette demande accrue (gestion des commandes, logistique, SAV …).
Car dans le cas contraire, ces pics de charges non anticipés et contrôlés, se traduisent par des pertes significatives.

Comme un sportif de haut niveau, votre site marchand doit être surveillé, entraîné, préparé pour le le jour J. Les TMC sont une épreuve qui mettra clairement en évidence les lacunes dans le jeu de votre site marchand: certaines pages plus lentes, des mauvais réflexes dans la gestion du back office, ou même l’arrêt complet du site en cas de surcharge serveur sont autant de problèmes qu’un TMC peut détecter pour vous permettre de mettre en place des réponses adaptées.

Et cela est d’autant plus vrai lorsque votre activité est saisonnière (exemple : vente de maillot de bain essentiellement sur la période d’été). Le trafic connaît de forte fluctuation et vous ne pouvez pas compter sur un rattrapage des ventes le mois suivant: vos clients sont déjà passés à autre chose. Il est donc possible et fortement conseillé de planifier des TMC régulièrement pour anticiper et planifier les corrections à apporter, les mises à jour à effectuer sans compromettre la stabilité de votre site marchand.

Point de vigilance : la disponibilité de votre site. Réaliser des TMC en pleine période de rush n’est clairement pas optimal et trop tardif. Il ne s’agit pas d’une baguette magique pour solutionner immédiatement un souci de tenu à la charge, mais bien d’en mesurer les capacités, et limites. Les TMC sont avant toute chose préventifs, pour permettre aux équipes d’anticiper.

2- Les objectifs et avantages

Performance et rentabilité

Une forte augmentation de l’activité ne doit pas être au dépend de la satisfaction client. Il est primordial de conserver un niveau de performance et de rentabilité important pour pouvoir assurer la bonne gestion des demandes des clients (fidèles et nouveaux).

Identification des axes d’amélioration

Près de 50% des sites marchands ne sont pas testés pour la principale raison « l’application fonctionne comme attendue.” Mais dans la grande majorité des cas, certaines limites et dégradations sont méconnues des marchands, ce qui compromet la bonne santé du site.
Il est dangereux d’attendre que votre site “plante”, “crash” pour agir. L’anticipation est le maître mot pour être toujours opérationnel et prêt à accueillir ces pics de charge.

Focus cœur de métier

Pour assurer la logistique lors de période charnière type Noël, il est indispensable de s’affranchir des soucis techniques pour rester centré sur votre cœur de métier. En planifiant en amont les besoins futurs nécessaires (ex : capacité serveur), votre énergie sera dédiée aux tâches à forte valeur ajoutée le jour J (relation client, SAV …).

Bonne réputation en ligne

Bien que l’erreur soit humaine, l’internaute impatient de trouver son bonheur, ne pardonnera pas un site trop lent, une page 404 ou encore un problème lors du paiement.
Pour assurer le meilleur parcours d’achat du client, rien de mieux que de le simuler, le tester, l’éprouver. Les TMC reposent sur des scénarios qui dessinent le parcours client type pour en dénicher les embûches. Un client heureux est un client fidèle et un super publicitaire 😉

3- Concrètement comment ça fonctionne ?

Il existe plusieurs offres sur le marché dont celle de notre partenaire Quanta : le digital experience monitoring. Cette solution complète, permet de comprendre et d’améliorer le parcours utilisateur pour apporter les ajustements nécessaires et anticiper les pics de montée en charge. Le digital expérience monitoring à pour objectif de comprendre et d’améliorer :

  • La simulation d’utilisateurs
    Lancement de navigateurs qui vont interagir avec le site comme de vrais utilisateurs. Choix de produit, temps de réflexion, ajout au panier, connexion au compte, complétion de formulaire… Ces robots permettent de se rapprocher de l’usage réel
  • La collecte de données de bout en bout
    Pendant l’action de ces navigateurs “utilisateurs”, les mesures de performance font leur petit bonhomme de chemin pour relever les points noirs.
  • La mise à disposition immédiate des résultats

Les tests de montée en charge peuvent être visualisés en temps réel. Ils s’arrêtent automatiquement en cas d’indisponibilité de la plateforme.

  • L’analyse et les préconisations par un expert
    L’outil permet de préparer, lancer et suivre des tests de montée en charge facilement mais rien ne remplace l’analyse par un expert pour correctement interpréter les résultats et définir les actions correctrices prioritaires.

Ce programme apporte une surveillance globale (surveillance des pages – Core Web Vitals, Speed index, temps de chargement – des serveurs et logiciels) doublée d’une analyse d’experts Magento certifiés afin de vous remettre un compte rendu clair, précis, avec des préconisations concrètes.

Conclusion

Vous l’aurez compris à la lecture de cet article, les TMC et l’analyse continue des mesures de performance sont comparables à un électrocardiogramme. Ils constituent un outil indispensable à la surveillance et au maintien en bonne santé de votre site marchand.
Anticiper, Analyser pour Améliorer seront les clés de votre succès et de la pleine satisfaction de vos clients. Nos experts sont à votre disposition pour en discuter. Contactez-nous.

Checkout : bonnes pratiques pour convertir

L’objectif de tout marchand est de générer un maximum de ventes pour augmenter son chiffre d’affaires. Le chiffre d’affaire d’un site e-commerce est influencé par la relation suivante : CA = nombre de visiteurs X le taux de transformation X le panier moyen

Alors afin d’optimiser voire de maximiser chacun de ces différents facteurs, certaines leviers d’action sont à travailler comme le SEO/SEA/SMO pour booster le nombre de visiteurs sur le site; l’ajout d’offres tarifaires intéressantes (promotions, 1 acheté 1 offert …) pour augmenter le montant du panier moyen; et pour le taux de transformation : perfectionner l’étape de check out. C’est l’objet de ce nouvel article dans lequel nous passons à la loupe l’ensemble des éléments à intégrer dans votre page de check out. Objectif : maximiser votre taux de conversion.

I- Les étapes du checkout

Il est important de comprendre que l’étape du check out est elle-même composée de plusieurs phases.

1- Validation du panier

Cette validation amorce le processus de checkout. Pour poursuivre l’enregistrement de sa commande, souvent le client va être invité à se connecter à son compte ou d’en créer un s’il n’est pas encore inscrit. Mais, la possibilité de poursuivre en tant qu’invité est un réel atout. De plus en plus d’internautes sont réfractaires à l’idée de créer un compte client.
Il est important de rappeler que cette page de validation doit clairement récapituler les articles sélectionnés, le montant des frais de port, le montant total après code promo, remise … pour amener le client jusqu’à la page de check out.
Pour plus d’informations relire notre article Focus sur le panier.

2- Choix du mode de livraison

Après cette identification, le client va pouvoir choisir le mode de livraison. Il est conseillé de proposer différents modes de livraison (ex à domicile – en point relais – en boutique) pour que le client puisse sélectionner celui qui lui convient le mieux. Indiquer explicitement les délais et les montants de chaque mode de livraison pour ne pas créer l’effet “kiss cool” lors de l’étape du paiement.
Pour plus d’information relire notre article LIVRAISON : quelles options choisir pour satisfaire vos clients ?

3- Choix du mode de paiement

Idem. Laisser le choix au client de choisir son mode de paiement (ex : CB – Visa – MasterCard – Paypal – Apple Pay …). Apporter des éléments de réassurance comme les logos de vos solutions de paiement ou encore la mention paiement 100% sécurisé.

4- La page de confirmation de commande

Cette dernière étape importante permet de confirmer au client la bonne prise en compte de sa commande. Elle finalise l’expérience utilisateur en agissant en tant qu’élément de réassurance.
Le client y retrouve les informations clés : numéro de la commande, rappel sur les délais de livraison ou encore un rappel sur la politique d’annulation de la commande.
Il peut être intéressant à cette étape, d’indiquer la démarche à suivre pour suivre l’évolution de sa commande, soit en créant son compte client, soit via un lien de suivi.

II- Liste des éléments à inclure sur la page checkout

La page de checkout est une étape importante dans la décision d’achat du client. Son optimisation est cruciale afin que le client soit guidé vers le bouton PAYER. Pour cela, différents éléments sont à inclure et à respecter sur cette page.

1. les indispensables

  • L’URL et le titre de la page
    Confirment à l’internaute qu’il est au bon endroit 🙂
  • Les informations de commande
    Rappeler ici le contenu du panier et permettre des ajustements (quantité, couleur, modèle, taille …). Bien que certains marchands craignent cette possibilité, il est commercialement parlant “plus vendeur”, que le client se sente libre d’ajuster, corriger ses choix.
  • Le bouton payer
    Une évidence qui doit être clairement visible et respecter certaines règles :
    Être reconnaissable au premier coup d’œil par le client. Idem sur une version mobile : il doit apparaître au-dessus de la ligne de flottaison et donc, présent sur l’écran sans scroller.
    Les autres boutons de progression comme suivant, continuer … ne doivent pas faire croire au client qu’il va valider sa commande. Donc pas de call to action type “confirmer”, “valider” avant la dernière étape de checkout.
  • Les logos des solutions de paiements proposées
    Éléments de réassurance indispensables à afficher de préférence dans le footer du site durant toute la visite du client et aussi dans la page de confirmation de paiement.
  • Le certificat SSL
    Signe que votre site est digne de confiance aussi bien pour les clients que pour les robots des moteurs de recherche.

2. les complémentaires

  • La barre de progression
    Elle indique les étapes de la validation du client. Plus elle est courte, meilleur sera le taux de conversion. Penser rapidité – visibilité – efficacité !
  • La personnalisation de la page de check out
    En personnalisant votre page de check out, vous immergez le client dans l’univers de la marque. L’expérience utilisateur est très importante sur un site marchand : il doit se sentir au bon endroit tout au long de sa visite.
  • Le choix des moyens de paiement
    Proposer les solutions les plus populaires auprès de votre cible. En collant aux habitudes de consommation de vos clients, vous garantissez la conversion. Et si vous vendez à l’international, renseignez vous sur les modes de paiement plébiscités dans les pays ciblés.
    Conseil : Privilégier une présentation simple en évitant d’afficher plusieurs prestataires pour un seul mode de paiement (ex: pour un paiement en CB).
  • Le PSP
    Le Prestataire de services de paiement est très important pour votre site E-commerce. En affichant le logo de la solution choisie, vous apportez un élément de réassurance supplémentaire.
  • L’annulation & les conditions de remboursement
    Le bouton d’annulation doit être proposé pour que le client puisse revenir en arrière, modifier sa commande sans se sentir bloqué à cette étape.
    L’affichage des conditions de remboursement donne une totale transparence sur votre politique de retour. Un autre élément de réassurance en votre faveur.
    Conseil : Bien synthétiser tous les choix des étapes passées à CHAQUE validation, pour que le client ait toujours une vue complète de sa commande. Cela inclut également l’adresse du point relais choisi, par exemple.

3. les petits plus

  • La tokenisation
    Ou le paiement en un clic qui rend celui-ci plus rapide et plus simple même si le 3DS reste à valider pour sécurisation. Réel atout pour un client récurrent qui a la possibilité d’enregistrer ses données CB.
  • Le tick
    Ce petit symbole ✅ de validation qui confirme au client la validité de ses informations.
  • Les avis clients
    À inclure tout au long de la navigation pour rassurer un nouveau client. Avis sur les produits, sur les moyens de livraison, sur la sécurité des paiements… tout est bon à communiquer pour conforter le client dans ses choix.
  • Le tchat pour poser les questions
    Cette possibilité d’échanger avec un conseiller est un sacré atout pour contrer le frein à la validation de la commande. En apportant une réponse rapide au client vous maximisez les chances de conversion. Toutefois attention à ne pas être trop insistant : cela risquerait d’avoir l’effet inverse.
  • La saisie des coordonnées client
    Faciliter au maximum le formulaire à compléter par le client pour renseigner ses coordonnées. En plus d’esquiver les “oh faut tout saisir !” cela évite les erreurs et diminue le nombre de retours NPAI (N’habite Pas À l’adresse Indiquée)
    Conseil : A minima, imposer la création du compte client après qu’il ait pu simuler les montants exacts de sa commande. Le mieux étant de simplement le proposer, après le passage de la commande une fois le client satisfait (fidélisation).

III- Points de vigilance

Afin de compléter la première partie de cet article, nos experts ont répertorié quelques points de vigilance à avoir pour que votre page de checkout soit vraiment parfaite.

  • Vérifier que le site est responsive ! Ça coule de sens mais encore trop de mauvaises surprises sur mobile.
  • S’assurer qu’il y ait toujours un moyen de paiement pour tous les types de clients (pays étrangers, montants de commande élevés). Dans certains cas, le client est bloqué sur un simple « Il n’y a pas de moyen de paiements disponible » et c’est une vente perdue.
  • Idem pour les moyens de transports. Certaines règles activent/désactivent des moyens de transport en fonction du poids/nb d’articles. Il ne faut jamais laisser le client avec une seule solution.
  • La perte du panier du client en cas d’erreur de paiement, de retour en arrière, d’annulation ou encore après avoir quitté la page.
  • Proposer l’utilisation d’un coupon de réduction uniquement dans le tunnel.
  • Vérifier le temps de chargement de la page (un classique) et le temps d’attente pour confirmer le paiement.
  • Faire en sorte de ne pas avoir à scroller sur la page.

Conclusion

La page de check out doit conforter le client dans sa décision d’achat. Pour cela rien ne doit être laissé au hasard : éléments de réassurance, transparence des informations, possibilité de modifier son panier … Le but étant que l’internaute valide son panier rapidement et simplement pour le transformer en nouveau client. Ne perdons pas de vue que l’objectif de tout e-commerçant est d’optimiser son taux de conversion. Autant mettre toutes les chances de son côté. Pour vous accompagner dans cette démarche, vous pouvez compter sur les experts TBD 🙂

Retour d’expérience
-SabotYouYou-

Claire Durand I responsable e-commerce

En 1803, aux Sables d’Olonne, sur la côte ouest française, les premiers sabots ont vu le jour. Mais c’est depuis 2020 que le sabot YOUYOU refait parler de lui.

Sabot YOUYOU est une marque française qui crée, fabrique et commercialise des sabots pour hommes femmes et enfants dans le respect de l’art artisanal. Sabot YOUYOU garantit la transparence de l’origine de ses produits, de la semelle en bois de tilleul, au cuir de très grande qualité , jusqu’au montage fait main, pour offrir un produit unique et propre.
Ces sabots (mais pas que !) mules, sandales … chics et stylés sont vendus sur le site e-commerce de la marque mais aussi auprès de plusieurs revendeurs en France et à l’étranger (Galeries Lafayettes, Smallable, Lulli sur la Toile …).  

Nous pourrions vous raconter nos débuts avec Sabot YOUYOU, mais nous avons préféré laisser la parole à Claire Durand – responsable e-commerce – pour qu’elle vous raconte SON expérience TBD.

Sabot YOUYOU depuis 1803 I www.sabotyouyou.com

1ère partie

Petit questionnaire de Proust pour mieux vous connaître.
Objectif : Répondre spontanément aux points ci-dessous en quelques mots ou une phrase maximum.

  • Votre premier geste le matin en arrivant au bureau
    Je me fais couler une piscine de déca et je parcours mes mails en le buvant. Cette entrée en matière me permet de mettre à plat mes priorités.
  • Dans votre journée de travail la tâche la plus agréable
    Échanger avec mes collaboratrices autour d’une nouvelle idée ou d’un projet.
  • Et la tâche la plus désagréable
    Il n’y en a pas.
  • La qualité que vous recherchez chez les autres
    Le professionnalisme.
  • Votre pire angoisse professionnelle
    J’ai le syndrome de l’autodidacte donc je me forme constamment.
  • Votre meilleur souvenir professionnel
    Mes 12 ans chez PriceMinister, Rakuten à présent. Nous travaillions tous très dur, l’ambiance était géniale et nous avons beaucoup appris les uns des autres.
  • Qu’avez-vous fait avec votre tout premier salaire
    J’ai gagné 10 000 francs lors d’un concours de peinture lorsque j’avais 12 ans et j’ai fait des cadeaux à mes proches. Et ensuite, avec l’argent de mes saisons, j’ai fait la fête.
  • Votre occupation, hobby préféré
    Ma fille. Je n’ai pas vraiment de hobbies réguliers. J’aime cuisiner, je fabrique mes propres savons bio, j’ai fait du yoga et du paddle, j’ai commencé le longboard dernièrement, j’ai envie de débuter l’équitation prochainement…
  • L’autre métier que vous auriez aimé exercer
    J’aurai aimé faire de la recherche scientifique; océanographe, astronome ou paléontologue.
  • Un inventeur, un scientifique ou une personne connue pour illustrer un nouveau billet de banque
    Une femme qui a juste dit ça suffit (Rosa Parks, Simone Veil, ma grand-mère…)
  • Quelle est la technologie qui vous passionne
    La robotique et la domotique. Cela m’amuse beaucoup ! Les applications peuvent être très intelligentes ou complètement dingues.
  • Votre devise ?
    J’ai deux devises, c’est pas grave et quand est-ce qu’on mange ?
« Nous sommes confiantes et sereines. Nous avons le sentiment d’avoir trouvé la bonne solution. » Claire Durand

2ème partie

Questions sur votre activité et votre collaboration avec TBD Group.

1- Le contexte

  • Décrivez-nous votre activité en quelques lignes.
    Sabot YOUYOU est une marque de sabots pour hommes, femmes et enfants que nous avons repris en 2020. Ils sont fabriqués artisanalement en cuir de très grande qualité et les semelles en bois de tilleul en font des sabots très légers et confortables. Nous puisons dans nos 200 ans d’histoire pour offrir le meilleur de notre savoir-faire et de nos valeurs tout en concevant de nouveaux produits (mules, sandales…) chics et stylés à porter en toutes saisons. Nous vendons en ligne sur notre site internet www.sabotyouyou.com et via un réseau de revendeurs en France et à l’étranger. Nous sommes aussi présents sur place des tendances, lulli sur la toile, Merci Paris, Smallable, Galeries Lafayettes…
  • Quels sont les défis à relever aujourd’hui dans votre activité ?
    Notre principal défi est d’augmenter les ventes en ligne. Nous souhaitons développer notre marketing automation d’une part et d’autre part développer nos ventes à l’international en déployant une version anglaise puis espagnole de notre site.
  • Comment la solution TBD Group vous aide-t-elle à relever ces défis ?
    Pour nous aider dans ces projets, nous avons la chance d’être accompagnés par notre référent TBD Group basé à Nantes, Gérald. Pour le marketing automation, Gérald nous a présenté plusieurs solutions adaptées à nos besoins et nous a assistés lors des réunions en visio. Pour le déploiement des versions du site en anglais et en espagnol, il a également suivi les projets et nous a apporté son aide de multiples façons.

2- La collaboration SabotYouYou – TBD Group

  • Quel a été l’élément déclencheur qui a permis notre collaboration ? Nous n’étions pas satisfaites de l’agence que nous avions et TBD Group nous a été recommandé.
  • Aviez-vous des craintes avant la mise en place de la solution et étaient-elles fondées ?
    Aucune crainte ! Nous avons été séduites par la personnalité, la disponibilité, la capacité d’écoute et le professionnalisme de Gérald. L’audit nous a rassuré sur notre choix et nous a apporté des axes d’amélioration.
  • Avez-vous apprécié la relation commerciale au moment de la phase de choix ?
    Je pense qu’on peut dire décisive puisque nous fonctionnons beaucoup à l’instinct. Gérald n’a pas cherché à nous noyer avec des termes techniques et s’il devait en utiliser il a veillé à les définir, à les expliquer. Un climat de confiance s’est rapidement instauré.
  • Un mot, adjectif ou verbe pour décrire la qualité de notre prestation Partenariat.

3- Les bénéfices

  • Et aujourd’hui comment ça se passe ?
    Gérald nous accompagne et nous forme dans le but de nous rendre plus autonome avec Magento. Nous avons trouvé une bonne organisation dans la gestion des projets. Gérald est super réactif en cas de problème technique. Bref, nous sommes ravies !
  • Quel est votre état d’esprit à l’instant présent ?
    Nous sommes confiantes et sereines. Nous avons le sentiment d’avoir trouvé la bonne solution.
  • Qu’est-ce qui vous plaît le moins ? Que voudriez-vous voir comme amélioration ?
    Nous travaillons beaucoup sur le fond (backoffice). Avoir une base solide de travail est notre priorité. Par la suite, nous aimerions plus de conseils sur la forme (frontoffice).
  • Que feriez-vous si on vous enlevait cette solution ?
    Qui me parle ?
  • Et si vous deviez résumer notre collaboration en quelques mots…
    Gérald est un peu notre phare dans la nuit du e-commerce
  • Nombre d’étoile pour connaître votre niveau de satisfaction : ⭐⭐⭐⭐⭐ (une étoile étant la note minimale, cinq étoiles la note maximale)
  • Recommanderiez-vous TBD Group à vos relations professionnelles ?
    Of course !

La sobriété numérique

Fortes chaleurs, sécheresses, réchauffement climatique … sont des notions qui bercent notre quotidien depuis malheureusement trop longtemps. Mais depuis cette année, un enjeu énergétique s’est ajouté à l’enjeu environnemental, avec une solution commune qui revient dans toutes les discussions : la sobriété. Utiles dans tous les secteurs pour réduire les émissions et économiser l’énergie, la sobriété se révèle particulièrement utile dans le numérique, qui est un secteur de plus en plus énergivore.

Dans l’interview donnée par M. Jean-Noël Barrot – ministre chargé de la transition numérique et des télécommunications – sur FranceInfo le 4 août dernier, le numérique consomme 12% de la consommation électrique et 3% de la consommation d’énergie finale en France. Le numérique produit 3.5% des gaz à effet de serre ce qui est plus que le trafic aérien. Il n’y a aucun doute : notre activité numérique pollue et bien plus que l’on peut le croire. Mais pas de panique, des solutions existent pour optimiser, contrôler et diminuer l’empreinte carbone de vos applications en ligne. On fait le point avec notre partenaire Quanta, sur cette notion de sobriété appliquée au numérique.

Qu’est ce que la sobriété numérique ?

C’est en 2008 que la notion de sobriété numérique a été définie par Frédéric Bordage, ingénieur et fondateur de l’association GreenIT.fr.
La sobriété numérique est une démarche qui vise à réduire l’impact environnemental du numérique en limitant ses usages. Elle alerte également sur l’empreinte carbone de ce secteur, en matière de consommation énergétique.

La sobriété numérique a pour objectif de promouvoir les Low-Tech comme l’écoconception de sites web ou encore des pratiques vertueuses pour diminuer l’empreinte énergétique du digital (utilisation d’énergies renouvelables pour alimenter les datacenters).
En guise d’exemple, l’énergie nécessaire aux 64 millions de vue de la saison 3 de la série “Stranger Things” diffusée par Netflix, a émis 189 000 de tonnes de CO2, ce qui équivaut à 676 millions de kilomètres parcourus en voiture (d’après une analyse réalisée en mars 2020 par SaveonEnergy). À notre échelle nationale, en France la consommation énergétique est de 476 TWh et l’électricité représente environ 25 % de l’énergie finale.
En 2015, d’après une étude menée par GreenIT, le numérique consommait environ 56 TWh.


Sur ces 56 TWh :

  • 43 TWh concerne les équipements utilisateurs à usage personnel ou professionnel (ordinateurs, tablettes, smartphones, box d’accès à internet, etc.)
  • 3,5 TWh pour le cœur du réseau (composants techniques pour relier les datacenters aux usagers, 3G, 4G, etc.)
  • 10 TWh pour les « datacenters »

Il est difficile pour les utilisateurs de palper cette pollution invisible qui pourtant est bien réelle. Mais on constate de plus en plus une prise de conscience et une volonté de changement des utilisateurs du digital, avec notamment des comportements d’achats plus responsables (article de seconde main, reconditionné, allongement de la durée de vie des équipements numériques), une recherche de produit/service plus propre (indice de consommation produit, moyen de livraison …) ou encore le critère d’une marque engagée.
De l’autre côté du réseau, se trouvent les datacenters hébergeant nos applications web. Et là aussi, une marge d’efficacité importante est encore présente pour réduire les impacts environnementaux et économiser l’énergie utilisée.

Pourquoi s’intéresser à la sobriété numérique en tant qu’entreprise?

Il existe plusieurs raisons pour une entreprise de se pencher sérieusement sur la question de la sobriété numérique :

  • Renforcer la crédibilité de la stratégie RSE (responsabilité sociale des entreprises)
    Mettre en place des actions concrètes pour diminuer son impact environnemental aussi bien sur sa façon de produire, de communiquer, de vendre … et que ce soit auprès de ses fournisseurs, distributeurs, collaborateurs ou clients.
  • Répondre aux exigences des collaborateurs (attractivité, fidélisation, marque employeur) qui sont de plus en plus nombreux à se soucier des problèmes environnementaux et dont l’éco-responsabilité de l’entreprise est un critère important. Cela peut se traduire par l’installation de bornes pour les véhicules électriques, de locaux moins énergivores (ex: toits végétaux et isolation pour éviter un système de climatisation), du choix des matières premières (ex: Thinking Mu, la marque espagnole engagée qui fait fureur), ou encore de l’engagement de la marque (ex: la marque Faguo qui a décidé de financer la plantation d’un arbre par article vendu). Pour une entreprise à l’activité fortement digitalisée, la sobriété numérique est également un geste environnemental majeur.
  • Se conformer aux attentes citoyennes des consommateurs (image et réputation)
    Parmi les tendances de consommation des Français on retrouve en haut de tableau, les produits de seconde main, la consommation locale et responsable, et le made in France. 50% des e-acheteurs ont achetés en 2021 des produits de seconde main ou reconditionnés et 48% d’entre eux pour des raisons écologiques.
    Source : Rapport annuel sur l’état du marché du e-commerce en France et dans le monde de la Fevad édition 2022
  • Respecter la loi (enjeux légaux et réglementaires)
    Bien que la mise en place du stratégie RSE est encore sous la base de volontariat, rappelons que depuis 2010 et le Grenelle I de l’environnement, la loi impose aux entreprises employant plus de 500 personnes d’établir un bilan de leurs émissions de gaz à effet de serre, accompagné d’un plan de transition pour réduire leurs émissions, tous les 4 ans, sous peine d’une amende administrative.
    Pour les entreprises employant plus de 50 salariés mais non soumises à ce régime, la loi de finances pour 2021 vient ici prévoir une obligation d’établir un bilan simplifié de leurs émissions de gaz à effet de serre avant :
    Le 31 décembre 2022 pour les entreprises dont l’effectif est compris entre 251 et 500 salariés ;
    Le 31 décembre 2023 pour celles dont l’effectif est compris entre 51 et 250 salariés. Ce bilan, qui sera public et transmis à l’autorité administrative à des fins de traitement statistique. Il devra par la suite être mis à jour tous les 3 ans.

    Pour en savoir plus :
    La responsabilité sociale des entreprises
    De nouvelles obligations sociales et environnementales pour les entreprises en contrepartie des aides à la relance
  • Optimiser les dépenses grâce à la sobriété (enjeux économiques et financiers)
    En maîtrisant et optimisant au plus juste la taille des infrastructures informatiques, toute entreprise peut réaliser une double action positive : environnementale d’abord car en utilisant moins de serveurs cela limite les émissions de co2 liées au site internet, mais également financières car réduire la taille de son infrastructure va permettre d’améliorer la marge du produit. Une action forte en ce sens consiste à héberger ses applications web dans un environnement cloud ce qui aura pour effet de mutualiser l’usage des serveurs.

Que mettre en place ?

La Sobriété Numérique passe par plusieurs actions concrètes. Guillaume Thibaux, cofondateur de Quanta, l’explique dans cette conférence à AWS Summit en 2019 : “il y a 3 actions concrètes qui vont permettre d’allier l’intérêt économique de nos entreprises et l’intérêt écologique”. Mais de quoi parle-t-on exactement ? Il s’agit de leviers directement accessibles aux gestionnaires des applications web, à savoir les CTO, DevOPS ou même les équipes marketing.
Voici ces actions :

  • La mutualisation des infrastructures sur un cloud
    Héberger son site internet sur des serveurs dédiés implique de garder constamment une marge de serveurs disponibles afin d’encaisser la charge lors de rares pics de trafic. Le résultat est que ces serveurs sont généralement sous-utilisés pendant une majeure partie de l’année. Le taux d’utilisation moyen des serveurs dédiés dans le monde est de 15% seulement, c’est un gigantesque gâchis énergétique.
    A l’inverse, la mutualisation sur le cloud permet d’ajuster au mieux les ressources allouées à l’application web.
  • L’optimisation du code et de l’architecture du site
    Amélioration du cache dans Magento, optimisation des requêtes de base de données, mise en place de Varnish, toutes ces actions permettent de réduire la charge serveur induite pour un clic sur un site. En mettant en place une véritable démarche de mesure et d’amélioration de la performance, notre partenaire Quanta nous confie que la plupart des marques accompagnées, ont divisé par deux leur besoin en infrastructure, tout en améliorant au passage la vitesse de chargement des pages du site.
  • Le choix de la localisation géographique du datacenter
    Il suffit d’aller voir le site ElectriticyMap, qui recense le taux d’émission carbone de l’électricité selon les différents pays européens, pour se rendre compte que l’impact environnemental d’un serveur hébergé en France n’est pas le même que s’il est hébergé dans un pays où l’électricité est davantage carbonée comme l’Irlande ou l’Allemagne.

Pour faciliter ces choix de sobriété, notre partenaire Quanta a développé un set d’outils permettant de mesurer l’impact carbone d’une application web en prenant en compte :

  • Le taux carbone de chacune des pages pondérées par leur fréquence de consultation par les internautes
  • Le type d’infrastructure utilisé (environnement cloud ou dédié)
  • Le pays d’hébergement de l’application

Conclusion

Au-delà des gains d’énergie réalisés, d’une image de marque plus verte véhiculée auprès des consommateurs, ces gestes simples permettent de participer réellement à la préservation de notre environnement tout en participant aux efforts de sobriété énergétique. Alors oui la situation est alarmante mais des solutions existent et il n’est jamais trop tard pour agir. Vous souhaitez mettre en œuvre une démarche de sobriété numérique pour votre ou vos sites Internet ? Nos équipes TBD-Quanta sont sur le front pour vous accompagner dans cette démarche éco-responsable.

Sources

en_GBEnglish (UK)