Fonctionnement des pages produit
Chaque produit a sa propre page, issue d’un design commun. Découvrez ce qu’elle affiche, comment vos clients y accèdent et comment modifier sa mise en page.
Chaque produit que vous vendez a sa propre page sur votre boutique. Vous n’avez pas à créer ces pages une par une : Payly les génère toutes à partir d’un seul design, appelé modèle de page produit, et y insère le nom, les photos, le prix et la description de chaque produit.
Ce qu’affiche une page produit
Une page produit reprend tout ce que vous avez saisi lorsque vous avez ajouté le produit :
- Les photos, la première en grand. S’il y en a d’autres, de petites images permettent au client de passer de l’une à l’autre.
- Le nom, le prix, et le prix de comparaison plus élevé barré si vous en avez défini un. Un abonnement affiche ses conditions de facturation à côté du prix.
- La note en étoiles puis, plus bas, les avis clients et le formulaire pour en écrire un. Consultez Recueillir et modérer les avis sur les produits.
- Une mention de stock telle que « En stock » ou « Plus que 2 en stock », si vous suivez le stock.
- La description, une liste déroulante pour chaque option, le bouton Ajouter au panier et la référence SKU.
- Un lien de retour vers votre boutique, au-dessus des photos.
L’adresse de la page est l’adresse de votre boutique suivie de /product/ et d’un nom court tiré du nom du produit, par exemple /product/speckled-dinner-plate. Un produit que vous passez en brouillon ou mettez à la corbeille n’a plus de page. Les clients qui ouvrent son ancienne adresse voient une page « introuvable ».
L’onglet du navigateur affiche le nom du produit suivi du nom de votre boutique. La courte description que montrent les moteurs de recherche provient du début de la description de votre produit, et la première photo est l’image utilisée quand quelqu’un partage le lien. Consultez Aider vos clients à trouver votre boutique sur Google.
Comment les clients accèdent à une page produit
Un client peut ouvrir une page produit de trois façons : depuis un lien que vous partagez, depuis une grille de produits de votre site, ou depuis la fenêtre contextuelle qu’ouvre une grille. Par défaut, un clic sur un produit dans une grille ouvre cette fenêtre contextuelle, qui présente les principaux détails et un bouton Ajouter au panier. Un lien Voir tous les détails dans la fenêtre mène à la page complète.
Pour envoyer plutôt les clients directement vers la page complète, sélectionnez la grille de produits dans l’éditeur, ouvrez Général et désactivez Ouvrir les produits dans une fenêtre contextuelle. Publiez votre site pour appliquer la modification.
Modifier la mise en page de toutes les pages produit
Toutes les pages produit partagent une même mise en page : une modification faite une fois apparaît donc sur chacune d’elles. Il faut au moins un produit pour que le modèle de page produit soit disponible.
- Cliquez sur Modifier le site dans le tableau de bord de votre site.
- Cliquez sur le nom de la page dans la barre supérieure pour ouvrir la liste des pages, puis cliquez sur Modèle de page produit.
- Cliquez sur le bloc produit de la page. L’éditeur affiche l’un de vos produits à titre d’exemple, pour que vous voyiez le rendu du design avec un vrai contenu.
- Dans le panneau de droite, ouvrez Général pour activer ou désactiver la Galerie de photos, la Description, le SKU et les Avis, ou pour modifier le Texte du bouton.
- Ouvrez Lien de retour pour choisir la page vers laquelle mène le lien situé au-dessus des photos et le texte qu’il affiche. Par défaut, il mène à votre page Boutique. Consultez Configurer votre page Boutique.
- Pour enrichir toutes les pages produit, faites glisser d’autres blocs depuis la gauche vers la page, par exemple une ligne de texte sur la livraison.
- Cliquez sur Publier.
Remarque : les modifications d’un seul produit, comme son prix, ses photos ou sa description, arrivent sur votre boutique dès que vous enregistrez le produit. Les modifications du modèle de page produit font partie du design de votre site : elles nécessitent donc Publier.