Comment créer des variantes de produits WooCommerce

Publié: 2022-06-08

Vous voulez en savoir plus sur les variations de produits WooCommerce ?

Dans ce guide complet, vous pouvez facilement comprendre ce que sont les variations de produits WooCommerce et comment créer des produits variables avec les variations souhaitées. Et, n'oubliez pas les variations de produits de style avec les Variations Swatches.

Mais avant de passer aux explications détaillées, vous devez savoir quels sont les produits variables et les variantes de WooCommerce.

Masquer le contenu
1 Que sont les produits variables WooCommerce ?
2 Que sont les attributs de produit WooCommerce ?
3 Que sont les variantes de produits WooCommerce ?
4 Comment configurer un produit WooCommerce Variable avec plusieurs variantes
4.1 Créer et configurer un attribut de produit
5 Créer un produit variable
5.1 Rendre les attributs disponibles pour les variantes
5.2 Créer des variantes à partir de tous les attributs
5.3 Configurer les variantes
6 Comment configurer divers produits WooCommerce avec des prix différents
7 Comment styliser les variations de produits WooCommerce
8Conclusion _

Que sont les produits variables WooCommerce ?

Les produits variables WooCommerce font référence aux produits pour lesquels les propriétaires de magasins peuvent ajouter plusieurs attributs pour un produit. Il existe plusieurs variantes que vous pouvez ajouter à un certain produit. La taille et les couleurs sont les variations les plus utilisées que vous pouvez ajouter aux produits souhaités. De plus, toutes les variables peuvent avoir leurs images de produits, leur prix et leur stock.

Que sont les attributs de produit WooCommerce ?

Les attributs de produit font référence au terme par lequel nous pouvons configurer les produits variables WooCommerce. Les attributs du produit incluent la taille, la couleur et les images. Pour ces attributs, nous pouvons définir plusieurs valeurs. Par exemple, les valeurs des attributs de taille seraient Petite, Moyenne et Grande.

Que sont les variantes de produits WooCommerce ?

Les produits variables WooCommerce peuvent avoir plusieurs attributs de produit. Donc, si nous utilisons deux ou plusieurs attributs ensemble pour un seul produit, cela s'appelle des variantes de produit. Par exemple, un T-shirt que nous vendons peut avoir plusieurs couleurs et tailles. Nous devons donc faire des variations avec ces attributs pour permettre aux acheteurs de choisir la taille et la couleur du t-shirt qu'ils souhaitent.

Comment configurer un produit WooCommerce Variable avec plusieurs variantes

Maintenant que vous connaissez toutes les choses essentielles sur les produits variables WooCommerce, il est temps de vous guider dans la création de produits disponibles à partir de zéro. Fort que vous suiviez les étapes ci-dessous :

Créer et configurer un attribut de produit

Le premier et le plus important aspect de la création d'un produit variable est de créer des attributs de produit. Il existe deux façons de créer des attributs, nous pouvons soit créer des attributs globaux, soit des attributs au niveau du produit.

Les attributs globaux seront disponibles pour tous les produits. D'autre part, les attributs au niveau du produit sont destinés à des produits spécifiques. Cela signifie que si vous créez des attributs que vous créez à partir du niveau du produit, ils ne seront disponibles que pour ce produit.

Je vais vous expliquer les deux manières afin que vous puissiez décider et créer en suivant la voie que vous souhaitez.

Créer un attribut global : pour créer un attribut global, vous pouvez suivre les étapes ci-dessous :

  • Cliquez sur l'onglet Attributs de la section Produits
  • Tapez le nom de l'attribut
  • Tapez le nom du slug (facultatif)
  • Cliquez sur la case à cocher Activer les archives (facultatif)
  • Cliquez sur le bouton Enregistrer
Create Global Attribute
Créer un attribut global

Après avoir créé un attribut global, vous devez le configurer avec les valeurs. Par exemple, si vous créez un attribut de taille, vous devez également ajouter les tailles disponibles, n'est-ce pas ?

Pour configurer un attribut, suivez les étapes ci-dessous :

  • Cliquez sur le bouton configurer
  • Ajouter le nom de la valeur souhaitée
  • Ajoutez le nom et la description du slug (facultatif)
  • Cliquez sur le bouton Ajouter un nouveau
