Comment ajouter un produit simple avec le plugin WooCommerce

WooCommerce est un plugin populaire pour créer une boutique en ligne (site Web de commerce électronique) dans WordPress. Il fournit de nombreuses fonctionnalités essentielles pour un site Web de commerce électronique telles que le panier, le paiement, l'expédition, la promotion, l'enregistrement des clients, … Dans cet article, nous apprenons à ajouter un produit simple dans WordPress avec le plugin WooCommerce .

Pour ajouter un produit simple avec le plugin WooCommerce, vous pouvez utiliser deux méthodes :

• Méthode 1 : ajoutez chaque produit manuellement.
• Méthode 2 : ajoutez des produits simples en masse avec la fonction d' importation (vous avez besoin d'un fichier CSV).

Nous y voilà!

Méthode 1 : ajouter chaque produit manuellement

WooCommerce

Auteur(s) : Automattic

Version actuelle : 6.0.0

Dernière mise à jour : 15 décembre 2021

woocommerce.6.0.0.zip

90 % d' évaluations 5 000 000+ Installe WP 5.6+ Requiert

Après avoir installé et activé le plugin WooCommerce, accédez à Produit > Ajouter un nouveau . L'interface pour ajouter un nouveau produit s'affichera comme suit :

Pour faciliter la compréhension, je trie les paramètres en deux types ici :

• Informations de base : informations importantes que vous devez absolument remplir.
• Autres informations : informations facultatives, vous pouvez les saisir ou non, selon vos besoins.

Informations de base

Tout d'abord, vous devez entrer des informations de base sur le produit simple, telles que le nom, la description, l'image, le prix et le type de produit.

Nom et descriptions

Le nom simple du produit doit être court et inclure des mots-clés principaux afin que les clients puissent le trouver facilement.

Nom et description longue

Quant à la description, le plugin WooCommerce a une longue description et une courte description.

Brève description

La brève description apparaît à côté du nom du produit et de l'image. Par conséquent, vous devriez l'écrire brièvement et de manière attrayante, par exemple "Un beau bonnet avec un logo attrayant".

La brève description s'affiche sur le front-end

Dans la description longue, vous devez décrire davantage le produit simple, par exemple sa provenance, ses spécifications, etc. Par exemple : « Le chapeau est fabriqué à partir de coton chinois et tissé manuellement par des artisans ». Il y a une astuce consiste à utiliser des puces lorsque vous avez besoin de lister quelque chose. Cela rendra le contenu beaucoup plus aéré et facile à lire.

La description longue apparaît sur le front-end

Image du produit et galerie de produits

Le produit simple doit avoir au moins une image qui l'illustre. En outre, vous devez ajouter d'autres images de produits sous différents angles (vues de gauche, de droite, de loin et des images de clients) à la galerie de produits. Cela aide les clients à visualiser facilement le produit réel, gagnant ainsi leur confiance.

Étiquettes et catégories de produits

La balise et la catégorie sont deux outils utiles qui vous aident à gérer et à organiser efficacement les produits. L'utilisation correcte des balises et des catégories permet aux clients de spécifier plus facilement ce que votre site Web de commerce électronique vend. En outre, ils peuvent rechercher plus facilement et plus rapidement les produits de leur choix.

Pour ajouter une nouvelle catégorie, cliquez simplement sur le bouton Ajouter une nouvelle catégorie dans la section Catégories de produits :

Pour les balises, c'est plus simple. Il vous suffit d'entrer le nom de la balise puis de cliquer sur le bouton Entrer ou de cliquer sur Ajouter .

type de produit

Il existe quatre types de produits dans le plugin WooCommerce qui sont :

• Produit simple
• Produit de groupe
• Produit externe/affilié
• Produit variable

Cependant, dans cet article, nous ajoutons simplement un produit simple.

Prix ​​du produit

Pour ajouter le prix du produit, allez dans Données du produit et choisissez l'onglet Général . Il y a deux entrées principales dont vous devriez vous soucier :

• Prix ​​habituel
• Prix ​​de vente

Pour configurer l'heure de la vente, cliquez sur Programmer à droite de l'entrée Prix ​​de vente .

Par exemple, j'ai configuré l'heure de vente comme suit :

Autres informations (non obligatoires)

Note : Vous pouvez cliquer sur le bouton (?) à droite de chaque section pour lire la documentation du plugin WooCommerce.

Selon le produit et le magasin, les propriétaires de sites Web de commerce électronique doivent remplir différents attributs et données pour le produit simple dans la section Données du produit . Cette section se compose de 6 onglets principaux comme suit :

Onglet Général

Dans l'onglet Général , en plus d'ajouter le prix du produit, vous pouvez configurer deux autres sections :

• Statut de taxe : il existe trois statuts de taxe par défaut qui sont Taxable , Aucun et Expédition uniquement .
• Classe de taxe : choisissez comment WooCommerce calcule la taxe du produit. J'expliquerai plus dans le prochain article.

Onglet Inventaire

Il y a 4 sections dans l'onglet Inventaire :

• SKU : le code produit.
• Gérer les stocks ?
• Statut du stock : il existe trois statuts par défaut qui sont En stock , En rupture de stock et En rupture de stock .
• Vendu à l'unité : chaque client ne peut acheter qu'un seul produit de ce type pour chaque commande.

Onglet Expédition

Il y a 3 sections dans l'onglet Expédition :

• Poids (kg)
• Dimension (longueur x largeur x hauteur)
• Classe d'expédition : choisissez la classe du produit (fragile, encombrant, …) pour appliquer différents modes d'expédition. J'expliquerai plus dans le prochain article.

