Comment ajouter des spécifications et des attributs supplémentaires aux pages de détail des produits de WooCommerce ?

Lorsque vous gérez une boutique WooCommerce, vous pouvez rencontrer le besoin d'ajouter un nouveau fichier dans le répertoireAjout d'informations supplémentaires sur la page de détail du produitsituations, telles queSpécifications des produits, propriétés spécifiques ou paramètres techniques. Cet article explique en détail comment ajouter des spécifications et des attributs de produits supplémentaires à WooCommerce, ainsi que les moyens de les étendre via des plugins.

Pourquoi ajouter des spécifications et des attributs de produits supplémentaires ?

L'ajout d'informations supplémentaires sur les produits présente plusieurs avantages :

1. Améliorer l'expérience de l'utilisateurLes caractéristiques du produit : pour permettre à l'utilisateur de comprendre de manière plus intuitive les caractéristiques du produit.
2. Amélioration du référencementLes pages produits enrichies permettent d'améliorer les performances en matière de référencement.
3. Augmenter le taux de conversionLes informations détaillées sur les produits aident les utilisateurs à prendre de meilleures décisions d'achat.
4. Présentoirs spécialisésPour les produits techniques (produits électroniques, équipements mécaniques, etc.), il est particulièrement important de présenter des spécifications détaillées.

I. Utiliser la fonction d'attributs de produits intégrée à WooCommerce

WooCommerce est doté d'un système de gestion des attributs simple mais puissant qui peut être utilisé pour ajouter des spécifications et des attributs supplémentaires à chaque produit.

1. créer des propriétés globales

Les attributs globaux peuvent être appliqués à plusieurs produits, ce qui est particulièrement utile pour les boutiques ayant un grand nombre de produits similaires. Les étapes sont les suivantes :

1. Allez dans le backend de WordPress et naviguez vers Produits > Propriétés.

2. Dans "Ajouter un nouvel attributDans la zone ", saisissez le nom du bien (par exemple, la couleur, la taille, etc.).

3. Définir la visibilité de l'attribut et choisir de l'utiliser ou non pour le filtrage des produits.
4. frappe (sur le clavier) Ajout de propriétésVous verrez que le bien est apparu dans la liste des biens sur la droite.

5. Cliquez sur la propriété nouvellement créée à droite de l'icône Modalités de configurationajouter des valeurs spécifiques (par exempleroseetbleu (couleur)etplus vert(etc.).

2. ajouter des attributs personnalisés à des produits individuels

Si vous souhaitez uniquement ajouter des informations supplémentaires pour un produit spécifique, vous pouvez utiliser la fonctionPropriétés personnalisées: :

1. entrer dansoffresPour modifier un produit, recherchez le produit que vous souhaitez modifier et cliquez sur compilateur.

2. Faites défiler vers le bas jusqu'à "Données sur le produit"section, passer à "causalité"Onglet.

3. frappe (sur le clavier) augmenter pour sélectionner une propriété globale déjà créée ou pour créer une propriété personnalisée.

4. Complétez les valeurs des attributs et cochez la case "Visible sur la page du produit".

5. Enregistrez les modifications et affichez la page du produit. Les nouveaux attributs devraient déjà être affichés dans la section des détails du produit.

Deuxièmement, l'utilisation de plug-ins pour étendre l'affichage des informations sur les produits

Les fonctions de propriété intégrées de WooCommerce sont simples mais pas assez flexibles, en particulier lorsque vous devez personnaliser le format d'affichage ou la mise en page. Ces fonctionnalités peuvent être facilement étendues à l'aide de plugins.

Ajout de champs complexes avec les champs personnalisés avancés (ACF)

Pour des capacités de gestion de champs personnalisés plus puissantes, envisagez d'utiliser l'option Champs personnalisés avancés (ACF) Plugin. Il s'agit d'un outil très flexible qui vous permet d'ajouter n'importe quel type de champs personnalisés à vos produits, tels que des zones de texte, des images, des listes déroulantes, des cases à cocher, etc.

