Les produits WooCommerce

Gestion de boutique
Photo by JOSHUA COLEMAN on Unsplash

Créez vos premiers produits WooCommerce sur votre site ecommerce grâce à ce guide. Et apprenez à les configurer pour correspondre exactement à votre business model.

Ajouter un produit

La première chose à définir lorsque vous ajoutez votre produit est son type :

  • Le type de produit Simple couvre la vaste majorité des produits que vous pourriez vendre. Les produits simples sont sans options. Par exemple, une boisson en canette.
  • Un produit Variable est un produit qui a différentes variations, dont chacune peut avoir une UGS (unité de gestion des stocks), un prix, des options de stock différentes… Par exemple, un T-shirt disponible en différentes couleurs et/ou tailles.
  • Un produit Groupé est une collection de produits apparentés, disponibles individuellement comme des produits simples. Par exemple, un pack d’une console de jeu avec trois jeux pourrait être un produit groupé.
  • Un Produit réservable
  • Un Abonnement
  • Un produit Externe ou Affilié est listé et décrit sur votre site web, mais que vous redirigerez vers un autre site pour les paiements.

Les produits simples

L’ajout de ce genre de produit est un processus facile et similaire à la création d’un article WordPress standard. Dans le menu des produits WooCommerce, cliquez sur Ajouter un Produit. Une interface familière va se présenter à vous et vous devriez immédiatement voir l’emplacement où taper le titre du produit et la description entière.
Ensuite, nous avons l’ensemble d’onglets des Données de Produits. C’est là où la majorité des données de produits sont saisies. Les données de produits sont ajoutées à partir de ce panneau.

Onglet Général

Onglet général dans l'édition des produits woocommerce
  • UGS – Unité de gestion des stocks, utilisée pour tracer les produits WooCommerce. Doit être unique et devrait être nommée de façon à ce qu’elle n’interfère pas avec les ID des posts.
  • Prix Courant – Prix principal de l’article.
  • Prix Soldé – Prix en solde de l’article.

Onglet de l’inventaire

Onglet d'enventaire dans l'édition des produits woocommerce

Il vous permet de gérer le stock pour le produit individuellement et définit si les commandes en attente
sont autorisées. Si la gestion des stocks est désactivée à partir de la page des paramètres, seule l’option statut du stock sera visible. Cocher la case Vendu Individuellement limite à un produit par commande.

Onglet de livraison

Onglet de livraison dans l'édition des produits woocommerce
  • Poids de l’article
  • Dimensions – Longueur, largeur et hauteur de l’article.
  • Classe de livraison – Les classes de livraison sont utilisées par certaines méthodes de livraison pour grouper des produits WooCommerce similaires.

Onglet des produits liés

Onglet des produits liés dans l'édition des produits woocommerce

En utilisant des ventes incitatives (up-sells) et des ventes croisées (cross-sells) vous pouvez faire de la promotion croisée entre vos produits. Ils peuvent être ajoutés en cherchant un produit en particulier et en sélectionnant le produit à partir de la liste du menu déroulant. Remarque : L’affichage de ces liens vers d’autres produits dépend de votre thème installé.

Produits suggérés

Les produits suggérés sont des propositions de ventes incitatives, affichées sur la page des détails de produits. Ce sont des produits WooCommerce que vous souhaiteriez pousser les utilisateurs à acquérir, en se basant sur le produit qu’ils sont en train de visualiser. Par exemple, si l’utilisateur est en train de visualiser la page des produits avec du thé, vous voudrez afficher des théières sur cette page en tant que vente incitative.

Ventes croisées

Ce sont des produits qui sont affichés avec le panier et qui sont liés au contenu du panier de l’utilisateur. Par exemple, si
l’utilisateur ajoute une Nintendo DS à son panier, vous voudrez lui suggérer d’acheter des stylets en plus quand il arrive à la page du panier.

Groupement

Configurez cette option pour qu’un produit fasse partie d’un produit groupé.

Produits apparentés