configure attribute
configurer l'attribut

C'est toute la valeur que vous souhaitez créer qui sera disponible sur le côté droit. De la même manière, vous pouvez ajouter toutes vos valeurs d'attribut souhaitées.

Créer un attribut au niveau du produit : il est maintenant temps de discuter de la création d'un attribut au niveau du produit. Vous pouvez les créer lors de la création de produits variables. Voici comment:

  • Cliquez sur l'onglet Attributs
  • Sélectionnez Attribut personnalisé et cliquez sur le bouton "Ajouter"
  • Tapez le nom des attributs
  • Ajouter des valeurs d'attributs
  • Rendez-le disponible pour la page produit et les variantes

C'est tout, maintenant vous pouvez créer des produits variables avec les variations souhaitées.

Créer un produit variable

Maintenant que vous avez appris les deux manières de créer des attributs et de cobfiquring également. Il est temps de créer des produits variables. Le processus peut être déroutant si vous le faites pour la première fois. Ne vous inquiétez pas, suivez simplement les étapes ci-dessous et vous pourrez créer des produits variables sans effort.

Rendre les attributs disponibles pour les variantes

Comme je l'ai mentionné, vous devez rendre les attributs disponibles pour les variantes, vous pouvez ignorer cette étape si vous souhaitez créer les attributs au niveau du produit. Mais les choses sont un peu différentes pour l'attribut global.

Pour rendre les attributs globaux disponibles pour les variantes, vous pouvez suivre les étapes ci-dessous :

  • Cliquez sur les attributs lors de la création d'un produit variable
  • Sélectionnez l'attribut global souhaité dans la liste déroulante
  • Sélectionnez les valeurs souhaitées ou cliquez sur le bouton "tout sélectionner"
  • Rendez-le disponible pour la page produit et les variantes
Make Attributes Available for Variations
Rendre les attributs disponibles pour les variantes

Créer des variantes à partir de tous les attributs

Après avoir rendu les attributs souhaités disponibles pour les variantes, il est temps de créer des variantes avec tous les attributs. Pour ça:

  • Cliquez sur l'onglet variantes
  • Sélectionnez l'option de création de variantes à partir de tous les attributs dans la liste déroulante
  • Cliquez sur le bouton aller
Create variations from all attributes
Créer des variantes à partir de tous les attributs

Désormais, WooCommerce créera toutes les variantes possibles avec les combinaisons. Plus tard, vous les configurez avec le prix, l'image et le stock souhaités.

Remarque : différentes variantes peuvent avoir des images, des prix et des stocks différents. Cependant, vous ajoutez le même prix pour toutes les variantes disponibles.

Configurer les variantes

Lors de la configuration des variantes, vous devez développer toutes les options de variantes et ajouter les valeurs requises. Cependant, comme je l'ai mentionné plus tôt, vous pouvez ajouter le même prix pour toutes les variantes du. Pour ça:

  • Cliquez à nouveau sur le menu déroulant après avoir effectué la variation
  • Sélectionnez l'option "Définir des prix réguliers"
  • Cliquez sur le bouton aller
  • Ajouter le prix souhaité
  • Cliquez sur le bouton ok
Set Regular Prices
Définir des prix réguliers

Désormais, toutes les variantes auront le même prix. Après avoir correctement configuré le produit variable, cliquez sur le bouton Enregistrer les modifications et publiez les articles. Après maintenant, vous pouvez voir le front-end de la page du produit.

Comment configurer divers produits WooCommerce avec des prix différents

Comme je l'ai mentionné, vous pouvez également définir des prix, des images et des stocks différents pour chacune des variantes. Voici comment procéder :

  • Accédez à l'onglet variantes
  • Développer toutes les variantes
  • Ajouter les prix, les images et le stock souhaités
  • Cliquez sur enregistrer les modifications
  • Publier ou mettre à jour le produit

C'est tout, vos déclinaisons de produits sont désormais disponibles à différents prix. Ainsi, lorsque les acheteurs sélectionnent les variations souhaitées d'un produit, ils voient le prix exact de cette variation.

Comment styliser les variations de produits WooCommerce

