Comment personnaliser les variantes de produits de WooCommerce

Les sites de commerce électronique expérimentés qui proposent une gamme variée d'options de produits sont importants pour maximiser les revenus en répondant aux préférences des différents clients. Les variables de produit peuvent offrir de multiples options pour un seul produit, telles que différentes couleurs, tailles ou matériaux.

WooCommerce Prise en charge par défaut de l'ajout de variables de produitCependant, pour attirer davantage l'attention des clients dans le monde compétitif du commerce électronique, il faut aller au-delà de la fonctionnalité de base et personnaliser les variantes de produits de WooCommerce qui peuvent être plus personnalisées et attrayantes.

Dans cet article, nous verrons comment personnaliser les variables de produit de WooCommerce par le biais de la programmation et des plugins afin de créer un site de commerce électronique plus attrayant et plus convivial.

Quelles sont les variables du produit ?

Les variantes de produits sont des versions d'un produit spécifique avec différents attributs ou options, tels que la taille, la couleur, le matériau ou d'autres caractéristiques. Grâce aux variantes de produits, les clients peuvent choisir la configuration spécifique du produit qu'ils souhaitent acheter en fonction de leurs préférences ou de leurs besoins.

Pourquoi personnaliser les variables de produit de WooCommerce ?

La personnalisation des variables de produit de WooCommerce peut considérablement améliorer l'expérience d'achat de vos clients et potentiellement augmenter les conversions.

Voici quelques-uns des principaux avantages de la personnalisation des variables de produit de WooCommerce :

• Créer une interface plus attrayante et plus conviviale.
• Aider à répondre aux préférences et aux besoins individuels des clients.
• Gérer efficacement les stocks en combinant des produits similaires dans une liste unique avec plusieurs options.
• Améliorer l'organisation des produits sur le site web.
• Aide à la vente incitative et à la vente croisée en recommandant des produits connexes ou des versions haut de gamme d'un même produit.
• Amélioration de l'optimisation pour les moteurs de recherche (RÉFÉRENCEMENT).
• Rationaliser le processus de gestion des produits pour faciliter l'ajout, la modification et la suppression d'options de produits.
• S'adapter aux tendances du marché, aux préférences des clients et à la sortie de nouveaux produits pour que le magasin reste compétitif et pertinent.

Comment créer des produits variables avec des attributs pour WooCommerce via le code

Dans cette section, un extrait de code est partagé pour définir l'ID du produit variable par le biais d'une fonction personnalisée et pour ajouter ou créer la variable produit. Notez que lorsque vous créez des produits variables, vous avez besoin du produit parent pour définir les attributs tels que le tableau attribut/valeur, l'UGS, le prix et le stock.

L'extrait de code montre que les données sont stockées dans un tableau multidimensionnel formaté. La fonction que j'ai créée vérifie si la valeur de l'attribut existe déjà. Si elle n'existe pas, elle crée une entrée pour l'attribut product et la fixe à la variable parent product.

