Souvent sous-estimées par les gestionnaires de site e-commerce, les pages catégories sont une ressource particulièrement efficace pour vos clients. À la manière d’un énorme moteur de recherche, ces dernières permettent de filtrer les produits et services que vous vendez pour que vos visiteurs trouvent rapidement le produit qui correspond le mieux à leurs attentes. L’un des meilleurs exemples à ce sujet est le moteur de recherche d’Amazon. Lorsque vous cherchez un câble USB sur Amazon, une page catégorie va s’ouvrir avec des filtres adaptés. Vous pouvez ainsi trier selon les commentaires clients, la marque, le prix, la longueur du câble, le genre du connecteur, l’état et j’en passe. À travers cette vidéo, je vous propose de découvrir avec moi les bonnes astuces pour réussir à coup sûr une page catégorie sur votre site e-commerce. C’est parti !
Pour débuter, je vous propose de partir des constats les plus évidents, vers ceux les plus techniques. Il est toujours bon, je trouve, de rappeler les fondamentaux. Déjà, vos visiteurs doivent pouvoir trier facilement vos produits. Les classements les plus répandus sont les prix, les meilleures ventes et les nouveaux articles. Affichez cette fonction dans le coin supérieur droit, juste au-dessus de l’affichage de vos produits.
Veillez à utiliser un design de page de catégorie pertinent selon vos besoins. Si les images de vos produits sont la principale valeur ajoutée, alors privilégiez les grilles. À l’inverse, si les attributs jouent un rôle déterminant, affichez vos produits sous la forme de listes. Libre à vous également de proposer les deux, soit via un bouton à côté de vos options de tri, soit selon le style de produits proposés.
Beaucoup de sites ne le font pas, mais pensez à afficher le nombre exact de produits disponibles sur chaque page. C’est un bon indicateur pour vos clients de savoir s’ils ont beaucoup de choix à leur disposition ou non.
Pensez également à ajouter une section de description de votre page catégorie d’environ 400 mots au-dessus de votre grille. Afin de rendre le tout un minimum esthétique, masquez là à 90 % et ajoutez un bouton « Lire la suite ». Ce texte a deux intérêts majeurs. Le premier reste d’informer vos visiteurs de la valeur ajoutée de vos produits et de votre marque, la seconde est évidemment d’optimiser votre SEO.
Côté pratique enfin, faites en sorte que vos visiteurs restent à la même position verticale s’ils vont sur la page d’un produit puis reviennent ensuite à la page catégorie. Il n’y a rien de plus frustrant que de devoir redescendre tout un bloc à chaque fois qu’un produit nous intéresse. Pensez toujours à rendre le parcours expérientiel de vos visiteurs le plus agréable possible !
Passons désormais aux fiches produits. Quels que soient les articles que vous vendez, affichez par défaut 3 ou 4 produits populaires tout en haut, avant même la grille générale. Cela peut être un article très bien noté, un produit particulièrement bien vendu et un objet qui attire énormément de visiteurs par exemple. Cela va donner quelques références faciles d’accès à vos visiteurs. Avec un peu de chance, la plupart d’entre eux choisiront ces résultats s’ils correspondent à leurs attentes. C’est la stratégie déployée par Amazon qui représente 92% de leurs ventes.
Passons maintenant au cœur du sujet : l’affichage de vos produits. Idéalement, montrez des photos supplémentaires des produits au passage de la souris. C’est un moyen d’augmenter votre taux de conversion de manière significative alors ne vous en privez surtout pas ! Certains sites proposent même des vidéos à la place des photos. À vous de voir ce qui est le plus pertinent dans votre situation.
Autre point : adoptez un style cohérent pour toutes les images de vos produits en choisissant le même type d’arrière-plan, le même angle, la même taille… Cela augmente la lisibilité globale et nul doute que vos visiteurs apprécieront. Il n’y a rien de pire qu’un site avec des images aux styles décousus et dont le résultat vous agresse.
Faites également en sorte que les variantes soient visibles dès la page catégorie. Qu’il s’agisse de la taille, de la couleur ou de tout autre élément important, il est nécessaire pour vos visiteurs d’y avoir accès en priorité dès cette étape. Le site d’ASOS est très bon en la matière et peut vous servir de source d’inspiration.
Toutes les informations importantes sont affichées pour chaque produit (titre du produit bien visible, ancien prix, nouveau prix, remise, nombre d’avis, évaluation globale par étoiles, description succincte, variantes du produit [taille, couleur], descriptions succinctes, attributs du produit).
Un bouton CTA est affiché pour inciter les utilisateurs à consulter la page du produit (idéalement au survol)
Si jamais vos produits sont en rupture de stock ou sont en quantité limitée, mentionnez-le directement sur la page catégorie. Vous pouvez aussi proposer un filtre pour ne pas afficher les produits hors stock. Pensez également à offrir la possibilité de laisser son email sur les produits en rupture afin que vos clients reçoivent une alerte dès que du stock est de nouveau disponible. Vous allez fidéliser beaucoup de clients de cette manière.
Affichez des badges sur les vignettes des produits comme par exemple « Livraison rapide », « Best-seller », « Nouveau », « Premier choix » ou « Tendance ». C’est un bon moyen de faire sortir du lot certains produits spécifiques que vous aimeriez vendre en priorité.
Concernant les filtres, proposez des filtres faciles à comprendre et utiles. Alors évidemment, si vous ne vendez que 3 produits, les filtres ne sont probablement pas pertinents. Mais pour une marque qui vend une centaine de cafés différents, lâchez-vous ! Permettez à vos clients de choisir vos produits selon leur pays d’origine, leur intensité, leur couleur, leur type ou leur utilisation par exemple. Mon meilleur conseil pour ce genre de chose est d’aller jeter un œil sur un site spécialisé et populaire, ici dans mon cas MaxiCoffee, pour avoir une idée des filtres les plus pertinents à ajouter dans ma situation.
Pensez également à faire en sorte que vos filtres soient facilement accessibles sur les téléphones portables. Une bonne version responsive va jusque dans ces petits détails-là !
Les filtres doivent être suffisamment visibles (applicable uniquement aux magasins où les utilisateurs ont tendance à utiliser des filtres).
Retour sur le côté pratique maintenant, faites en sorte d’afficher les filtres les plus populaires en haut de la liste des filtres. C’est tout bête, facile à faire et beaucoup de sites ne le font pas, mais croyez-moi que ça change vraiment la vie de vos visiteurs. C’est sur ce genre de petits détails qu’un visiteur est en mesure de savoir si la marque avec qui il va traiter plus tard prend soin de ses clients ou non.
De même, lorsqu’un filtre est sélectionné, mettez à jour la page entière en temps réel. Ne demandez pas à vos visiteurs de cliquer sur un bouton pour mettre à jour les résultats, c’est contre productif. Le chargement asynchrone avec du AJAX peut vous permettre d’obtenir de beaux résultats avec très peu d’efforts.
Autre point important, ne montrez que les filtres pertinents pour chaque catégorie. Savoir qu’un café peut être trié selon qu’il stocke du 250 ou 500 Go ne m’intéresse pas vraiment. Alors quand les filtres ne sont pas utiles, cachez-les. C’est plus professionnel !
Pensez également à afficher de manière claire et visible les filtres appliqués, leur nombre et la possibilité de les supprimer. Là encore, petite pensée pour le mode responsive qui est trop souvent oublié. Il n’y a rien de plus frustrant que d’avoir activé un filtre et de ne plus pouvoir le supprimer sur téléphone.
J’en profite pour aborder un point qui me semble essentiel : il faut que vos utilisateurs puissent sélectionner plusieurs filtres à la fois. Alors oui, ça peut sembler un peu lunaire comme remarque mais je visite de trop nombreux sites e-commerce qui ne proposent de n’activer qu’un seul filtre. Non seulement c’est super frustrant, mais en plus ça a toutes les chances de vous faire perdre des clients sur le long terme. Évitez donc à tout prix cette erreur !
Autre point important, faites en sorte que les filtres soient affichés dans une position standard à gauche ou en haut. Les affichages farfelus à droite ou en bas, voire au centre, ne sont vraiment pas pertinents. Même si vous voulez donner à votre marque une image d’artiste rebelle, vous allez surtout désorienter tout le monde pour votre plus grand malheur.
Enfin, proposez des sélecteurs pertinents quand cela est utile. L’exemple le plus bateau est le curseur de fourchette de prix où les utilisateurs peuvent saisir le prix minimum et maximum au lieu d’une liste préétablie de fourchettes de prix. Sur ce point, vous pouvez même vous lancer de l’A/B Testing si cela vous intéresse. Vous serez parfois surpris des retours de vos clients.