Les produis apparentés sont une section dans certains modèles qui attirent d’autres produits de votre boutique qui partagent les mêmes tags ou catégories que le produit actuel. Ces produits ne peuvent pas être spécifiés dans l’administration, mais peuvent être influencés en groupant des produits similaires dans la même catégorie ou en utilisant les mêmes tags. Les produits apparentés (automatique) sont aussi affichés sur la page du produit.

Onglet des attributs

Onglet des attributs dans l'édition des produits woocommerce

Dans l’onglet des attributs, vous pouvez assigner des attributs à un produit. Vous verrez une boîte de sélection contenant des ensembles d’attributs globaux que vous avez créés. Une fois que vous avez choisi un attribut à partir de la boîte de sélection, cliquez sur ajouter et vous pouvez appliquer les termes attachés à cet attribut au produit. Vous pouvez cacher l’attribut sur le frontend en laissant la case Visible non cochée. Des attributs personnalisés peuvent aussi être appliqués en choisissant Personnaliser un attribut de produit à partir de la boîte de sélection. Ils sont ajoutés au niveau du produit et ne seront pas disponibles dans les attributs généraux de WooCommerce.

Onglet Avancé

Onglet avancé dans l'édition des produits woocommerce
  • Note d’achat – Saisissez un message optionnel à envoyer au client après achat.
  • Ordre du menu – Personnalisez la position de cet article.
  • Activer les avis – Activez/Désactivez les commentaires des clients pour cet article

Les produits variables

Onglet général dans l'édition des produits variables woocommerce

Les produits variables sont probablement les types de produits WooCommerce les plus complexes. Ils vous permettent de définir les variations d’un seul produit où chaque variation peut avoir une UGS, un prix ou un niveau de stock différents.

Tableau des attributs de produits woocommerce

Les attributs sont des données qui peuvent ajouter plus d’informations techniques à un produit et qui aident les utilisateurs à affiner leur choix dans votre catalogue.

Créer un ensemble d’attributs se fait de la même façon que créer des catégories. Pour l’instant, nous allons décrire les attributs et leurs avantages à l’aide d’un exemple hypothétique.

Scénario d’utilisation

Imaginons que vous soyez en train d’ouvrir une boutique de vêtements prêt-à-porter et vendiez toutes les dernières tendances. Dans ce cas, votre première catégorie de produits WooCommerce sera très certainement « Vêtements », à l’intérieur de laquelle la majorité de votre catalogue résidera.

À partir de là, vous pourriez par exemple créer des sous-catégories pour:

  • différents types de pièces (hauts, bas, accessoires…) ou par genre (homme, femme, enfants…). C’est parfait pour des sous-catégories, car un article ne pourra probablement pas appartenir à deux ou plusieurs catégories !
  • différentes tailles, couleurs… mais ces informations conviennent mieux en tant qu’attributs. Pourquoi ? Parce que ce sont des caractéristiques de produits et qu’on peut les retrouver sur tous les articles de votre catalogue. À noter qu’un utilisateur pourra potentiellement sélectionner simultanément des attributs lorsqu’il affine sa recherche, avec les bons filtres configurés.

Exemple : Un client cherche tous les vêtements noirs. Il suffit de sélectionner l’attribut “Noir” à partir d’un widget  dans la barre latérale. Comme convenu, cela rafraîchira la page afin que seuls les vêtements liés à l’attribut noir soient affichés.

Ajouter des attributs globaux à votre boutique

Il est recommandé que chaque attribut que vous utiliserez régulièrement soit configuré globalement. Pour ça, allez dans Produits > Attributs :

Lien du menu de navigation vers les attributs de produits

Remarque :
Vous avez aussi l’option de créer des attributs en fonction du produit. Cela est utile si vous voulez afficher des informations supplémentaires sur un produit qui ont peu de chances d’être appliquées à un autre. Par exemple, vous pourriez vendre de façon ponctuelle un jeu japonais à un public anglais. Vous pourriez créer un attribut “Langue” pour ce produit-là et l’afficher dans la section des données de produits dans le frontend.

Ajouter des attributs pour des variations de produit

