Prix

Liens en vedette

1. Documentation Shopify sur les sections et les blocs
2. Documentation Shopify sur la personnalisation des sections
3. Documentation Company XYZ sur les paramètres de visibilité

Vidéos utiles

Vidéo de Shopify Academy : personnaliser votre boutique

Vidéo de Shopify Academy : personnaliser votre boutique

Utilisez ce bloc pour présenter clairement les prix des produits et leur donner la bonne priorité visuelle dans les détails de votre produit. Il fonctionne mieux lorsque vous souhaitez que le prix reste facile à repérer, avec une mise en avant facultative des promotions et un texte de politique d’accompagnement à proximité. Pour un aperçu plus large du fonctionnement des blocs, consultez documentation Shopify sur les sections et les blocs

Paramètres de base

Les principaux paramètres contrôlent à quel point le prix ressort dans la zone d’informations sur le produit. La taille du texte modifie la hiérarchie visuelle, tandis que la couleur du texte et la couleur du prix promotionnel vous aident à distinguer le prix standard du prix remisé.

Choisissez une taille qui rende le prix visible sans éclipser les détails du produit à proximité. Pour les couleurs, privilégiez d’abord une excellente lisibilité, puis utilisez la couleur promotionnelle pour ajouter de l’emphase uniquement là où les réductions doivent ressortir.

Vous pouvez également afficher, avec le prix, des messages relatifs aux politiques d’expédition et de taxes. Cela est utile lorsque les acheteurs bénéficient de voir plus tôt le contexte des coûts supplémentaires, mais cela fonctionne mieux lorsque le texte de votre politique est clair et complet.

N’affichez les messages relatifs aux politiques d’expédition et de taxes que si ces politiques sont à jour et prêtes pour les clients. Un texte de politique peu clair peut rendre la zone de prix moins digne de confiance.

Paramètres standard de bloc

Paramètres de visibilité

Les paramètres de visibilité contrôlent si ce bloc apparaît sur ordinateur, sur mobile ou sur les deux. C’est utile lorsque vous créez différentes mises en page d’informations produit pour les petits et les grands écrans. Pour en savoir plus sur la gestion des blocs dans l’éditeur, consultez documentation Shopify sur la personnalisation des sections

Si vous masquez le bloc sur un appareil, assurez-vous que le prix apparaît quand même clairement ailleurs dans cette mise en page. Vous pouvez en savoir plus sur les paramètres de visibilité partagés.

Notes d’utilisation

1. Définissez une hiérarchie claire. Utilisez une taille de texte qui donne au prix suffisamment d’importance par rapport au titre, aux badges et aux actions d’achat.
   1. Gardez les détails proches comme secondaires afin que le prix reste l’élément le plus rapide à repérer.
2. Mettez les réductions en avant avec prudence. Utilisez la couleur promotionnelle pour attirer l’attention sur les prix réduits sans nuire à la lisibilité ni entrer en conflit avec la conception de la page.
   1. Gardez le prix normal suffisamment lisible pour pouvoir le comparer au prix promotionnel.
3. Affichez le texte de politique de manière intentionnelle. Activez les messages relatifs aux politiques d’expédition et de taxes uniquement lorsque ce contexte supplémentaire aide à réduire l’hésitation.
   1. Assurez-vous que le texte est complet et à jour avant de vous y fier dans la zone de prix.
4. Vérifiez les deux appareils. Si vous modifiez la visibilité, confirmez que le prix reste facile à trouver sur ordinateur et sur mobile.
   1. Masquer le bloc sur un appareil signifie que la mise en page doit quand même présenter le prix clairement ailleurs.
5. Attendez-vous à ce que le contexte du produit modifie ce que voient les acheteurs. L’affichage du prix peut varier selon les variantes sélectionnées, la quantité, la disponibilité et les actions commerciales configurées.
   1. Testez quelques états du produit pour vérifier que la zone de prix reste pertinente lorsque les options ou la disponibilité changent.
6. Utilisez un style discret lorsque vous souhaitez un comportement de repli partagé. Les valeurs vides, transparentes ou au style par défaut laissent généralement la conception environnante porter la zone de prix.
   1. Utilisez des couleurs explicites ou des remplacements visuels plus marqués uniquement lorsque vous souhaitez que le bloc de prix se distingue plus clairement.