function create_product_variation( $product_id, $variation_data ){

$product = wc_get_product($product_id) ;

$variation_post = array(

        'post_title' => $product->get_title(),

        'post_name' => 'produit-'.$product_id.'-variation',

  'post_status' => 'publish',

  'post_parent' => $product_id.

        'post_type' => 'product_variation',

  'guid' => $product->get_permalink()

).

$variation_id = wp_insert_post( $variation_post ) ;

$variation = new WC_Product_Variation( $variation_id ) ;

foreach ($variation_data['attributes'] as $attribute => $term_name )

{

  $taxonomy = 'pa_'.$attribute ;

  if( ! taxonomy_exists( $taxonomy ){

            register_taxonomy(

                $taxonomy, !

                'product_variation',

                array(

                    'hierarchical' => false,

                    'label' => ucfirst( $attribute ),

                    'query_var' => true,

                    'rewrite' => array('slug' => sanitise_title($attribute) ),

          )

      ) ;

  }

  if( ! term_exists( $term_name, $taxonomy ) )

            wp_insert_term( $term_name, $taxonomy ) ;

  $term_slug = get_term_by('name', $term_name, $taxonomy )->slug ;

        $post_term_names = wp_get_post_terms( $product_id, $taxonomy, array('fields' => 'names' ) ) ;

  if( ! in_array( $term_name, $post_term_names ) )

            wp_set_post_terms( $product_id, $term_name, $taxonomy, true ) ;

        update_post_meta( $variation_id, 'attribute_'.$taxonomy, $term_slug ) ;

}

if( ! empty( $variation_data['sku'] ) )

        $variation->set_sku( $variation_data['sku'] ) ;

if( empty( $variation_data['sale_price'] ){

        $variation->set_price( $variation_data['regular_price'] ) ;

} else {

        $variation->set_price( $variation_data['sale_price'] ) ; } else {

        $variation->set_sale_price( $variation_data['sale_price'] ) ;

}

    $variation->set_regular_price( $variation_data['regular_price'] ) ;

if( ! empty($variation_data['stock_qty']) ){

        $variation->set_stock_quantity( $variation_data['stock_qty'] ) ;

        $variation->set_manage_stock(true) ;

        $variation->set_stock_status('') ;

} else {

        $variation->set_manage_stock(false) ;

}

    $variation->set_weight('') ;

    $variation->save() ;

}

Fonction create_product_variation()
Cette fonction est utilisée pour créer une nouvelle variable de produit pour un produit WooCommerce. Cette fonction vous permet de créer de manière programmatique des variables de produit pour votre boutique WooCommerce, ce qui est utile lorsque vous gérez un grand nombre de produits ou lorsque vous avez besoin d'automatiser le processus de création.

Produits variables WooCommerce et leurs sorties

WooCommerce Variable Products crée une liste unique de plusieurs variables telles que la couleur, la taille ou le matériau. Chaque variable a des attributs, des niveaux de stock et des options de prix uniques, offrant aux clients une expérience d'achat personnalisée.

Pour manipuler les produits variables de WooCommerce de manière programmatique, vous pouvez utiliser ces extraits de code et ces fonctions clés, que vous pouvez ajouter à la section functions.php Documentation :

• wc_get_product($product_id)Cette fonction permet d'obtenir un objet produit sur la base de l'ID du produit, qui est utilisé pour accéder aux données du produit telles que les attributs, le prix et les niveaux de stock.
• wp_insert_post($variation_post): fonction WordPress permettant de créer de nouveaux articles ou de mettre à jour des articles existants. Dans WooCommerce, peut être utilisée pour créer de nouvelles variables de produit.
• WC_Product_Variation($variation_id)Objet : crée une instance de la classe WC_Product_Variation représentant une variable de produit spécifique. Vous pouvez utiliser cet objet pour obtenir ou définir les attributs, les prix et les niveaux de stock de la variable produit.
• enregistrer_taxonomieWooCommerce : Créez de nouvelles taxonomies pour organiser et catégoriser le contenu de votre site web. Dans WooCommerce, les attributs des produits sont stockés en tant que taxonomies personnalisées.
• wp_insert_termCréer un nouveau terme (term) dans la taxonomie. Dans WooCommerce, les valeurs des attributs des produits sont stockées en tant que termes. Cette fonction est utilisée dans les conditions IF pour vérifier si le nom du terme existe et le créer si ce n'est pas le cas.
• $post_term_names: stocke un tableau de noms de termes associés à la variable parent product, qui est utilisé pour vérifier si un terme particulier a été défini en tant que valeur d'attribut pour le produit.
• wp_set_post_terms: Définir ou mettre à jour le terme associé à un article. Dans WooCommerce, cela peut être utilisé pour associer une valeur d'attribut (terme) à un produit ou à une variable de produit.
• update_post_meta: Met à jour les métadonnées associées à un article. Utilisé dans WooCommerce pour contenir des données d'attributs pour les variables de produits.
• $variation->set_skuMéthode de la classe WC_Product_Variation qui définit l'UGS (unité de gestion des stocks) d'une variable produit. L'UGS est un identifiant unique pour chaque variable produit qui aide à gérer les stocks.
• $variation_data['sale_price']] (en anglais): Clé de tableau contenant le prix de vente d'une variable produit qui peut être utilisée pour définir ou mettre à jour le prix de vente d'une variable produit spécifique.
• $variation_data['stock_qty']: Clé de tableau contenant la quantité en stock d'une variable produit qui peut être utilisée pour définir ou mettre à jour le niveau de stock d'une variable produit spécifique.

Comment créer des produits variables avec des attributs pour WooCommerce avec des plugins

Dans WooCommerce, les variables des produits peuvent être personnalisées à l'aide de plugins qui offrent des options et des fonctionnalités supplémentaires.

Voici quelques plugins populaires qui aident à personnaliser les variables de produit de WooCommerce :

• Variation Swatches for WooCommerce (en anglais)
• Images de variations supplémentaires pour WooCommerce
• YITH WooCommerce Variations de couleurs et d'étiquettes

Dans ce document, nous utilisons Variation Swatches for WooCommerce (en anglais) Démonstration du plugin.

Vous trouverez ci-dessous un guide étape par étape pour créer des produits variables WooCommerce avec des attributs en utilisant le plugin Variation Swatches for WooCommerce :

Étape 1 : Installer et activer le plugin

1) Allez dans le tableau de bord de WordPress.

