Add sizes in WooCommerce.
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Les produits en ligne, comme les produits des magasins physiques, se présentent sous différentes formes et tailles. WooCommerce possède suffisamment de fonctionnalités pour s’adapter à presque toutes les formes de magasins de commerce électronique. L’une des fonctions les plus populaires que vous pouvez désormais utiliser en tant que propriétaire d’une boutique WooCommerce est la possibilité de proposer plusieurs choix pour un seul produit.

Malgré son utilité, l’exploration des variantes de WooCommerce peut s’avérer difficile, surtout pour les utilisateurs novices. Cependant, une fois que vous les maîtriserez, vous verrez immédiatement à quel point elles sont utiles et comment elles peuvent grandement profiter à votre boutique.

Les produits variables peuvent avoir une multitude d’options, chacune ayant sa propre UGS et son propre prix. Prenons l’exemple d’un vêtement disponible en plusieurs tailles et couleurs.

L’une des variations de produit les plus courantes auxquelles nous sommes confrontés est la taille (ex : choisir entre Small, Medium, Large ou XL). Par conséquent, nous allons vous montrer comment créer un produit WooCommerce en différentes tailles.

Avant de passer aux étapes techniques. Comprenons les attributs et les variations.

Attributs

Les attributs sont des descripteurs ou des attributs de base qui sont fournis à des variations de produits distinctes pour fournir des informations essentielles au consommateur sur ce qu’il va acheter. La taille, le matériau, la couleur, le modèle ou tout autre élément peuvent être considérés comme des qualités de produit.

Variations

Une variante de produit est une décision finale qu’un acheteur prend sur la base d’un ou plusieurs attributs. Bien que les attributs puissent exister sans variations, ils doivent d’abord être ajoutés avant que les variations puissent être configurées.

Configuration des variations de WooCommerce

Si vous avez déjà travaillé avec WooCommerce, la configuration des variantes WooCommerce à l’aide de ce tutoriel étape par étape devrait être un jeu d’enfant. Tout ce que vous avez à faire est de modifier quelques options dans votre tableau de bord WordPress, qui sont fournies par défaut.

Avant de commencer, assurez-vous que WooCommerce est installé et activé sur votre WordPress. Maintenant que nous avons les bases en place, commençons le processus.

Étape 1 : Ajout d’attributs globaux

Nous allons commencer par ajouter des attributs à votre boutique, car nous avons déjà souligné leur importance dans la configuration des produits variables. En ajoutant des attributs globaux, vous pourrez simplement les appliquer aux produits nouveaux ou actuels à l’avenir.

Tout ce que vous avez à faire est d’aller dans Produits > Attributs sur votre tableau de bord WordPress pour ajouter de nouveaux attributs globaux à votre boutique.

attributes settings
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc
attributes settings
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Sur la page des attributs, vous pouvez configurer toutes les propriétés nécessaires en saisissant les détails requis dans les champs appropriés. Le processus est auto-explicatif, mais nous allons passer en revue chaque champ pour une meilleure compréhension.

Vous trouverez ci-dessous la liste des paramètres permettant de créer un attribut :

  • Nom : Il s’agit du titre de l’attribut qui apparaît sur le front-end de votre site (par exemple, « Couleur » ou « Taille »).
  • Slug : le slug remplace le nom de l’attribut dans le localisateur de ressources uniformes s’il est inclus (URL).
  • Archives : Vous pouvez activer les archives pour les attributs sur lesquels vous travaillez. Lorsque cette propriété est activée, WooCommerce produit une page avec tous les produits qui lui sont liés.
  • Ordre de tri par défaut : Sur le frontend, vous avez quatre options pour savoir comment vous voulez que les termes de cet attribut soient classés. Vous pouvez, par exemple, choisir l’option Nom. Cela signifie que si une propriété « Taille » a des valeurs telles que « Petit », « Grand » et « Moyen », ces mots seront triés par ordre alphabétique. De même, vous pouvez utiliser le classement personnalisé pour déplacer les mots vers la page suivante en les faisant glisser et en les déposant.

Ensuite, pour enregistrer vos sélections, cliquez sur Ajouter un attribut. Une fois que vous avez généré votre premier attribut global, allez sur Configurer les termes et remplissez les valeurs requises.

  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Vous pouvez ajouter de nouvelles valeurs à votre attribut à la page suivante. Le nom de l’attribut étant « Taille », nous devons remplir les champs de la section  » Ajouter une nouvelle taille » dans notre situation. Par exemple, si notre attribut était la couleur, la section s’appellerait « Ajouter une nouvelle couleur ».

Les sections Name et Slug sont les mêmes que celles de la page précédente. En outre, vous pouvez donner une description à la nouvelle valeur de l’attribut.

