Ajout d'échantillons aux produits

Les échantillons sont des exemples de couleur qui aident vos clients à choisir le bon produit. Utilisez l'option de produit « Couleur » pour ajouter des échantillons aux pages de produit de votre boutique en ligne. De cette façon, les clients verront instantanément la différence entre les variantes de produit.

Vous pouvez choisir d'afficher les échantillons sur la grille de produit et personnaliser leur forme et leur taille sur la page Conception de l'interface d'administration de votre boutique.

Product with swatches.png

Création d'échantillons pour un produit

Vous pouvez ajouter autant d'échantillons que vous le souhaitez à une page de produit de votre boutique pour présenter des exemples des couleurs dans lesquelles cet article est disponible. Pour cela, créez une option de produit « Couleur » pour un produit et définissez la couleur pour chacun des échantillons.

Pour créer des échantillons pour un produit :

  1. Depuis votre interface d'administration de votre boutique, accédez à Catalogue → Produits.
  2. Ouvrez le produit que vous souhaitez éditer ou créez-en un nouveau.
  3. Accédez à l'onglet Options et cliquez sur Ajouter des options de produit.
  4. Sélectionnez le type d'option « Couleur » dans la liste déroulante Type d'option et renommez l'option si vous le souhaitez (p. ex., en « Nuances »).
  5. Dans le champ Valeurs d'option, saisissez le nom du premier échantillon. Par exemple, « Vert ».
  6. Cliquez sur l'icône de l'échantillon pour définir sa couleur dans votre vitrine. Vous pouvez :

    • Sélectionner dans la liste des couleurs populaires et récemment utilisées.
    • Basculer vers l'onglet Définir une couleur personnalisée pour utiliser l'outil de sélection de couleur ou saisir un code de couleur existant si vous le connaissez déjà.

    Using the color picker tool.png
     

    • Basculer vers l'onglet Définir une couleur personnalisée et cliquer sur Sélectionner sur l'image en bas de la fenêtre contextuelle. De cette façon, vous pouvez utiliser l'outil pour choisir une couleur de la palette créée automatiquement à partir des images de produit de la galerie ou sélectionner manuellement une couleur sur n'importe quelle image de la galerie.

    Picking color from an image.gif

  7. Cliquez sur +Ajouter une valeur et ajoutez les autres échantillons que vous souhaitez attribuer à votre produit.
  8. Cliquez sur la liste déroulante Valeur sélectionnée automatiquement pour choisir si une valeur d'échantillon doit être présélectionnée. Par défaut, les clients doivent choisir une option manuellement.
  9. (facultatif) Cliquez sur les six points à gauche du nom de la valeur d'échantillon pour faire glisser et déposer, et réorganiser les valeurs.
  10. (facultatif) Survolez la valeur d'échantillon et cliquez sur Ajouter un modificateur de prix pour spécifier comment cette option affecte le prix de base du produit.
  11. Enregistrez les modifications.

C'est tout ! Vous avez ajouté des échantillons à votre produit.

Les échantillons seront affichés sur la page de produit de votre boutique, où les clients peuvent sélectionner l'option qu'ils aiment avant de faire l'achat. Les échantillons que les clients ont choisis seront listés dans les détails de commande ainsi que dans les notifications de votre boutique et dans les factures.

Vous pouvez également afficher les échantillons dans la grille de produit et personnaliser leur forme et leur taille.

Après avoir ajouté des échantillons, vous pouvez utiliser les valeurs d'option de produit « Couleur » pour créer des variantes de produit et y ajouter des images individuelles, des niveaux de stock, des prix et plus encore.

Ajustement de l'affichage des échantillons sur la grille de produit

Par défaut, les échantillons n'apparaissent que sur les pages de produit de votre boutique en ligne. Vous pouvez également choisir de les afficher sur la grille de produit. De cette façon, les clients verront immédiatement les échantillons disponibles lors de la navigation dans les catégories de votre boutique.

Swatches in a product grid.png

Pour ajuster l'affichage des échantillons sur la grille de produit :

  1. Depuis votre interface d'administration de votre boutique, accédez à Conception.
  2. Faites défiler jusqu'au bloc Détails et mise en page de la fiche de produit.
  3. Dans la liste déroulante Options de couleur, choisissez Afficher ou Ne pas afficher.

Les modifications seront enregistrées automatiquement.

Actuellement, les échantillons n'apparaissent pas sur les sections de catalogue de produit que vous ajoutez à votre site instantané.

Personnalisation de la forme et de la taille des échantillons

Vous pouvez personnaliser la forme et la taille des échantillons pour qu'ils correspondent au style et à l'apparence de votre boutique. Les options Cercle, Carré et Carré arrondi sont disponibles pour les formes d'échantillons. Les options Petit, Moyen et Grand sont disponibles pour les tailles d'échantillons.

Le paramètre de taille d'échantillon s'applique uniquement aux pages de produit de votre boutique. Sur la grille de produit, la taille d'échantillon est automatiquement ajustée en fonction de la mise en page de l'image du produit.

Pour personnaliser la forme et la taille des échantillons :

  1. Depuis votre interface d'administration de votre boutique, accédez à Conception.
  2. Faites défiler jusqu'au bloc Options de couleur.
  3. Choisissez la forme dans la liste déroulante Forme d'échantillon et/ou sélectionnez votre option dans la liste Taille d'échantillon sur la page de détails du produit :

    Swatch shape options.png

Les modifications seront enregistrées automatiquement.

Cet article vous a-t-il été utile ?

Génial ! Merci pour vos commentaires !

Merci pour vos commentaires !

Voir tous les articles
Utilisateurs qui ont trouvé cela utile : 1 sur 1
Nous utilisons des cookies et des technologies similaires pour garder vos préférences en mémoire, mesurer l'efficacité de nos campagnes et analyser des données anonymisées afin d'améliorer les performances de notre site. En choisissant « Accepter », vous acceptez l'utilisation de cookies.
Accepter les cookies Refuser