Ajouter des variantes de produit

Proposez plusieurs versions d’un même produit, comme des tailles et des couleurs différentes.

Dernière mise à jour le 20 décembre 2024

Les variantes sont des variations d’un produit avec différents attributs, comme la taille ou la couleur. Les variantes permettent aux clients de choisir entre plusieurs options de produit.

Vous pouvez créer des variantes pour les produits physiques et les services nouveaux et existants. Chaque variante possède sa propre référence UGS. Il n’est pas possible d’ajouter des variantes aux produits à télécharger. Si un produit possède plusieurs variantes avec des prix différents, la page Boutique affiche « À partir de [le prix de variante le plus bas] » dans le champ Prix.

Pour obtenir de l'aide sur l'ajout de produits à votre boutique, consultez la page Ajouter des produits à votre boutique. 

Astuce

pour encourager les clients à ajouter des articles à leur commande en suggérant des produits connexes ou complémentaires, consultez l’article Vendre des produits complémentaires

Ajouter des options et des variantes de produit

Pour ajouter des options de produit :

  1. Ouvrez le panneau Pages, puis cliquez sur une page Boutique.
  2. Double-cliquez sur un produit pour ouvrir l’éditeur de produit. Pour obtenir des instructions détaillées étape par étape, consultez l’article Modifier des produits.
  3. Dans l’éditeur de produit, sous Inventaire, faites défiler la page jusqu’à Variantes, puis cliquez sur Ajouter.
  4. Le produit doit avoir au moins une option unique, telle que la taille, la couleur ou le style. Pour utiliser l’une des options suggérées, cliquez sur le menu déroulant Options et sélectionnez une option, ou cliquez sur Personnalisé pour renommer l’option. 
  5. Ajoutez des valeurs d’option, telles que bleu, vert ou rouge, dans le champ Variantes. Au fur et à mesure que vous ajoutez des variantes, prévisualisez le menu déroulant du produit à droite de l’écran. Les options nécessitent au moins deux variantes. 
  6. Pour ajouter une nouvelle option et des variantes, cliquez sur Ajouter une option
  7. Lorsque vous avez terminé, cliquez sur Enregistrer pour revenir à l’éditeur de produit.
  8. Cliquez à nouveau sur Enregistrer pour enregistrer vos modifications.

Astuce

si les valeurs de vos options comportent des virgules, collez le texte de la valeur d’option dans l’éditeur. La saisie d’une virgule enregistre le texte qui le précède en tant que nouvelle valeur.

Un produit peut avoir jusqu’à six options et jusqu’à 250 combinaisons de variantes. Les variantes ont une limite de 100 caractères.

Si vous retournez dans l’éditeur de produit, vous verrez que toutes les combinaisons de variantes sont affichées. Cliquez sur Tout modifier pour supprimer les combinaisons non disponibles et ajouter à chaque variante les informations spécifiques du produit.

Edit_all.png

Vous pouvez ajouter :

Image Cliquez sur l’icône de chargement pour ajouter une image différente pour chaque variante. Les images des variantes sont ajoutées aux images supplémentaires de votre produit, et elles s’affichent lorsque les clients sélectionnent la variante sur la page Informations sur le produit. Cliquez sur l’icône + pour charger une nouvelle image ou cliquez sur une image que vous avez déjà chargée. Après avoir sélectionné une image, cliquez sur Appliquer.
UGS Il s’agit de l’identifiant de stock de votre produit. Squarespace le crée automatiquement, mais vous pouvez le remplacer par une UGS correspondant au format de votre inventaire. 
Unités Indiquez le nombre d’unités disponibles (vous avez aussi l’option de définir une valeur de stock illimité).
Prix Définissez le prix normal du produit.
Prix promotionnel Cliquez sur le champ Prix promotionnel et activez l’option En promotion. Saisissez le prix promotionnel. Pour mettre fin à la promotion, cliquez sur le champ Prix promotionnel et désactivez l’option En promotion

Pour modifier les options d’un produit ou pour ajouter d’autres variantes à une option, cliquez sur Gérer les options dans l’éditeur de produit.

Pour renommer une option ou une variante lors de la modification, survolez-la, cliquez sur les trois points situés à droite, puis sur Renommer. Lorsque vous avez terminé, cliquez sur Appliquer.

Après avoir modifié les variantes ou les options du produit, cliquez sur Enregistrer

Pour définir le poids et les dimensions d’une variante pour le calcul des frais d’expédition par transporteur ou en fonction du poids, cliquez sur Retour pour revenir à l’éditeur de produit principal. Cliquez sur Poids et dimensions, puis sur la variante que vous souhaitez modifier.

Accéder à cette fonctionnalité

Il n'est pas possible d'ajouter de nouvelles variantes dans l'application Android Squarespace, mais vous pouvez modifier des variantes existantes.

Dans le panneau Inventaire de l'onglet Commerce, appuyez sur un produit pour le modifier. Pour obtenir des instructions détaillées, consultez l'article Modifier des produits. Pour ajouter des variantes de produit :

  1. Dans l’éditeur du produit, appuyez sur Ajouter des variantes.
  2. Saisissez le type et les valeurs de la variante. Par exemple, si le type de la variante est couleur, ses valeurs peuvent être noir, blanc ou bleu marine. Le type correspond au titre du menu déroulant de la page Informations sur le produit, et les valeurs sont affichées dans ce menu.
  3. Appuyez sur Appliquer

