WooCommerce est le meilleur moyen de créer une boutique en ligne avec WordPress. Le plugin est gratuit et est fourni avec tout ce dont vous avez besoin pour commencer à vendre en ligne. L’ajout de fonctionnalités avec des plugins comme les variantes de produits WooCommerce est également très populaire.

Un produit variable WooCommerce donne aux utilisateurs de votre site web la possibilité de changer et de modifier les couleurs, les tailles, les styles, etc. Alors que WooCommerce vous donne la possibilité de faire déjà des variations de produits et des filtres de produits, un plugin pour WooCommerce pour les échantillons, par exemple, ajoutera des fonctionnalités.

Cela inclut des éléments tels que l’aspect des articles via des images, des étiquettes, des échantillons de couleur et des boutons radio.

Pourquoi ajouter des variantes de produits WooCommerce ?

En plus de l’aspect et de l’impression plus professionnels que vous donnerez à votre site web, l’ajout de variantes de produits WooCommerce permettra aux utilisateurs de votre site WordPress de voir les différents styles, couleurs et tailles de votre produit.

En outre, vous donnez à votre public la possibilité de voir à quoi peut ressembler chaque couleur et chaque style grâce à la mise en place d’images. Vous pouvez vous débarrasser de la fonction intégrée commune du menu déroulant de WooCommerce et utiliser à la place toute une série de choses comme les échantillons de couleurs de WooCommerce.

Il y a beaucoup de fonctionnalités ici, alors installez le plugin ci-dessous et voyez comme il est facile de mettre en place un catalogue que les utilisateurs vont adorer.

Pour ce faire, vous devez trouver un plugin solide qui permettra ce type de complément. J’en ai trouvé un appelé Variation Swatches for WooCommerce. Voyons ce plugin de variables pour WooCommerce, comment l’installer et comment l’utiliser.

Note : Cet article suppose que vous avez déjà installé, configuré et exécuté WooCommerce sur votre site web.

En relation  Comment utiliser la sécurité de connexion Wordfence pour protéger WordPress

Échantillons de variation pour WooCommerce

Le plugin Variation Swatches for WooCommerce vous permet de créer des variations de couleurs, d’images et de boutons étonnantes que vous pouvez appliquer à tous les attributs que vous avez déjà créés. Il s’agit d’un plugin très léger qui offre une expérience professionnelle au propriétaire et à l’utilisateur du site web.

On peut également considérer qu’il s’agit d’un plugin de couleur WooCommerce, car il vous permettra de créer facilement des échantillons de couleur qui peuvent être appliqués à l’attribut “color”. Ce n’est qu’un exemple.

Ce plugin WooCommerce permet non seulement d’offrir des attributs de couleur, d’image et d’étiquette, mais aussi de les visualiser rapidement. Cela signifie que l’utilisateur de votre site web peut obtenir une vue rapide et rapprochée du produit sans avoir à faire défiler une liste déroulante et à essayer ensuite un gros plan.

Voyons comment installer, activer et configurer ce plugin WooCommerce.

Installer et activer les échantillons de variation

Afin de créer des variantes de produits WooCommerce et de les associer correctement à vos attributs déjà créés, vous devez installer et activer ce plugin. Vous pouvez le faire à partir de la page des plugins de votre tableau de bord d’administration WordPress. Il vous suffit de rechercher le plugin.

Une fois le plugin installé et activé, vous verrez une nouvelle étiquette dans le menu latéral gauche de votre tableau de bord d’administration WordPress, intitulée “Swatches Settings”.

Allez-y, cliquez dessus et examinons les paramètres et la configuration.

Options de paramétrage pour les variations de produits WooCommerce

Lorsque vous cliquez sur l’onglet “Swatches Settings”, vous accédez à la page principale des paramètres du plugin. Vous verrez immédiatement 7 onglets. Ceux-ci comprennent :

  • Simple
  • Avancé
  • Performance
  • Style
  • Archive/Shop
  • Attribut spécial
  • Tutoriels

Examinons tout cela ensemble pour voir ce qu’ils sont tous.

Simple

Ce sont les styles simples et visuels du plugin. Définissez-les comme vous le souhaitez pour votre site.

Avancé

Cet onglet vous fournira des options plus avancées pour ce plugin de variations de produits WooCommerce.

Performance

Il y a plusieurs possibilités de performance. Allez-y et choisissez ce que vous souhaitez en fonction de la configuration et des fonctionnalités dont vous disposez.

En relation  Comment ajouter un bloc d'appel à l'action Gutenberg dans WordPress.

Note : Les trois onglets suivants ne vous seront utiles que si vous utilisez la version pro de ce plugin d’échantillons WooCommerce.

