Home » WooCommerce » Comment ajouter des variations de produits dans WooCommerce

Comment ajouter des variations de produits dans WooCommerce

Si vous gérez une boutique en ligne, vous avez probablement des produits avec des variantes. Par exemple, des téléphones ou d’autres gadgets en plusieurs couleurs. WooCommerce permet de définir des variations de produits, mais cela peut sembler un peu compliqué si vous n’avez jamais défini de variations de produits auparavant.

Aujourd’hui, je vais vous montrer comment créer un produit variable dans WooCommerce, et je vous montrerai comment configurer chaque variation pour s’assurer que les prix, les images et les autres données du produit correspondent à la variation exacte du produit.

Comment ajouter des variations de produit dans la boutique WooCommece

Dans l’exemple, nous allons créer un produit variable – un iPhone avec 3 couleurs différentes. Le client pourra sélectionner la couleur sur la page du produit.

La première étape que vous devez faire avant d’ajouter des variations de produit pour un produit est de créer des noms de variation dans WooCommerce :

Allez dans Produits >> Attributs dans votre panneau d’administration WordPress, et créez un nouvel attribut. Entrez le nom Color, et cliquez sur Add attribute.

woocommerce how to add attributes

Best WordPress hosting 2024

Une fois que vous avez ajouté un nouvel attribut, il sera visible sur le côté droit de la page. Cliquez sur son nom pour ajouter des titres de variation.

woocommerce attributes

Une fois que vous avez ouvert l’attribut, vous pouvez ajouter des variations pour celui-ci. Ajoutez le nom, puis cliquez sur Add new [your attribute name].

add product colors in woocommerce

Une fois que vous avez ajouté toutes les variations dont vous avez besoin, il est temps d’ajouter un produit variable dans WooCommerce. Ouvrez le produit auquel vous souhaitez ajouter des variations, et changez le Type de produit en Produit variable.

create variable product in woocommerce

Cliquez ensuite sur l’onglet Attributs. Sélectionnez l’attribut de produit personnalisé -> Couleur, puis cliquez sur le bouton Ajouter.

woocommerce product variable

Cliquez sur le champ Valeur, et sélectionnez toutes les couleurs que vous avez. Assurez-vous de cocher la case Utilisé pour les variations, puis cliquez sur Enregistrer les attributs.

variable product in woocommerce-

Vous pouvez maintenant créer des variations à partir des attributs précédemment ajoutés. Ouvrez l’onglet Variations sur la gauche, sélectionnez Ajouter une variation, et cliquez sur Aller.

woocommerce product with options

Sélectionnez l’une des couleurs, puis cliquez dessus pour la développer et afficher ses paramètres.

Vous pouvez maintenant ajouter des données pour la variation de produit sélectionnée :

  • ajouter le prix normal ou le prix de vente pour la variation du produit (les prix des variations peuvent être différents)
  • gérer son stock individuellement (si nécessaire)
  • ajouter une image qui affiche la variation exacte du produit
  • ajouter le poids, les dimensions, l’état du stock, l’UGS et d’autres informations
woocommerce add product variations

Une fois que vous avez ajouté toutes les informations, vous pouvez cliquer sur Ajouter une variation >> Recommencer, et ajouter une autre variation de produit.

Une fois que vous avez ajouté toutes les variations de produit, vous pouvez fermer leurs paramètres et changer leur ordre en les faisant glisser vers le haut ou vers le bas. L’ordre des variations sera le même que celui que vous voyez dans la section Données du produit.

woocommerce reorder product variations

N’oubliez pas d’enregistrer les modifications pour vous assurer que toutes les données et l’ordre des variations sont sauvegardés.

woocommerce add variable product

C’est tout – vous avez maintenant un produit variable dans votre boutique WooCommerce.

Tags:

Fathom analytics - privacy focused cookie-free website analytics

Most popular tutorials


Get our latest WordPress news and special offers from RockSolidWP!

Only useful WordPress and WooCommerce tips and tricks and exclusive offers for our readers once a month. No marketing nonsense.

Looking for reliable yet affordable WordPress hosting?
Hostinger is the way to go!

Get 10% OFF by using code IMAKEITWORK