Pour ajouter d’autres variantes, appuyez sur Ajouter une option en dessous des variantes existantes dans l’éditeur du produit.

Pour modifier une variante existante :

  1. Dans l’éditeur du produit, appuyez sur les variantes. 
  2. Appuyez sur une variante.
  3. Appuyez sur n'importe quel champ pour le modifier. 
  4. Appuyez sur Enregistrer ou .

Vous pouvez définir les options suivantes :

Prix Fixez le prix que les clients payeront pour le produit (un champ supplémentaire permet de définir des prix promotionnels).
En promotion Activez l’option En promotion et définissez le prix promotionnel.
Suivre les stocks Activez l’option Suivre les stocks et saisissez le nombre d’unités disponibles. Désactivez cette option pour définir une valeur de stock illimitée.
Quantité Indiquez le nombre d'unités disponibles.
UGS Il s’agit de l’identifiant de stock de votre produit. Squarespace le crée automatiquement, mais vous pouvez le remplacer par une UGS correspondant au format de votre inventaire. 
Poids et dimensions Saisissez le poids et les dimensions du produit. Ces informations affectent les frais de livraison si vous choisissez le calcul des frais d’expédition par transporteur. Les services n’ont pas de poids ni de dimensions.

Supprimer les combinaisons non disponibles

Lorsque vous ajoutez des options et des variantes de produits, l’outil de création de produits crée des variantes de produit uniques pour toutes les combinaisons de variantes possibles. Si vous ne proposez que certaines combinaisons de variantes, par exemple, si vous proposez une chemise rouge et une petite chemise, mais pas une petite chemise rouge, supprimez la combinaison non disponible dans l’éditeur de variantes :

  1. Dans l’outil de création de produits, cliquez sur Tout modifier sous Variantes.
  2. Cliquez sur l’icône corbeille à côté de la combinaison non disponible.
  3. Cliquez sur Retour, puis sur Enregistrer

L’affichage des combinaisons non disponibles dépend de la version de Squarespace qu’utilise votre site. Dans la version 7.1, si vous avez deux options, les combinaisons non disponibles ne s’affichent pas dans les menus déroulants de la page Informations sur le produit. Si vous avez trois options ou plus, les combinaisons non disponibles s’affichent, mais le bouton Ajouter au panier est désactivé lorsque les clients sélectionnent une combinaison non disponible. Dans la version 7.0, toutes les options s’affichent dans les menus déroulants des variantes. Lorsqu’un client sélectionne une combinaison non disponible, il en est informé et le bouton Ajouter au panier est grisé. 

Si vous proposez une combinaison de produits mais qu’elle est actuellement en rupture de stock, définissez l’unité sur 0 plutôt que de supprimer la combinaison. Cette opération affiche une étiquette Épuisé pour la combinaison non disponible dans les menus déroulants du produit.

Personnaliser l’affichage des variantes

Si la page Informations sur le produit utilise une disposition simple, vous pouvez choisir d’afficher les variantes du produit sous forme de boutons ou dans un menu déroulant. Pour en savoir plus, consultez l’article Personnaliser les pages Boutique.

Réorganiser les variantes de produit (ordinateur uniquement)

Pour réorganiser les variantes de produit :

  1. Dans l’éditeur de produit, faites défiler la page jusqu’à la section Variantes et cliquez sur Tout modifier.
  2. Cliquez sur Gérer les options
  3. Cliquez sur les options et faites-les glisser pour les réorganiser. 
  4. Cliquez sur Enregistrer

Pour réorganiser les menus déroulants des options, survolez l’option, puis cliquez et faites glisser l’icône :: :

Reorder_options.png

Supprimer une variante

Pour supprimer une variante, revenez dans l’éditeur de produit, cliquez sur Tout modifier, puis sur l’icône de la Corbeille en regard de la variante que vous souhaitez supprimer. 

Restaurer une variante supprimée

Pour restaurer une variante supprimée :

  • Cliquez sur Annuler en bas de l'écran immédiatement après la suppression.
  • Si vous avez plusieurs options, une section Variantes supprimées peut apparaître. Dans la section Variantes supprimées, cliquez sur le bouton + en regard de la variante que vous souhaitez restaurer.

Les images des variantes ne peuvent pas être restaurées, vous devrez donc les télécharger à nouveau.

Accéder à cette fonctionnalité

Il n'est pas possible de supprimer une variante dans l'application Android Squarespace.

Pour supprimer une variante, appuyez dessus dans l’éditeur du produit. Faites un balayage vers la gauche sur la variante que vous souhaitez supprimer, puis appuyez sur Supprimer.

Restrictions

Chaque produit peut comporter 250 combinaisons de variantes, images et UGS, qu’il soit ajouté via l’éditeur de produit ou l’importateur .csv.

 

Footer Image
  • Obtenir de l’aide de notre communauté

  • Obtenez de l’aide sur les personnalisations avancées auprès de notre communauté.

  • Trouver un Squarespace Expert

  • Démarquez-vous en ligne avec l’aide d’un designer ou d’un développeur expérimenté.