La présentation par défaut des produits variables WooCommerce est bonne mais pas la meilleure. Vous seriez étonné de savoir que 22% des 1 million de sites de commerce électronique les plus importants sont créés avec WooCommerce. Mais cela ne signifie pas que le WooCommerce par défaut leur suffisait pour créer un beau site axé sur la conversion.

Il leur faudrait embaucher des développeurs ou acheter des thèmes et des plugins premium pour rendre leur WooCommerce visuellement attrayant et axé sur la conversion.

Alors pourquoi n'essayez-vous pas également de rendre votre site plus attrayant en utilisant un plugin compagnon pour WooCommerce ?

Vous pensez probablement au plugin que vous devriez choisir. Eh bien, il existe de nombreux plugins disponibles dans WordPress pour étendre les fonctionnalités existantes de WooCommerce. Cependant, il est recommandé de choisir un plugin tout-en-un au lieu de plusieurs plugins et plugins pour différentes fonctionnalités. Parce que l'utilisation de plusieurs plugins sur un site WordPress n'est pas du tout recommandée.

Cela peut ruiner votre site en le rendant plus lent qu'avant.

Le plugin ProductX Gutenberg WooCommerce est l'un des meilleurs compagnons de WooCommerce. Il est livré avec des blocs de produits, des packs de démarrage (modèle prédéfini), des fonctionnalités essentielles et des modules complémentaires.

The Variation Swatches est l'un des meilleurs addons de ProductX. Grâce à quoi vous pouvez rendre les variations de produits visuellement attrayantes.

Vous trouverez ci-dessous les manières disponibles de styliser les variations de produits à l'aide de l'addon d'échantillons de variation.

Convertir la liste déroulante en échantillons : Tout d'abord, vous convertissez le style de variation WooCommerce par défaut en magnifiques échantillons. Comme vous le savez déjà, les variantes de produit par défaut de WooCommerce sont livrées avec des options de sélection déroulantes. Les options peuvent être le nom des couleurs et des tailles. Mais avec les addons, vous pouvez les convertir en couleurs et étiquettes souhaitées au lieu des noms des couleurs et des tailles.

Convert Dropdowns to Swatches
Convertir la liste déroulante en échantillons

Créer des échantillons de couleurs : une fois que vous avez commencé à utiliser l'addon Swatches de ProductX, vous pouvez obtenir plus d'options lors de la création et de la configuration des attributs globaux. Il vous permet de sélectionner les couleurs souhaitées comme valeurs de l'attribut de couleur. Ainsi, les couleurs seront affichées à la place des noms de couleurs.

Color Swatches
Échantillons de couleurs

Créer des échantillons d'étiquettes : vous pouvez également afficher des étiquettes au lieu du nom des tailles lors de la création et de la configuration de l'attribut de taille. Par exemple, lorsque vous ajoutez un attribut de taille en tant que Medium, vous aurez également la possibilité d'ajouter une étiquette en tant que M ou ce que vous voulez.

Labels
Échantillons d'étiquettes

Créer des échantillons d'images : vous seriez étonné de savoir que vous pouvez également afficher les images du produit en tant que variantes d'un produit. Pour cela, il vous suffit de définir l'image en tant que type du type d'attribut de couleur. Et ensuite, vous pourrez attribuer les images souhaitées avec les noms de couleur.

Image Swatches
Échantillons d'images

En savoir plus : Échantillons de variation WooCommerce

Conclusion

C'est tout à propos des variations de produits WooCommerce et de la façon dont vous pouvez les styliser. Vous pouvez maintenant commencer à créer des produits variables et les styliser avec des nuances de variation. N'hésitez pas à commenter ci-dessous, si vous rencontrez des difficultés.

Vous aimez cet article ? Faire connaitre
  • WordPress Menu Customization in 2022 WordPress Theme

    Personnalisation du menu WordPress dans le thème Twenty Twenty-two

  • How to Convert Gutenberg Blocks into Shortcode 1

    Comment convertir des blocs Gutenberg en code court

  • Security Update: WPXPO Products

    Mise à jour de sécurité importante pour PostX et ProductX

  • WordPress Gutenberg Tutorial

    Meilleur tutoriel WordPress Gutenberg 2021 [Guide du débutant]