WooCommerce est un plugin de panier d’achat populaire pour WordPress, et c’est l’un des plugins les plus populaires disponibles avec plus de 23 millions de téléchargements en avril 2017. Il a même aidé WordPress à devenir l’une des plateformes de commerce électronique les plus utilisées au monde, mais comme toutes les plates-formes, il a ses limites. Cela inclut la possibilité d’utiliser des options personnalisées avec des calculs de prix avancés. C’est un problème que le développeur d’Uni CPO espère résoudre.

Présentation de Uni CPO

Uni CPO, ou Uni Custom Product Options, est un plugin WooCommerce, comme vous l’avez probablement deviné. De nombreux plugins, extensions et même quelques paramètres par défaut vous permettent d’ajouter différents attributs de produit et champs personnalisés qui vous permettent de créer des produits variables, mais cela peut ne pas suffire pour certains.

Cela est particulièrement vrai pour les entreprises qui créent ou fabriquent des produits sur mesure pour les clients, où l’ajout de quelques options de produits supplémentaires dans WooCommerce ne suffit pas.

Uni CPO vous donne la possibilité d’ajouter des options de produits personnalisées à chaque produit individuel, mais il va encore plus loin en vous permettant de créer des formules à l’aide de ces options de produits personnalisées et en vous donnant finalement la possibilité d’offrir des prix personnalisés basés sur une variété de différents facteurs, tels que la superficie d’une pièce.

Passons en revue le processus d’ajout d’options de produit personnalisées et de création d’une formule de base pour vous donner une meilleure compréhension du fonctionnement de ce plugin.

Ajout d’options personnalisées

Commençons par expliquer comment ajouter des options personnalisées. Nous utiliserons une entreprise de revêtements de sol dont les produits sont différents types de tapis, de carreaux de sol et de matériaux en bois comme exemple. Les clients qui achètent dans un magasin comme celui-ci doivent commander le bon nombre de fournitures en fonction de la surface de la pièce dont ils ont besoin.

Nous allons donc ajouter une option personnalisée pour la longueur de la pièce, une option personnalisée pour la largeur et une formule qui calculera automatiquement la superficie et le prix final pour le client, directement sur la page du produit.

Vous commencez par ajouter un nouveau produit dans WooCommerce comme d’habitude, sauf qu’il y a maintenant trois nouveaux onglets dans l’option d’écran Product Data.

Si vous n’ajoutez pas de prix dans le champ Prix normal sous l’onglet Général, vous recevrez cet avertissement lorsque vous ouvrirez l’onglet Formule de prix CPO :

Les options Afficher les options personnalisées sur la page produit et Activer le calcul du prix basé sur les options personnalisées doivent être activées pour que ce plug-in fonctionne correctement.

Voici une capture d’écran de l’onglet Formule de prix CPO dans son intégralité au cas où vous seriez intéressé.

Ensuite, nous devons créer nos options de produit. J’ai créé un produit factice appelé Carreau de sol en céramique émaillée et lui ai donné un prix de 1,29 $/mètre carré. Les clients doivent entrer la longueur de la pièce dont ils ont besoin au sol en mètres ainsi que la largeur de la pièce dont ils ont besoin au sol, nous devons donc créer deux options de produit personnalisées, une pour la longueur (m) et une pour la largeur (m ).

Nous devons ouvrir l’onglet Formule de prix CPO pour cela. Je sélectionnerai Créer des options car c’est le premier produit pour lequel j’utilise ce plugin, mais comme vous pouvez le voir, vous pouvez joindre une option personnalisée précédemment créée une fois que vous l’avez créée. Cela vous évite d’avoir à faire tout cela manuellement pour chaque produit que vous créez.

Voici une capture d’écran de tous les champs personnalisés parmi lesquels vous devez choisir.

Chaque client aura une longueur et une largeur différentes à ajouter, donc les options prédéfinies ne fonctionneront pas. Je dois sélectionner Champ de texte et le modifier.

Je vais commencer par créer une option personnalisée pour la longueur. Il existe un certain nombre de champs différents que vous pouvez utiliser ici.

Un slug de champ de “floor_length” ou “room_length” serait approprié pour nos besoins. Je rendrai cette option obligatoire, et je définirai le Type de balise HTML “Entrée” sur Double puisque je veux que seuls des nombres soient saisis dans ce champ et que les clients sera utiliser des nombres décimaux. Si vous ne voulez que des nombres entiers, utilisez Integer.

Voici comment j’ai configuré le reste des champs dans l’onglet Paramètres généraux.

Voici comment j’ai configuré l’onglet Paramètres d’affichage.

J’ai également créé une option personnalisée pour la largeur, mais j’ai utilisé un slug de champ de “floor_width” et un texte d’en-tête de “Width (m)”. Vous pouvez ajouter plus d’options si vous le souhaitez. Par exemple, le développeur a créé une option personnalisée similaire pour un produit de bannière personnalisée et a utilisé le type d’option Sélectionner un champ pour ajouter des options pour les matériaux. Cela vous permet de prendre en compte le coût des matériaux dans votre prix final.

Création de formules

Maintenant, je dois revenir à l’onglet Formule de prix CPO, activer le paramètre Activer l’utilisation de variables sans option et ajouter ma variable ainsi que ma formule. Heureusement, ils sont là pour que je puisse les copier.

Maintenant, je peux créer ma formule finale. Si vous regardez sous l’en-tête Prix du produit, vous remarquerez qu’une variable pour le prix de mon produit a été créée depuis que je l’ai entrée dans le champ Prix normal plus tôt.

Cela me permet de multiplier ma variable de superficie (uni-nov-cpo-m2 (mètres au carré)) par mon prix…