Les produits variables sont un type de produits dans WooCommerce qui vous permet d’offrir un ensemble de variations sur un produit en contrôlant les prix, le stock, l’image et plus pour chaque variation. Elles peuvent être utilisées pour un produit comme un T-shirt pour lequel vous pouvez offrir de taille S, M, L et XL.

Menu déroulant pour modifier le type de produits woocommerce

Pour ajouter un produit variable, éditez un produit existant ou créez-en un nouveau en allant dans : Produits > Tous les produits. Vous pouvez sélectionner le bouton Ajouter un Produit ou éditer un produit existant à partir de cet endroit. Une fois que vous êtes sur le produit sélectionnez Produit variable à partir du menu déroulant Données de Produits.

Onglet Attributs dans l'édition des produits woocommerce

Dans la section Attributs, vous devrez d’abord ajouter des attributs avant de pouvoir créer des variations – vous pouvez utiliser des attributs globaux ou définir des attributs personnalisés spécifiques à chaque produit. Pour utiliser un attribut global sélectionnez-le à partir du menu déroulant et sélectionnez Ajouter. Assurez-vous de sélectionner le bouton Tout sélectionner pour ajouter tout l’attribut au produit variable et sélectionnez la case Utilisé pour les variations pour dire à WooCommerce que c’est pour vos variations.

Ajouter des Attributs Globaux à un Produit

Champ des attributs globaux dans l'édition des produits woocommerce

Si vous ajoutez de nouveaux attributs, sélectionnez Personnaliser un attribut de produit puis sélectionnez Ajouter.

Ajouter des Attributs Personnalisés à un Produit

Vous devrez ensuite nommer l’attribut, par exemple « Taille ». Entrez les valeurs en les séparant par une barre verticale. Dans cet exemple, nous avons petit | moyen | large. Enfin, sélectionnez la case Utilisé pour les variations pour l’utiliser dans la section Variations. Sélectionnez Sauvegarder les attributs.

Ajouter des variations

Après avoir sauvegardé vos variations, vous pouvez commencer à les appliquer à un produit.

Onglet Variations dans l'édition des produits woocommerce

Pour ajouter une variation, allez dans la section Variation dans la méta-boîte Données de Produits.

Ajouter Manuellement une Variation

Ajout manuel d'une variation dans l'édition des produits

Sélectionnez Ajouter une variation à partir du menu déroulant et cliquez sur Entrer

Exemple de variation ajoutée manuellement sur un produit

Sélectionnez les attributs pour votre variation. Pour changer des données additionnelles, cliquez sur l’icône en triangle pour élargir la variation.

Champs de données additionelles pour une variation d'un produit

Éditez n’importe quelles données. Le seul champ requis est Prix.

Paramétrer les valeurs par défaut

Champs pour la variation sélectionnée par défaut sur une page produit

Si vous voulez qu’une certaine variation soit déjà sélectionnée quand un utilisateur visite la page de produits, vous pouvez paramétrer les variations par défaut ici. Cela permet également au bouton Ajouter au Panier d’apparaître automatiquement sur les pages de produits variables.

Données de Variation

Chaque variation peut être assignée aux données suivantes :

Image

Sélectionnez l’icône de paramètre fictif pour voir le chargeur d’image. Après avoir choisi une image, sélectionnez Paramétrer une Image de Variation.

UGS

Si vous utilisez des UGS (unités de gestion des stocks), paramétrez l’UGS pour la variation ou laissez vide pour utiliser l’UGS du produit variable.

Activée

Activez ou désactivez la variation.

Téléchargeable

Si la variation est téléchargeable.

Virtuelle

Si ce produit n’est pas livré, les paramètres de livraison pour la variation sont enlevés.

Gérer le stock

Gérez le stock au niveau de la variation.

Quantité des stocks

Stock de la variation en question ou laissé vide pour utiliser les paramètres de stock des produits variables.

Prix Courant

Paramétrez le prix pour cette variation. Requis.

Prix Soldé

Paramétrez un prix pour cette variation en solde. Optionnel.

Quantité en stock

Montre si Gérer le Stock est sélectionné. Saisissez la quantité que vous avez.