2) Naviguer vers "plug-in (composant logiciel)" > "Installation des plug-ins".

3. rechercher "Variation Swatches for WooCommerce (en anglais)".

4. cliquez sur "Installer maintenant", puis activez le plugin.

Étape 2 : Configuration des paramètres du plugin

• Aller à "mettre en place".

• Configurez les paramètres du plug-in si nécessaire, en ajustant par exemple les options de style, de taille et de forme.

Étape 3 : Créer ou modifier des produits variables

Aller à "offres" > "supplémentaires"pour créer un nouveau produit, ou cliquez sous les produits existants pour "compilateur".

Dans "Données sur le produit"section, sélectionnez dans le menu déroulant "Produits variables".

Étape 4 : Ajouter des attributs

• Dans "causalitéDans l'onglet "Variable", ajoutez les attributs que vous souhaitez utiliser pour la variable (par exemple, la couleur, la taille).
• Cliquez sur "Ajouterplus"Remplissez les détails de l'attribut et cochez "pour les variables"Boîte d'options".

• Cliquez "Sauvegarder les propriétés".

Étape 5 : Générer des variables

• Aller à "varianteonglet ", cliquez sur "Créer des variables à partir de toutes les propriétés"Générer automatiquement toutes les variables possibles.

• Configurez les détails de chaque variable, y compris le prix, le stock et les images.

Étape 6 : Enregistrer les modifications

• Après avoir configuré les variables du produit, cliquez sur "mettre à jour"ou"poste"Sauvegardez les modifications.

• Vous pouvez maintenant voir la variable que vous venez de créer.

Plugins personnalisés recommandés pour les variables de produit

Voici quelques plugins recommandés qui aident les administrateurs à personnaliser les variables des produits sur les sites de commerce électronique, principalement pour WordPress et WooCommerce :

• Variation Swatches for WooCommerce (en anglais)
• YITH WooCommerce Variations de couleurs et d'étiquettes
• WPB Product Slider pour WooCommerce
• Attributs de produits variables améliorés pour WooCommerce
• Matrice des variations de produits WooCommerce

Meilleures pratiques pour personnaliser les variables de produit de WooCommerce

La personnalisation des variables de produit de WooCommerce peut considérablement améliorer l'expérience de l'utilisateur. Pour tirer pleinement parti des fonctions de personnalisation des variables de produit, il est préférable de suivre les règles suivantes :

Une planification et une organisation minutieusesles attributs et les variables du produit, en veillant à ce qu'ils soient clairs et faciles à comprendre.

