Si vous voulez offrir à vos clients la possibilité de composer et configurer eux-mêmes leurs produits, vous êtes au bon endroit ! Je vous montre dans cet article comment faire à l’aide du plugin prémium WooCommerce Composite Products qui est un excellent moyen de permettre aux clients de créer ou de configurer leurs produits. C’est un excellent plugin pour tous ceux qui cherchent à créer facilement des produits composites WooCommerce.

 

À propos de WooCommerce Composite Products

Composite Products est un plugin prémium vendu à 99 $/an. Il permet d’ajouter des générateurs de kits de produits personnalisables dans WooCommerce à l’aide d’articles qui se trouvent déjà dans l’inventaire. C’est un excellent moyen de vendre des articles qui ont plusieurs pièces gérées par l’inventaire et ce qui est bien c’est que le plugin gère bien le stock de chaque pièce du kit. De plus, l’interface du générateur de produit composite est personnalisable et améliore considérablement l’expérience globale des clients. Et pas que ça, avec WooCommerce Composite Products il est possible d’ajouter des logiques conditionnelles sur l’affichage de chaque composant du kit.

 

Utilisation de WooCommerce Composite Products

 

Installation

  • Téléchargez le fichier zipde l’extension sur l’ordinateur,
  • Allez dans « Extensions > Ajouter » depuis WordPress,
  • Cliquez sur le bouton « Téléverser une extension »,
  • Choisissez le fichier Zip de l’extension et cliquez sur le bouton « Installer Maintenant ».

 

Créer un kit de produits WooCommerce avec Composite Products

Pour notre article, nous allons vendre une unité centrale que les clients vont choisir eux-mêmes les divers composants. Donc, la première chose à faire c’est d’ajouter les catégories et les produits de chaque composant qui composeront l’unité centrale. Pour cet exemple, nous aurons besoin de 7 catégories (Carte mère, Processeur, Ram, HDD, Boîtier et Alimentation). Après, nous allons ajouter les composants pour chaque catégorie.

categorie

Une fois que les catégories et les composants créés, nous allons créer notre produit composite.

Rendez-vous maintenant dans « Produits » depuis votre barre d’administration et cliquez sur « Ajouter ». Ajoutez le nom et la description du produit comme d’habitude et descendez dans la partie « Données produit » pour la suite.

camposite

Procédez comme suit pour créer votre premier produit composite ou kit de produits.

1— Données produit : choisissez « Composite product » comme type de produit.

2— Components: cliquez sur « Components », c’est ici que vous allez configurer votre kit produit.

3— Layout: choisissez la disposition de vos composants ici.

4— Form Location: choisissiez l’emplacement du formulaire « Ajouter au panier ».

5— Edit in cart: activez cette option pour autoriser la modification de la configuration du produit composite dans le panier.

6— Add components : cliquez sur ce bouton pour commencer à ajouter des composants à votre kit.

basic setting

Après avoir cliqué sur « Add components », vous aurez un nouveau groupe d’option « Basic Settings » qui comprend :

  • Component Name : le nom du composant.
  • Component Description : description du composant
  • Component image : image du composant
  • Component Options : choisissez ici les produits qui seront proposés dans ce composant, vous pouvez choisir les produits individuellement ou directement par catégorie.
  • Optional: choisissez si le composant est optionnel ou obligatoire dans le kit.
  • Default Option: choisissez ici le composant présélectionné par défaut.
  • Options Style : choisissez le mode de sélection de composants (Vignettes, Menu déroulant, Boutons radio)
  • Min/Max Quantity : définissez la quantité minimale et maximale que le client peut acheter.
  • Priced Individually: cochez cette option si vous voulez que les prix des composants soient maintenus comme tels.
  • Discount %: si vous avez coché l’option « Priced Individually », vous pourrez ajouter un rabais en % ici.
  • Option Prices : choisissez ici le mode d’affichage du prix (absolu, relatif, ou caché).

 

Vous pouvez aller plus loin dans la configuration en allant dans « Advanced Settings ».

advanced settings

– Options Sorting /Options Filtering : cochez si vous voulez activer l’option de tri et de filtre pour les composants.

-Selection Details Visibility: choisissez ici les informations sur le composant que vous voulez afficher au client.

– Subtotal Visibility : choisissez ici les endroits où vous voulez afficher le sous-total du composant.

Cliquez sur le bouton « Add Component » et procédez comme pour la carte-mère le reste des composants qui composeront l’unité centrale. Cliquez ensuite sur publier une fois que vous avez terminé votre kit de produit.

Voyons maintenant le résultat côté client.

Choix de la carte mère :

carte mere

Choix du Processeur :

cpu

Choix de la Mémoire RAM :

ram

Quand le client aura fini de choisir les composants du kit, il n’aura plus qu’à cliquer sur « Review and Purchase ».

revu et achat

Cette section regroupe les informations sur les composants qui composent le kit de produits. Depuis cette page, le client peut modifier s configuration juste en cliquant sur le bouton « Edit » correspondant au produit qu’il souhaite modifier. Pour valider la commande, il n’a plus qu’à cliquer sur « Ajouter au panier ».

panier 2

Et voilà, si vous avez activé l’option « Edit in cart » depuis l’éditeur de produit composite, vos clients pourront modifier leurs configurations depuis le panier, en cliquant sur le menu « Edit », qui est juste en bas du nom du kit de produit.

 

Ajouter des conditions au kit de produit avec WooCommerce Composite Products

Pour ajouter une condition à votre produit composite, rendez-vous dans l’onglet « Scenarios » depuis « Données produit ».

ajout scenario

Cliquez ensuite sur le bouton « Add Scenario ». Par exemple, ici nous allons ajouter une condition d’affichage de la mémoire RAM selon la carte mère choisie par le client. Nous allons paramétrer que si le client ne choisit pas le produit « CM MSI MPG Z390 Gaming Plus » comme carte mère, il ne pourrait pas choisir la RAM « HyperX FURY Black 64Go ».

On mettra donc le Scénario suivant dans WooCommerce Composite Products :

hide component options

Mettez à jour le produit et voyons maintenant le résultat.

cm prime h310m k r2.0

Ici, nous avons choisi la Carte mère « CM Prime H310M-K R2.0 », qui n’est pas du tout compatible avec la RAM « HyperX FURY Black 64Go », comme nous l’avons configurée dans le scénario. Ce qui veut dire qu’on ne devrait pas trouver ce composant dans la sélection de RAM.

ram test

Comme convenu, la RAM de 64 GB n’est pas disponible pour cette carte mère.

 

Offrir une remise avec WooCommerce Composite Products

Pour l’article, nous allons offrir une remise de 20 % sur les processeurs. Pour le faire, rendez-vous dans « Components », choisissez le composant « Porcesseur » et ajoutez-y « 20 » dans la case « Discount % ».

dicount

Enregistrez le produit et regardez le résultat.

promo

Et voilà, nous avons bien notre remise de 20 % sur les processeurs.

 

 


CONCLUSION

Si vous envisagez de vendre un kit de produits, WooCommerce Composite Products est un moyen sûr et efficace. Il vous permet de créer des kits de produits avec des remises. Et comme on le sait tous, les clients adorent les remises. De plus, le générateur de scénario de ce plugin ajoute une grande flexibilité dans WooCommerce. Pour moi WooCommerce Composite Products est l’un des meilleurs plugins de sa catégorie.