Attributs personnalisés sur la page du produit (mieux que ce que WooCommerce vous donne)

L'ajout d'attributs personnalisés dans WooCommerce est assez simple. Mais, il est toujours visible sur la page du produit dans la section des informations supplémentaires. Aujourd'hui, je vais vous montrer comment afficher les attributs personnalisés sur la page du produit WooCommerce mieux que WooCommerce. J'utiliserai un plugin gratuit pour créer des champs personnalisés qui vous permettront de personnaliser facilement vos produits WooCommerce !

Par défaut, vous pouvez utiliser des attributs globaux ou spécifiques au produit. Mais WooCommerce ne dispose pas d'un moyen de personnaliser le type de champ d'attributs ou de permettre aux clients de personnaliser les produits en fonction des fonctionnalités disponibles.

Utilisons un plugin gratuit, avec une interface utilisateur géniale et propre, pour ajouter facilement des attributs de produit WooCommerce à l'aide de 18 types de champs ! Et affichez-les sur la page produit pour permettre des produits personnalisables dans votre boutique WooCommerce et booster vos ventes !

Table des matières

• Attributs de produit et attributs personnalisés dans WooCommerce
• Attributs de produit personnalisés avec une extension WooCommerce gratuite
• Résumé et plus sur le plugin

Attributs de produit et attributs personnalisés dans WooCommerce

Par défaut, vous pouvez utiliser les attributs de produit WooCommerce standard (globaux ou basés sur le produit).

Vous pouvez définir des attributs globaux dans Produits → Attributs . Ils seront disponibles ultérieurement pour tous les produits WooCommerce. Bien entendu, vous pouvez également ajouter un attribut spécifique au produit lors de la modification du produit dans la section Données produit → Attributs → en ajoutant un attribut de produit personnalisé .

Mais, la manière par défaut de WooCommerce d'ajouter des attributs peut ne pas vous suffire. Les attributs du produit apparaîtront uniquement dans la section Informations supplémentaires de la page du produit WooCommerce.

Attributs de produit personnalisés avec une extension WooCommerce gratuite

Il existe un meilleur moyen d'ajouter des attributs à vos produits WooCommerce !

Ainsi, vous permettrez aux clients d'acheter plus facilement des produits personnalisés directement sur la page du produit WooCommerce !

De plus, vous pouvez utiliser 18 types de champs !

Téléchargez le plugin gratuit et commencez à créer de meilleurs produits WooCommerce avec des attributs personnalisés et de nouveaux champs !

Modifications dans le panneau Champs de produit flexibles

Le panneau Champs de produit flexibles est désormais doté de paramètres modernes et simples à utiliser basés sur ReactJS. Il s'agit d'une bibliothèque JavaScript efficace et déclarative utilisée pour créer des interfaces utilisateur composites. ReactJS permet au développeur de créer des interfaces utilisateur à l'aide de petits morceaux de code isolés, appelés composants. Cela permet d' ajouter de nouveaux attributs, options et fonctionnalités sans réécriture laborieuse du code existant.

Exemples de paramètres de champ

N'oubliez pas de mettre à jour le plugin

Dans l'ensemble, le panneau actualisé avec les paramètres de groupe apparaît maintenant dans une nouvelle fenêtre. Il contient les mêmes options que la version précédente. Mais les paramètres du champ seront onglets pour faciliter l'ajout de nouvelles options .

Les anciennes cartes de terrain étaient surchargées de paramètres et d'informations. En ajouter plus rendrait plus difficile la navigation dans le panneau.

Mais le changement le plus visible sera bien sûr le design épuré et moderne. Nous espérons que les changements seront bien reçus !

Résumé et plus sur le plugin

Aujourd'hui, je vous ai montré comment ajouter des attributs de produit personnalisés et les afficher sur la page du produit WooCommerce. Laissez vos clients acheter des produits WooCommerce personnalisés en fonction des nouveaux attributs , des champs personnalisés et des multiples options de produits !

Si vous avez des questions, laissez un commentaire ci-dessous!