Donner à chaque produit une variableImages claires et de haute qualitéLe produit est conçu pour montrer différentes perspectives du produit et mettre en évidence ses caractéristiques uniques.

Veiller à ce que les images des produits soientOptimisation du site webce qui augmente la vitesse de chargement.

cohérentconvention d'appellationEn outre, les attributs similaires et les noms d'options sont uniformes pour tous les produits.

Une configuration préciseLes prix et les niveaux de stock pour chaque produit varient afin de maintenir les prix compétitifs et les informations sur les stocks à jour.

Tests et examens périodiquesles variables des produits et les options de personnalisation pour s'assurer qu'elles fonctionnent correctement et qu'elles sont faciles à utiliser.

Utiliser les plugins et extensions WooCommerce en fonction des besoins pourAmélioration des variables des produits.

Résoudre les problèmes courants liés aux variables des produits

Les variables de produit de WooCommerce peuvent parfois rencontrer des problèmes qui peuvent affecter la fonctionnalité du site ou l'expérience de l'utilisateur. Vous trouverez ci-dessous quelques problèmes courants liés aux variables de produit de WooCommerce et leurs solutions correspondantes :

Problème 1 : Les variables ne s'affichent pas ou s'affichent de manière incorrecte

Il arrive que des variables soient définies, mais qu'elles ne s'affichent pas correctement. Il peut y avoir différentes raisons à ce problème et vous pouvez essayer les méthodes ci-dessous pour le résoudre :

Solution :

• Assurez-vous que les attributs et les variables du produit ont été définis correctement. Les attributs doivent être ajoutés au champ "causalité"et ensuite dans l'onglet "variante"pour créer des variables.

• Vérifier la présence de thèmes ou deconflit entre les plug-ins. Testez en désactivant les plugins un par un et en adoptant temporairement le thème WordPress par défaut. Si le problème est résolu, identifiez le plugin ou le thème en conflit et trouvez un plugin de remplacement approprié.

Problème 2 : La fonction Ajax d'ajout au panier ne fonctionne pas pour les produits variables

Parfois, la fonction d'ajout au panier pour les produits variables ne fonctionne pas correctement.

Solution :

• Assurez-vous que le thème du site est compatible avec WooCommerce, qu'il prend en charge la fonction AJAX Add to Cart pour les produits variables ou qu'il installe le plugin AJAX Add to Cart.

• Vérifiez s'il n'y a pas de conflits entre les plugins qui pourraient être à l'origine du problème.

Problème 3 : Les changements de variables ne peuvent pas être sauvegardés

Il peut arriver qu'il ne soit pas possible d'enregistrer les nouveaux paramètres des variables.

Solution :

• Vérifiez que le serveur répond aux exigences minimales de WooCommerce, notamment en ce qui concerne la version de PHP et les limites de mémoire.
• Ajouter un serveur php.ini dans le fichier max_input_vars car des valeurs inférieures peuvent poser des problèmes lors de l'enregistrement d'un grand nombre de variables.

Problème 4 : Un grand nombre de variables entraîne des problèmes de performance

Des problèmes de performance peuvent être rencontrés lorsque les produits définissent un grand nombre de variables.

Solution :

• Utilisez un plugin de mise en cache tel que WP Rocket ou W3 Total Cache pour améliorer les performances du site web.
• Optimiser régulièrement la base de données pour qu'elle reste propre et efficace.
• Envisagez d'utiliser un plugin spécialisé dans la gestion d'un grand nombre de variables, tel que WooCommerce Product Variations Matrix ou Variation Swatches for WooCommerce.

résumés

Les variables de produit personnalisées de WooCommerce sont un outil puissant permettant aux développeurs d'améliorer la fonctionnalité des sites web de commerce électronique de leurs clients. En tirant parti de la flexibilité des produits variables, les développeurs peuvent créer des sites d'achat plus attrayants et personnalisés pour leurs clients, améliorant ainsi l'expérience d'achat.

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨询：1025174874
(iii) Courriel : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.