Autoriser les Commandes en attente

Choisissez comment gérer les commandes en attente.

Statut du Stock

Paramétrez le statut de votre stock de variations.

Poids

Poids de la variation ou laissé vide pour utiliser le poids du produit de variation.

Dimensions

Hauteur, largeur et longueur de la variation, ou laissé vide pour utiliser les dimensions du produit de variation.

Classe de livraison

La classe de livraison peut affecter la livraison. Paramétrez-la si elle diffère du produit variable.

Classe des taxes

Une classe de taxes pour cette variation. Cela est utile si vous offrez des variations couvrant des tranches de taxes différentes.

Fichiers téléchargeables

Montre si Téléchargeable est sélectionné. Ajoutez un ou des fichiers pour cette variation pour que les clients puissent les télécharger.

Limite de téléchargement

Montre si Téléchargeable est sélectionné. Paramétrer le nombre de fois qu’un client peut télécharger le(s) fichier(s). Laissez vide pour un nombre illimité.

Expiration de téléchargement

Montre si Téléchargeable est sélectionné. Paramétrez le nombre de jours après lesquels le téléchargement expirera après l’achat.

Si les champs de l’UGS, du poids, des dimensions et du stock ne sont pas paramétrés alors on aura les valeurs assignées au produit variable. Les champs des prix doivent être paramétrés par variation.

Edition en masse

Exemple d'édition en groupe des variations

Vous pouvez éditer en masse des variations en sélectionnant la donnée spécifique voulue à partir du menu déroulant.

Lier des variations possibles

Exemple de création groupée des variations

Vous pouvez sélectionner Créer des variations à partir de tous les attributs pour que WooCommerce crée chaque combinaison possible de variations.

Si votre exemple avait 2 attributs – la couleur (avec les valeurs « Bleu » et « Vert ») et la taille (avec les valeurs « Large » et « Petit »), les variations suivantes sont créées : Large Bleu / Large Vert / Petit Bleu / Petit Vert

Les produits virtuels / téléchargeables

Les données produits WooCommerce

Sous la boîte de dialogue principale se trouve le panneau de Type de Produits. Vous pouvez y définir le type de produit (comme indiqué ci-dessus) et s’il s’agit d’un produit téléchargeable (numérique) ou virtuel (de service).
Les produits de service ne nécessitent pas de livraison – une commande comprenant des produits virtuels n’entraînera pas de frais de livraison.

Case à cocher pour les produits virtuels woocommerce

Lorsque vous ajoutez un produit simple, vous pouvez cocher la case dans le panneau de type de produits. Cela enlèvera les champs inutiles, comme les dimensions.

Case à cocher pour les produits virtuels et téléchargeables woocommerce

Lorsque vous ajoutez un produit simple, vous pouvez cocher la boîte téléchargeable dans le panneau de type de produits. Cela ajoutera deux nouveaux champs :

  • Chemin de fichier – chemin ou URL de votre fichier téléchargeable.
  • Limite de téléchargement – une limite pour le nombre de fois qu’un client peut télécharger le fichier. Laissé vide pour un nombre illimité.
Champs spécifiques pour les produits virtuels et à télécharger

Pour une flexibilité maximale, les produits téléchargeables peuvent entraîner également des frais de livraison (par exemple, une version colis ainsi qu’une version téléchargeable du produit). Vous pouvez aussi cocher la case
Virtuelle si le produit téléchargeable n’est pas livrable.

Paramètres WooCommerce

WooCommerce > Paramètres > Produits > Produits Téléchargeables contient plusieurs options de produits téléchargeables. L’option la plus importante est la méthode de téléchargement de fichier :

Paramètres woocommerce pour les produits téléchargeables

Vous avez 3 choix :

  • Rediriger seulement – Quand les utilisateurs téléchargent un fichier, leur lien redirige vers le fichier.
  • Forcer le téléchargement – Les téléchargements de fichiers sont forcés en utilisant PHP.
  • X-Accel-Redirect/X-Sendfile – Les téléchargements sont fournis par le serveur (nginx/apache). Cette méthode requiert l’installation et l’activation du module X-Accel-Redirect/X-Sendfile sur le serveur.