product size.
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc
product size.
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Votre boutique WooCommerce peut avoir autant d’attributs que vous le souhaitez. De même, vous pouvez attribuer autant de valeurs à chacun d’entre eux que vous le souhaitez. Cliquez sur Ajouter une nouvelle taille lorsque vous avez terminé, et vos attributs globaux seront prêts à être utilisés.

Étape 2 : ajout de produits et de types de produits

Maintenant que vous avez créé les attributs globaux, il est temps d’ajouter le nouveau produit auquel vous allez les appliquer. Il existe 6 types de produits différents. Ils sont les suivants :

  • Produit simple
  • Produit groupé
  • Produit externe/affilié
  • Produit variable
  • Produit virtuel
  • Produit téléchargeable

Les produits variables sont les seuls types de produits sur WooCommerce qui vous permettent d’ajouter des variantes. Allez dans WooCommerce > Produits pour créer un nouveau produit variable ou modifier un produit existant.

product edit settings
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc
product edit settings
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Pour créer un nouveau produit, cliquez sur Ajouter nouveau. Si vous souhaitez modifier un produit existant, passez la souris dessus et sélectionnez Modifier dans le menu.

Pour les besoins de la démonstration, nous allons sélectionner un produit existant.

product settings
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc
product settings
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Faites défiler l’écran jusqu’à la zone des données du produit sur la page des paramètres du produit. Vous pouvez choisir le type de produit dans le menu déroulant de cette section.

variable product
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc
variable product
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Sélectionnez l’option Produit variable dans le menu déroulant. Le menu des paramètres change immédiatement pour vous aider à configurer votre produit variable. Vous pouvez configurer le produit à l’aide des différents onglets situés sur le côté gauche des paramètres.

attributes settings
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc
attributes settings
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Dans le cadre de cet article, nous allons nous concentrer sur l’ajout d’attributs au produit variable lors de la création de variantes WooCommerce.

Étape 3 : Attribution d’attributs aux produits variables

Vous pouvez attribuer des attributs à votre produit de deux manières. Vous pouvez créer des attributs personnalisés ou utiliser des attributs globaux (ceux que nous avons créés dans la première étape).

Si de nombreux produits de votre boutique possèdent les mêmes attributs, les attributs globaux sont idéaux. Les attributs personnalisés, quant à eux, sont plus appropriés s’ils sont uniques à un certain produit.

Attributs globaux

Accédez à l’onglet Attributs de la section Données produit pour attribuer des attributs globaux à un produit. Vous pouvez maintenant choisir parmi toutes les caractéristiques que vous avez définies auparavant.

Après avoir sélectionné votre attribut global préféré, cliquez sur Ajouter pour l’appliquer au produit. Le menu d’options de l’attribut choisi s’ouvre ensuite. Vous pouvez y ajouter autant de valeurs que vous le souhaitez.

custom product attributes.
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc
custom product attributes.
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc
attributes settings
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc
attributes settings
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

N’oubliez pas de cocher les cases Visible sur la page du produit et Utilisé pour les variations.

Ensuite, pour enregistrer toutes vos modifications, cliquez sur le bouton Enregistrer les attributs.

Attributs personnalisés

Vous pouvez également attribuer des attributs personnalisés à un produit spécifique. Pour ce faire, sélectionnez l’option Attributs de produit personnalisés. Cette approche vous permet également d’ajouter rapidement et simplement des attributs et leurs valeurs. Il ne vous reste plus qu’à remplir les champs Noms et Valeurs avec les valeurs appropriées.

add product attributes
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc
add product attributes
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Lorsque vous ajoutez plusieurs valeurs d’attributs, utilisez le caractère « | » pour séparer chaque phrase. Cochez ensuite les cases Visible sur la page du produit et Utilisé pour les variations. Lorsque vous avez terminé, cliquez sur Enregistrer les attributs, et tout est prêt.

Passons maintenant à la dernière étape..

Étape 4 : afficher les variations du produit

Naviguez jusqu’à l’onglet Variations pour commencer. Appuyez simplement sur le bouton « Go » à côté du champ « Ajouter une variation ». Vous pouvez maintenant créer des variations basées sur un mélange de valeurs d’attributs existants.

Vous pouvez, par exemple, créer une variable pour un T-shirt « Moyen » « Vert ». Cliquez sur Enregistrer les modifications lorsque vous avez terminé.

Pour rendre les choses encore plus faciles, allez dans la liste déroulante Ajouter une variation et sélectionnez Créer des variations à partir de tous les attributs.

add product variations
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc
add product variations
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