Style

Si vous êtes un utilisateur professionnel, cet onglet vous donnera une tonne d’options de style différentes pour le plugin afin de le rendre encore plus personnel.

Archive/Shop

Différentes options de style pour les archives et la boutique de votre site WooCommerce. Encore une fois, pour les utilisateurs professionnels.

Attributs spéciaux

Le dernier onglet pour les paramètres de l’utilisateur pro. Des options plus avancées pour le catalogue et les images.

Tutoriels

Ce plugin couleur de WooCommerce est en fait livré avec de nombreux tutoriels vidéo intégrés. Nous couvrons ici l’installation et la configuration de l’outil. Cependant, si vous souhaitez des options plus spécifiques ou plus avancées, consultez leur section tutoriel directement depuis votre tableau de bord.

C’est tout ! Vous avez installé et configuré avec succès Variation Swatches pour WooCommerce. Voyons rapidement comment ajouter des variations de produits à vos attributs.

Ajouter des variations de produits WooCommerce

Pour ajouter des variantes de produits WooCommerce à un produit, vous devez d’abord configurer les attributs. Si vous le faites, très bien, sinon, configurez-les comme ceci. Pour cet exemple, je vais juste utiliser l’attribut “Color”.

Cliquez sur Produits Attributs, situé dans le menu de gauche de votre tableau de bord d’administration WordPress.

Ajoutez l’attribut que vous souhaitez. Dans ce cas, “Couleur”.

Faites maintenant défiler un peu vers le bas et, sous la liste déroulante “Type”, choisissez comment cet attribut doit être affiché. C’est à vous de choisir.

Maintenant que l’attribut est ajouté, vous pouvez configurer les termes que vous voulez pour cet attribut particulier. Dans ce cas, vos termes seront de différentes couleurs que vous souhaitez pouvoir ajouter aux produits WooCommerce. Il vous suffit de cliquer sur le lien “Configurer les termes” et d’ajouter autant de couleurs que vous le souhaitez.

À ce stade, vous avez ajouté les couleurs que vous voulez et maintenant vous êtes prêts.

Ajouter des attributs et des variations au produit

Cliquez sur Produits Ajouter nouveau dans le menu et ouvrez une nouvelle page de produit pour votre site.

En relation  Comment ajouter une option d'emballage de cadeaux dans Woocommerce sur WordPress

Faites défiler vers le bas jusqu’à la section de la boîte de données sur les produits de l’éditeur et assurez-vous que vous êtes sur la sélection de produits variables de WooCommerce dans le menu déroulant.

Dans la liste déroulante des attributs personnalisés du produit, sélectionnez les attributs que vous souhaitez ajouter à votre produit. Pour cet exemple, nous sélectionnerons “Couleur”.

Cliquez sur le bouton “Sélectionner tout” pour sélectionner toutes les couleurs de variation de produit et les ajouter. Vous pouvez également sélectionner uniquement celles que vous souhaitez. Cliquez ensuite sur le bouton “Enregistrer les attributs”.

Note : Assurez-vous que la case “Utilisé pour les variations” est cochée.

Cliquez maintenant sur l’onglet “Variations”. Dans le menu déroulant “Ajouter une variation”, sélectionnez “Créer des variations à partir de tous les attributs”. Cela créera automatiquement toutes les variations que vous avez introduites à partir de tous les attributs que vous avez déjà sélectionnés.

Vous verrez maintenant toutes les variations de produits WooCommerce ajoutées. Chacune a son propre menu déroulant. Il vous suffit de les remplir de la manière dont vous souhaitez qu’elles s’affichent sur votre page de produit.

Ajoutez les prix, les références, les stocks, les images de variation et tout ce que vous voulez parmi les options de produits disponibles…

Lorsque vous avez fini d’ajouter les données pertinentes, publiez votre produit et vérifiez-le. Vous verrez que tous les échantillons de WooCommerce ont été ajoutés selon votre configuration et que vous disposez maintenant d’un site web plus professionnel et plus convivial.

Dernières réflexions

L’ajout d’un produit variable WooCommerce n’est pas difficile. En fait, WooCommerce vous offre déjà cette possibilité. Cependant, si vous souhaitez ajouter des échantillons de couleurs et donner un véritable style à vos variations de produits WooCommerce, l’ajout d’un plugin comme celui ci-dessus est un choix parfait.

L’ajout d’une telle fonctionnalité à votre site de commerce électronique contribuera à son succès.

Quels autres plugins avez-vous utilisés pour ajouter différents types d’échantillons WooCommerce à vos pages de produits ? Avez-vous trouvé cela plus attrayant pour les utilisateurs de votre site ?