Pour s’assurer que les fichiers sont protégés des liens directs, on peut utiliser Forcer le Téléchargement. Les fichiers seront fournis par PHP. Cependant, si vos fichiers sont larges, ou que le serveur n’est pas assez puissant, vous pouvez être confrontés à des expirations pendant le téléchargement – dans ce cas, vous auriez besoin soit d’inspecter votre serveur ou d’utiliser la méthode de redirection.
L’option suivante est Doit être connecté pour télécharger des fichiers. Cela permettra aux utilisateurs connectés seulement de télécharger – les utilisateurs non connectés devront se connecter. Il est important de désactiver le paiement en tant que visiteur (guest checkout) si cette option est activée, puisque les visiteurs ne peuvent pas télécharger.
Accorder l’accès aux produits téléchargeables après le paiement accordera l’accès aux fichiers après le paiement, plutôt qu’après que la commande est Terminée.

Paramétrer les fichiers téléchargeables

Créez un produit simple de la façon habituelle, mais cochez la case Téléchargeable :

Case à cocher pour les produits téléchargeables woocommerce

WooCommerce supporte plusieurs fichiers par produit !
Mettez en ligne un fichier et cliquez sur Insérer pour paramétrer chaque URL de fichier téléchargeable. Assurez-vous que vous avez fait correspondre l’URL du produit à l’URL de votre site (c’est-à-dire si vous avez un www dans l’URL de votre site, alors, assurez-vous qu’il est dans l’URL du fichier.) Vous pouvez en saisir un par ligne.
Pour la limite de téléchargement, vous pouvez facultativement fixer une limite de téléchargements, de manière à bloquer la possibilité de télécharger le fichier.
L’expiration de téléchargement fonctionne de la même façon : si vous définissez un nombre de jours, les liens de téléchargement expireront après cette date.
Veuillez noter que dès lors que vous changez un fichier mis en ligne ou que vous mettez en ligne un nouveau fichier, cette expiration et la limite de téléchargement seront réinitialisées puisque techniquement il s’agit d’un nouveau fichier.

Variations téléchargeables

Les produits variables peuvent aussi avoir des variations téléchargeables. Lorsque vous ajoutez une variation cochez la case Téléchargeable pour voir les options :

Case à cocher pour les variations téléchargeables woocommerce

Ces fonctions fonctionnent de la même façon que pour les produits habituels : saisissez le chemin du fichier, choisissez facultativement une limite et une expiration et vous avez fini.

Champs spécifiques pour les variations téléchargeables sur woocommerce

Combiner des produits WooCommerce téléchargeables et virtuels

Cases à cocher pour les produits téléchargeables et virtuels

Si vous cochez simplement les cases Téléchargeable, les produits WooCommerce peuvent avoir un stock et seront traités comme des produits physiques – cela vous permet de faire des choses telles que vendre ensemble des produits à télécharger et des produits réels. Si vous voulez un produit téléchargeable qui n’est pas physique, activez aussi l’option Virtuel.

Processus de commande

Le processus de commande pour les produits téléchargeables est comme suit :

  • L’utilisateur ajoute un produit à son panier
  • L’utilisateur passe à la caisse et paye
  • Après le paiement plusieurs choses peuvent se produire en fonction de votre paramétrage :
    • Si les articles de la commande sont tous téléchargeables + virtuels, la commande sera terminée
    • Sinon, la commande sera en cours de traitement jusqu’à ce que vous la changiez.
  • Une fois Terminée, ou si l’option Accorder l’accès aux produits téléchargeables après le paiement est activée, l’utilisateur :
    • Se verra accorder des permissions de téléchargement
    • Aura accès aux liens de téléchargement sur la page de commande reçue
    • Pourra cliquer les liens de téléchargement dans leur notification par email
    • Verra les liens de téléchargement sur leur page Mon Compte s’ils sont connectés
  • Les utilisateurs peuvent alors télécharger leurs fichiers.

