Comment ajouter un guide des tailles sur Shopify sans application

Un guide des tailles a l’air d’être la fonction la plus simple d’une fiche produit – un tableau, quelques chiffres, terminé. C’est pourtant l’une des fonctions les plus souvent confiées à une application payante, alors qu’un thème bien construit peut déjà le faire nativement. Voici ce qu’un guide des tailles doit vraiment faire, pourquoi tant de thèmes s’en dispensent quand même, et comment vérifier si le vôtre l’a déjà avant d’installer quoi que ce soit.

Ce qu’un guide des tailles doit vraiment faire

Un guide des tailles a trois missions, et la plupart des mises en œuvre n’en remplissent qu’une seule. D’abord, il doit afficher le bon tableau pour le bon produit – une chemise ajustée et un sweat oversize ne partagent pas le même tableau, pas plus que deux marques de chaussures avec des formes différentes. Ensuite, il doit être accessible depuis la fiche produit en un tap, pas enterré à trois clics dans un article du centre d’aide que l’acheteur doit aller chercher lui-même. Enfin, il doit permettre à l’acheteur de comparer ses propres mesures au tableau sans faire le calcul de tête – un bascule entre centimètres et pouces, ou une ligne mise en évidence pour « vous faites probablement un M », fait un vrai travail qu’une simple image ne fera jamais.

La plupart des applications de guide des tailles remplissent la première mission et s’arrêtent là – un seul tableau, mis en ligne une fois, relié par un petit lien texte près du sélecteur de variante. Cela suffit pour une boutique à un seul produit. Cela s’effondre dès qu’un catalogue compte plus d’une coupe, parce que l’application n’a jamais été pensée pour servir un tableau différent par produit sans un nouvel envoi manuel à chaque fois.

Les metafields sont le mécanisme natif

La réponse native de Shopify à ce problème est le metafield produit – un champ structuré qu’on définit une fois, puis qu’on remplit par produit, et qu’un thème peut afficher de façon cohérente partout où il a sa place. Un guide des tailles stocké comme un simple tableau dans un metafield, plutôt que comme une image plate collée à toute la boutique, veut dire que chaque produit porte son propre tableau correct, et que corriger la taille d’un produit ne risque jamais de casser la mise en page d’un autre. Nous détaillons la mise en place des metafields dans un guide séparé ; le guide des tailles est l’un des usages les plus courants de ce même schéma.

Le principe reste simple. Stockez le tableau comme un court champ de texte multi-lignes – la première ligne pour les en-têtes de colonnes, une ligne par taille ensuite – et laissez le gabarit du thème le transformer en tableau HTML partout où un guide des tailles a sa place. Chaque produit reçoit un tableau correct et à jour, remplir le champ prend moins de temps que d’envoyer et recadrer une image, et corriger les chiffres d’un produit ne peut jamais casser la mise en page d’un autre.

Pourquoi tant de thèmes le simulent avec une seule image statique

Construire un guide des tailles structuré, propre à chaque produit, demande plus de travail de développement que de glisser une seule image en fenêtre surgissante dans un thème, alors beaucoup de thèmes ne s’en donnent tout simplement pas la peine. Le résultat a l’air correct sur une démo avec une seule gamme, puis se dégrade discrètement dès qu’un vrai catalogue mélange coupes ajustées et coupes amples, ou des chaussures aux tailles britanniques, américaines et européennes sur la même boutique. L’acheteur ne voit pas une fonction manquante ; il voit un tableau faux pour l’article qu’il regarde, ce qui est pire que pas de tableau du tout, parce que cela induit activement en erreur plutôt que de simplement rester silencieux.

C’est le même compromis que celui déjà évoqué dans ce journal pour la liste d’envies et l’aperçu rapide : une version vraiment utile d’une petite fonction représente un vrai travail de développement, et beaucoup de thèmes laissent de côté la version la plus exigeante, ce qui est exactement le vide que la plupart des applications payantes de guide des tailles comblent.

La coupe varie plus qu’un seul tableau ne l’admet

Même au sein d’une seule marque, la coupe varie selon le style – une silhouette carrée et une silhouette ajustée ne partagent honnêtement pas le même tableau, même si l’étiquette affiche le même M ou L sur les deux. Publier un seul guide des tailles générique sur tout un catalogue masque cette différence et déplace la confusion vers les retours plutôt que vers la fiche produit, l’endroit le plus coûteux pour la faire apparaître. Si deux modèles taillent différemment, dites-le, et donnez à chacun son propre tableau ou sa propre note de coupe plutôt qu’un seul tableau qui fait double emploi.

La même honnêteté s’applique aux mesures du mannequin. Une ligne indiquant la taille du mannequin et la référence portée sur les photos coûte une phrase et répond à la question la plus fréquente avant achat – « est-ce que ça me fera cet effet-là » – mieux que le tableau seul ne le fera jamais. C’est aussi là qu’une politique de retour devient un argument de vente plutôt qu’une mention en petits caractères : un acheteur hésitant entre deux tailles est bien plus enclin à commander les deux et à en renvoyer une lorsque la procédure de retour est indiquée clairement à côté du tableau, plutôt que laissée à chercher ailleurs.

Là où cela compte au-delà du vêtement

Le vêtement est le cas évident, mais ce n’est pas le seul. La chaussure demande le même tableau traité sur trois référentiels de pointure plutôt qu’un seul. La haute joaillerie demande un tableau de tour de doigt avec une façon simple de se mesurer chez soi, idéalement associé à un sélecteur de taille qui se présente comme des boutons de taille plutôt que comme un menu déroulant de chiffres peu familiers – un motif que nous utilisons sur nos éditions de bijouterie. Un catalogue multi-marques vendant les produits de plusieurs fournisseurs sous un même toit a besoin d’un tableau par marque, pas d’un seul tableau appliqué discrètement à toutes, les marques étant souvent en désaccord sur ce que mesure réellement un « medium ».

Vérifier si votre thème l’a déjà

Avant d’installer une application, vérifiez trois choses directement sur une vraie fiche produit. D’abord, y a-t-il un lien ou une icône de guide des tailles visible près du sélecteur de variante, et non caché dans un menu de pied de page. Ensuite, l’ouvrir affiche-t-il un tableau propre à ce produit, plutôt qu’une seule image générique réutilisée partout – testez sur deux types de produits différents et regardez si le tableau change réellement. Enfin, fonctionne-t-il sur un téléphone sans devoir zoomer pour lire les chiffres, sachant que l’essentiel du trafic Shopify arrive du mobile et qu’un tableau qui ne fonctionne que sur un grand écran de bureau résout la plus petite moitié du problème.

Un thème qui réussit ces trois vérifications a déjà remplacé la fonction que la plupart des applications de guide des tailles sont vendues pour fournir.

Ce que propose LUMIERE

Notre thème gratuit LUMIERE affiche les informations de taille et de coupe depuis les metafields produit directement sur la fiche – pas d’application, pas de fenêtre surgissante séparée à maintenir, juste une définition à remplir une fois par produit. Il ne coûte rien de le tester sur votre propre catalogue avant de décider quoi que ce soit. Voyez sa mise en place dans la documentation, ou parcourez le reste de la gamme, y compris les boutons de tour de doigt utilisés sur nos éditions de bijouterie, sur Kiosk.