Marche à suivre pour l'utilisation :

1. Installation et activation ACF Plug-ins.
2. Pour créer un groupe de champs personnalisés : allez à ACF > Ajouter un nouveau groupe de champs.

3. Ajouter les champs obligatoires et les sélectionnerapplicabilitéde la page ou du type de produit (vous pouvez spécifier une catégorie de produit spécifique).

4. existentModifier le produitVous verrez alors apparaître le champ de saisie personnalisé nouvellement ajouté.
5. Après avoir enregistré le produit, ces champs sont affichés sur la page de détail du produit.

ACF permet non seulement d'ajouter des champs de texte simples, mais aussi des types de contenu riche tels queTéléchargement de fichiers, images, contenu HTML complexeetc., ce qui améliore considérablement la flexibilité des pages produits de WooCommerce.

Troisièmement, dans la page des détails du produit pour personnaliser l'affichage

La fonction intégrée "Informations complémentaires"L'onglet est généralement l'endroit où l'on peut montrerSpécification du produitIl arrive que l'on veuille afficher ces informations d'une manière plus esthétique ou plus adaptée à la marque.

1. utilisation du code de personnalisation du thème

Si vous avez des connaissances de base en HTML et CSS, vous pouvez personnaliser les informations affichées sur la page produit en modifiant les fichiers du thème. Vous pouvez modifier le fichier produit-unique.php trouvez la section du code qui affiche les spécifications et les attributs des produits, puis personnalisez-la selon vos besoins.

2. l'utilisation d'outils de construction de pages (par exemple Elementor)

Avec l'aide de plugins de construction de pages comme ElementorLa version Pro d'Elementor vous permet de personnaliser chaque partie de la page détaillée du produit et d'ajouter et de concevoir la présentation des informations relatives aux attributs.

Les étapes sont les suivantes :

1. Installer et activer Elementor et Elementor Pro.
2. entrer dans modèle(math.) genrenouvellement construitOu sélectionnez un modèle existant.

3. Allez sur la page de l'éditeur et utilisez l'éditeur par glisser-déposer d'Elementor pour placer le bouton " WooCommerce ".Informations complémentaires"Le widget peut être glissé et déposé dans la mise en page de la fiche produit.

4. Personnalisez son style et sa présentation selon vos besoins.
5. Enregistrez et appliquez le modèle à toutes les pages du produit ou à certaines d'entre elles.

Quatrièmement, l'utilisation de plug-ins d'information supplémentaires pour améliorer la fonctionnalité de la page du produit.

En plus des champs personnalisés via ACF, il existe un certain nombre de plugins conçus spécifiquement pour WooCommerce qui peuvent être trouvés dans la section "Informations complémentaires"ou un emplacement personnalisé pour afficher plus de détails sur le produit.

Comme : YITH WooCommerce Product Add-ons & Extra Options

Ce plugin vous permet non seulement d'ajouter des options de produits supplémentaires, mais aussi de permettre aux clients de sélectionner des configurations de produits spécifiques au moment de l'achat (par ex.Emballage cadeau, gravure personnaliséeetc.), ce qui améliore considérablement l'expérience de l'utilisateur.

résumés

L'ajout de spécifications et d'attributs supplémentaires aux pages détaillées des produits de WooCommerce est un excellent moyen d'améliorer l'expérience de l'utilisateur. Avec la fonction d'attributs intégrée de WooCommerce, il est facile d'ajouter des informations de base. Si des champs plus complexes et une présentation personnalisée sont nécessaires, il est possible de le faire à l'aide du plugin ACF ou d'un plugin d'extension WooCommerce dédié. Grâce à ces méthodes, les informations peuvent être affichées de manière flexible en fonction des caractéristiques du produit, ce qui permet d'augmenter les taux de conversion et la satisfaction des clients.