Gérer des commandes avec des articles téléchargeables

Si vous éditez / visualisez une commande qui contient des produits téléchargeables vous remarquerez que la méta-boîte de produits téléchargeables contient les permissions de l’utilisateur :
En éditant ce panneau, vous pouvez modifier une permission d’utilisateur ou révoquer l’accès à des fichiers. Vous pouvez aussi accorder l’accès à de nouveaux téléchargements.

Champs pour les permissions aux produits téléchargeables

Les produits groupés

On crée un produit groupé quasiment de la même façon qu’un produit simple. La seule différence est que vous sélectionnerez Groupé à partir du menu déroulant Type de Produit dans les détails de l’onglet de produit Général, comme montré ci-dessous :

Menu déroulant pour les produits groupés woocommerce

Pour créer votre produit parent sélectionnez Groupé à partir du menu déroulant Type de Produit.
Dès que vous paramétrez le produit parent en tant que Groupé, le prix et plusieurs autres champs disparaîtront. Vous ajouterez ces informations aux produits enfants individuels. Une fois que vous avez fini avec le produit parent, publiez-le
et revenez à la page Ajouter un Nouveau Produit.

Créer un Produit Enfant dans un groupe

Pour créer un produit enfant, allez dans : Produits > Ajouter un Nouveau pour ajouter un nouveau produit. Les seules informations que vous devez saisir sont :

  • Titre
  • Type de Produit = Simple

Vous pouvez aussi ajouter votre prix et d’autres détails de produit, si besoin.

Champs spécifique pour les produits groupés

Allez dans Produits Liés pour sélectionner le parent produit à partir du menu déroulant Grouper
Pour modifier l’ordre des produits dans un groupe, éditez l’option Ordre du Menu dans la section Avancé dans les données de produits.

Les produits réservables

À venir prochainement – Voir la documentation officielle https://theeventscalendar.com/knowledgebase/
Requis : l’installation du plugin The Events Calendar

Les abonnements

À venir prochainement – Voir la documentation officielle https://www.paidmembershipspro.com/documentation/
Requis : l’installation du plugin Paid Membership Pro

Les produits externes

Champ pour configurer un produit externe

Choisissez Externe/Affilié à partir du menu déroulant de type de produits. Cela enlève les onglets inutiles, comme
les taxes et l’inventaire et insère un nouveau champ URL de produit. C’est l’endroit où les utilisateurs peuvent acheter le produit. Au lieu des boutons Ajouter au Panier, ils voient un bouton En Savoir Plus qui les dirige vers cette URL.

Compléter votre produit

Extrait

Champ d'édition de la description courte d'un produit woocommerce

Enfin, vous pouvez ajouter un extrait qui devrait être une courte description de produit. Typiquement, il apparaît à côté de
l’image du produit sur la page de la liste des produits WooCommerce et la longue description apparaît dans l’onglet Description de Produit.

Taxonomies

Cases à cocher pour les catégories d'un produit woocommerce

À droite du panneau Ajouter un Nouveau Produit, il y a des catégories de produits WooCommerce dans lesquelles vous pouvez placer votre produit, similaires à un post WordPress standard. Vous pouvez aussi assigner des étiquettes de produits de la même manière.

Images de produits WooCommerce

Champ d'images d'un produit woocommerce

Vous pouvez ajouter une image principale ainsi qu’une galerie d’images – voir Ajouter une image de produit et des Galeries.

Configurer la visibilité du catalogue et le statut phare

Lien pour modifier la visibilité d'un produit woocommerce

Dans le panneau de publication, vous pouvez configurer la Visibilité du catalogue pour votre produit.

Champ de visibilité d'un produit woocommerce

Les paramètres de visibilité sont :

  • Catalogue et recherche – visible partout
  • Catalogue – visible à l’intérieur du catalogue, mais pas dans la recherche
  • Recherche – visible dans les résultats de la recherche, mais pas dans le catalogue (page des catégories et de la boutique)
  • Caché – visible seulement sur la page des produits – pas à l’intérieur de n’importe quel produit
Chargement