Onglet Produits liés

• Upsells : suggérer un produit similaire qui a d'autres tailles, couleurs, … pour le client.
• Ventes croisées : proposez un autre produit pertinent. Par exemple, si vous vendez des livres, vous pouvez suggérer aux clients d'acheter des signets.

Onglet Attributs

Cet onglet concerne la création d'un produit variable. Pour obtenir plus de détails, reportez-vous à cet article.

Onglet Avancé

Il y a 3 sections dans l'onglet Avancé :

• Bon d'achat : envoyer un bon au client lorsqu'il a terminé la commande.
• Ordre des menus : la priorité du produit dans le panier. Plus le nombre est petit, plus la priorité est élevée.
• Activer la révision

En plus de créer chaque produit manuellement, vous pouvez ajouter des produits simples en vrac avec la fonction d' importation par la deuxième méthode.

Méthode 2 : ajouter des produits simples en vrac avec la fonction d'importation

Pour ajouter des produits simples en masse avec la fonction d'importation, vous avez d'abord besoin d'un fichier CSV. Ce fichier CSV contient certains champs de produits tels que le nom, la description, le prix, le SKU, etc. Vous pouvez exporter ce fichier CSV depuis un autre site Web de commerce électronique ou en créer un manuellement avec Excel (choisissez le format CSV dans la section Enregistrer sous d'Excel).

Vous pouvez télécharger l'exemple de fichier CSV ici.

Voyons comment nous procédons :

Tout d'abord, accédez à Produits > Tous les produits > Importer .

Sur l'écran suivant, téléchargez votre fichier CSV puis cliquez sur Continuer :

Dans la section Mappage de colonnes , choisissez les champs que vous souhaitez importer :

Après cela, faites défiler vers le bas et cliquez sur Exécuter l'importateur :

Après avoir terminé, vous pouvez cliquer sur Afficher les produits pour voir les nouveaux produits :

Voici deux produits que nous avons importés :

Après avoir ajouté des produits simples, nous devons configurer leur affichage sur le site Web afin qu'ils soient plus beaux.

Personnaliser l'affichage simple du produit sur le site Web

Dans cette section, nous allons configurer l'affichage de la page du produit et du magasin afin qu'ils soient plus beaux, plus professionnels et plus pratiques pour les clients.

Personnaliser l'affichage de la page produit

Il existe de nombreux thèmes de commerce électronique sur le marché. Ces thèmes vous aident à afficher magnifiquement les produits simples. De plus, certains thèmes choisissent la page produit comme page d'accueil ou ajoutent la page produit au menu par défaut. Cela peut aider les clients à voir votre page produit juste après avoir atterri sur votre site.

Cependant, tous les thèmes ne s'affichent pas comme ça. Ainsi, je vais vous montrer comment ajouter la page produit au menu et choisir la page produit comme page d'accueil manuellement !

Ajouter la page du produit au menu

Nous avons un article qui explique comment ajouter/supprimer une section sur la page de menu, vous pouvez vous y référer ici.

Choisissez la page du produit comme page d'accueil

Tout d'abord, cliquez sur Customizer dans la barre de menus Admin :

Dans la barre latérale gauche, choisissez Paramètres de la page d'accueil :

Après cela, choisissez Une page statique dans la section Votre page d'accueil s'affiche , choisissez Acheter dans la section Page d'accueil , puis cliquez sur Publier .

Tada ! Nous avons fini de choisir la page d'accueil comme page produit :

Ensuite, je vais vous présenter quelques paramètres intéressants dans la section Personnaliser pour rendre le site Web de commerce électronique plus beau.

Personnaliser l'affichage du magasin (non requis)

Toujours dans le Customizer , rendez-vous sur WooCommerce :

Dans la section WooCommerce , il y a des petites sections comme suit (voir l'image) :

Maintenant, je vais expliquer brièvement l'utilisation de chaque section :

• Avis de magasin :

Cette section vous permet d'afficher une notification en haut de la page comme ci-dessous :

• Catalogue de produits :

Dans la section Catalogue de produits , vous pouvez ajouter une barre latérale, personnaliser la façon dont la page de produit affiche / gère les produits, personnaliser le nombre de produits dans une ligne et le nombre de lignes sur une page.

• Images du produit :

Dans la section Images du produit , vous pouvez modifier la longueur et le rapport hauteur/largeur de l'image du produit afin qu'elle soit plus belle et plus équilibrée.

• Découvrez :

Dans cette section, vous pouvez personnaliser le formulaire de paiement en ajoutant/supprimant des sections telles que le nom de l'entreprise, le numéro de téléphone, l'emplacement. Vous pouvez également afficher les pages Politique de confidentialité et Termes et conditions .

• Optimisation : Activez cette section par défaut sauf si vous utilisez des blocs WooCommerce.

Comme vous pouvez le voir, le plugin WooCommerce permet aux utilisateurs de personnaliser l'affichage du magasin de manière flexible. En fonction des caractéristiques, des besoins et des goûts de chacun, vous pouvez éditer cette section de différentes manières.

Derniers mots

Nous espérons que vous avez appris à ajouter un produit simple avec le plugin WooCommerce après 15 minutes de lecture. Dans le prochain article, nous allons apprendre comment créer une boutique en ligne, alors ne le manquez pas !

De plus, certains produits peuvent contenir des informations que WooCommerce ne prend pas en charge. Cette fois, vous pouvez utiliser des champs personnalisés avec le plugin Meta Box pour ajouter ces informations, obtenez plus de détails ici.