WooCommerce produit des variantes à partir de tous les attributs affectés aux produits lorsque vous cliquez sur Go. Toutefois, ces variantes de produits n’incluent pas encore le prix ou d’autres attributs cruciaux. Passez la souris sur n’importe quel champ de variante et cliquez sur le point blanc vide pour le modifier. Cela fait apparaître un éditeur de paramètres.

add details to product variations
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc
add details to product variations
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Vous pouvez modifier la variante de la même manière que vous le feriez pour tout autre produit simple de WooCommerce.

Il y a suffisamment d’espace pour inclure une image du produit, un prix standard et un prix de vente, ainsi que des valeurs de poids et de mesure et l’option de le rendre téléchargeable. De même, en cochant ou décochant la case Activé, vous pouvez activer ou désactiver la variante.

add details to product variations
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc
add details to product variations
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Vous pouvez simplement configurer divers prix ou dimensions pour plusieurs versions du produit, car chaque variante possède son propre menu d’options.

Une fois que vous avez terminé de personnaliser les produits, cliquez sur Aperçu en haut à droite de la page, pour visualiser les modifications.

preview changes.
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc
preview changes.
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Vous trouverez ci-dessous un exemple de la version frontale des modifications ci-dessus.

Product with multiple sizes.
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc
Product with multiple sizes.
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Utilisation de plugins pour optimiser les variations de WooCommerce

Bien que WooCommerce offre une grande marge de manœuvre et une grande utilité pour les variations de produits par défaut, vous pouvez étendre la fonctionnalité de vos produits variables avec des plugins supplémentaires.

Il existe plusieurs plugins de variation WooCommerce disponibles pour effectuer plusieurs tâches. Nous allons passer en revue une poignée de ceux qui sont les plus fascinants et les plus efficaces.

Tableau des tailles pour WooCommerce

Size Chart for WooCommerce
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc
Size Chart for WooCommerce
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Vous pouvez utiliser ce plugin pour construire divers tableaux de tailles et les lier à certains produits et catégories. Les tableaux de tailles peuvent être créés manuellement ou téléchargés en tant qu’image. Vous pouvez également choisir de l’afficher sous forme de popup ou à l’intérieur d’un onglet sur la page du produit. En outre, le plugin offre la possibilité d’afficher automatiquement le tableau de taille approprié en fonction de la nationalité du client.

YITH Product Size Charts pour WooCommerce

YITH Product Size Charts for WooCommerce
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc
YITH Product Size Charts for WooCommerce
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Vous serez en mesure d’appliquer de nombreux tableaux de tailles à un seul produit avec ce plugin. En outre, le plugin fournit trois choix d’affichage pour la popup comme l’onglet, la popup et la popup à onglet. Le plugin vous permet également de personnaliser le bouton popup en sélectionnant vos couleurs et styles préférés.

Plugin Product Size Charts pour WooCommerce

Product Size Charts Plugin for WooCommerce
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc
Product Size Charts Plugin for WooCommerce
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Ce plugin fournit une variété de mises en page de tableaux de tailles que vous pouvez modifier pour répondre à vos besoins spécifiques. Vous serez en mesure d’adapter les tableaux de tailles à des marchandises ou des catégories particulières. En outre, le plugin vous permet d’expérimenter divers styles d’affichage afin d’améliorer l’expérience du client.

Guide des tailles de produits WooCommerce

WooCommerce product size guide
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc
WooCommerce product size guide
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Les tableaux de tailles de votre boutique WooCommerce peuvent être configurés de différentes manières à l’aide de ce plugin. Vous pouvez soit utiliser les skins préconçus qui sont fournis avec le plugin, soit créer le vôtre. Le plugin est livré avec un éditeur de tableau simple qui permet de créer facilement de nombreux guides de taille.

Tableau des tailles des tableaux de produits WooCommerce

WooCommerce product chart sizes table plugin.
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc
WooCommerce product chart sizes table plugin.
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Vous pouvez utiliser ce plugin pour faire un tableau pour certains produits ou catégories. Il vous permet de construire et d’attribuer de nombreux tableaux en fonction de vos besoins. Vous aurez également la possibilité d’afficher le tableau des tailles dans un onglet ou comme une fenêtre modale.

Pour mieux comprendre et en savoir plus sur les plugins similaires, consultez 10 Best WooCommerce Product Size Chart Plugins 2022 (with Video).

Conclusion

Ceci conclut la discussion. Vous savez maintenant comment ajouter une taille aux produits WooCommerce. Les produits variables offrent ce genre de capacité. Vous n’êtes pas limité à l’ajout de tailles, vous pouvez également ajouter des couleurs, des poids et d’autres modifications à vos produits.