Documentation

La page publique du passeport

Ce qu'un client voit après avoir scanné le code, comment la page est servie depuis votre site indépendamment de votre thème, ses thèmes de couleurs, ses langues, ses données structurées et ce qu'elle ne montre jamais.

Chapitres

Hébergée sur YouTube. Rien n'est chargé depuis YouTube avant que vous lanciez la lecture.

La page publique, c'est le passeport tel que le client le lit. Elle est servie par votre WordPress à l'adresse que le QR code encode, et elle est conçue pour la situation où on l'ouvre : un téléphone, en boutique ou à la maison, dans les secondes qui suivent un scan.

Ce qu'elle montre

La page publique du passeport sur un téléphone : la photo et le nom du produit, la marque, la barre de composition des fibres avec sa légende, puis origine, entretien et recyclage.
La page sur un téléphone. La composition d'abord, parce que c'est ce qu'on attend d'une étiquette.

De haut en bas :

  • Le produit : sa photo en vignette, son nom, et la marque, qui est le titre de votre site tel que réglé dans Réglages, puis Général.
  • La composition, sous forme de barre dont les segments sont proportionnels aux pourcentages, avec une légende. C'est l'élément signature de la page et la première chose qu'un client cherche sur un vêtement.
  • Les autres groupes du modèle, dans l'ordre du formulaire : fabrication, durabilité et entretien, fin de vie, environnement et certifications. Seuls les champs remplis apparaissent : un champ facultatif vide ne laisse ni trou ni titre, et un groupe sans rien dedans est sauté entièrement.
  • Un pied de page avec la date de la dernière mise à jour et les premiers caractères de l'identifiant du passeport, pour qu'un service client rapproche une page d'une étiquette.

Les nombres, l'empreinte carbone par exemple, sont composés en police à chasse fixe ; tout le reste est de la prose et se lit comme telle. Le libellé mène et la valeur suit, à dessein : l'essentiel de ce que dit un passeport, ce sont des phrases, et une phrase en gras sous un libellé pâle se lit moins bien que l'inverse.

Servie depuis votre site, indépendante de votre thème

La page est un document autonome, pas une page de votre thème. Elle charge son propre style, deux polices livrées avec le plugin et servies depuis votre domaine, et aucun script hormis ses données structurées. Pas de menu, pas de bandeau de cookies, pas de traceur, rien à accepter pour le client. Elle s'ouvre sur n'importe quel téléphone et pèse peu, ce qui compte sur le réseau mobile d'une boutique.

Parce qu'elle est rendue par le plugin et non par le thème, changer ou mettre à jour votre thème ne change jamais la page, et les scripts et styles d'un thème n'y fuient jamais.

La page survit aussi au produit. Un passeport est un enregistrement à part entière : si le produit est un jour retiré du catalogue, la page continue de servir les données du passeport (sans la photo du produit). Un code imprimé sur une étiquette vendue il y a deux ans répond toujours.

Thèmes de couleurs

Passeports, puis Page passeport, choisit les couleurs de la page. Trois palettes sont livrées avec le plugin : Fil, l'indigo et l'or par défaut, Graphite et Argile. La mise en page, les textes et les données sont identiques dans tous les thèmes ; seule l'encre change. Enregistrer applique le thème à tous les passeports publiés d'un coup, et l'écran renvoie vers un passeport pour voir le résultat.

La barre de composition prend aussi ses couleurs du thème, et dans chaque thème ses segments restent distinguables sans la couleur, sur une photocopie ou pour un lecteur daltonien. C'est une contrainte de la barre, qui est un graphique, et chaque palette est mesurée contre elle.

L'add-on Pro étend cela avec d'autres palettes, une couleur de marque à vous dont toute la page est dérivée, et votre logo à la place du nom de marque.

Langues

La page est rendue dans la langue du passeport, qui est celle du marché où il est vendu. Les libellés de la page, « Pays d'origine », « Instructions d'entretien » et les autres, existent dans les 23 langues de l'Union européenne et suivent cette langue, quelle que soit la langue de votre site WordPress. Une boutique en français qui vend en Espagne n'a pas besoin d'un WordPress en espagnol pour servir une étiquette en espagnol.

Quand un passeport porte des traductions, que l'add-on Pro écrit, la page gagne un sélecteur de langue en haut, chaque langue a sa propre adresse, et la page déclare les variantes pour que les moteurs de recherche les apparient.

Moteurs de recherche

Chaque page porte des données structurées schema.org décrivant le produit, avec son nom, sa marque, son image et la composition en toutes lettres, dans le même bloc application/ld+json que les moteurs lisent sur n'importe quelle fiche produit. La page est indexable. Rien ici n'est exigé par le règlement ; c'est ce qui rend un passeport trouvable par son nom.

Toujours à jour

La page est servie sans durée de cache : un navigateur qui l'a déjà ouverte demande au site si elle a changé avant de la réafficher. Une correction sur un passeport est donc visible au scan suivant, sans délai et sans cache à purger. Le même contrôle couvre le design de la page, donc une mise à jour du plugin atteint tous les passeports d'un coup.

Ce qu'elle ne montre jamais

Ni prix, ni stock, ni commande, ni donnée client. La page lit le passeport et le nom et l'image du produit, rien d'autre, et elle n'écrit rien. Ce que vous saisissez dans le formulaire du passeport est exactement ce qu'un client peut lire, et rien que cela.

Pour voir une page : Voir sur une ligne de la liste des passeports, la fenêtre de prévisualisation sur la liste des produits, ou le lien public dans l'éditeur de passeport. Les brouillons n'ont pas de page : leur adresse répond 404 tant qu'ils ne sont pas publiés.