A3iformations · Formation WordPress

Gestion et création du catalogue WooCommerce

Créer des fiches produits qui vendent, structurer le catalogue et le site avec catégories, étiquettes et attributs, gérer promotions et campagnes webmarketing, et enrichir les produits de photos, vidéos, PDF et pièces jointes.

10 notions + atelierPas à pas + astucesExercices corrigésSuite du module WooCommerce
01

Anatomie d’une fiche produit

Produits › Ajouter un produit

Zone de l’éditeurAffichage sur la boutique
Nom du produitTitre H1 de la fiche et du résultat Google
Description longueOnglet Description sous le produit
Données produit › GénéralPrix normal, prix promo et dates de promotion
Données produit › InventaireRéférence (UGS), stock, mention « En stock »
Données produit › ExpéditionPoids et dimensions, onglet Informations complémentaires
Données produit › Produits liésProduits suggérés : montée en gamme et ventes croisées
Données produit › AttributsCaractéristiques (matière, taille) et filtres
Description courteTexte à côté du prix et du bouton d’achat
Image produit et galeriePhoto principale et vignettes zoomables
Catégories et étiquettesClassement et navigation

Produits liés

  • Produits suggérés (montée en gamme) : affichés sur la fiche, version supérieure du produit.
  • Ventes croisées : affichées dans le panier, produits complémentaires (une housse avec une tablette).

Exercice 1 · Découverte

Ouvrez un produit de votre boutique de test et retrouvez où s’affichent sur la fiche publique la description courte, la référence et le poids.

Voir le corrigé

Description courte : à droite de la photo, sous le prix. Référence (UGS) : sous le bouton d’achat, avec les catégories. Poids : onglet Informations complémentaires sous le produit.

02

Rédiger une fiche produit qui vend

Contenu · référencement · confiance

  1. Nom : type de produit + marque ou modèle + caractéristique clé (« Mug isotherme inox 350 ml »).
  2. Description courte : 3 à 5 lignes de bénéfices, ce que le client y gagne.
  3. Description longue : usages, caractéristiques détaillées, entretien, questions fréquentes, avec intertitres H2.
  4. Réassurance : délai de livraison, retours, paiement sécurisé, avis clients.
  5. SEO : titre SEO, méta-description, slug court, texte alternatif des photos.
AstuceRépondez dans la description aux questions que les clients posent par e-mail ou au téléphone : chaque réponse ajoutée lève un frein à l’achat et enrichit le référencement.
AttentionNe recopiez pas la description du fournisseur : des dizaines de boutiques ont le même texte. Réécrivez-la avec vos mots et votre expertise.

Exercice 2 · Application

Rédigez le nom, la description courte et 3 intertitres de description longue pour un « livret Excel TCD » vendu en PDF.

Voir le corrigé

Nom : « Livret PDF Excel : maîtriser les tableaux croisés dynamiques ». Courte : « 40 pages pas à pas pour créer, filtrer et mettre en forme vos TCD. Exercices corrigés inclus. Téléchargement immédiat. » Intertitres : « Ce que vous saurez faire », « Contenu du livret », « Pour qui ? Niveau requis ».

03

Les catégories de produits

Produits › Catégories

Les catégories forment l’arborescence de la boutique, comme les rayons d’un magasin. Elles sont hiérarchiques : une catégorie peut avoir des sous-catégories.

  1. Ouvrir Produits › Catégories.
  2. Saisir le nom, le slug et, pour une sous-catégorie, la catégorie parente.
  3. Rédiger une description : elle s’affiche en haut de la page catégorie et compte pour le référencement.
  4. Ajouter une image miniature, utilisée dans les blocs de catégories.
  5. Cliquer sur Ajouter une nouvelle catégorie, puis classer les produits.
AstuceLimitez la profondeur à 2 ou 3 niveaux et évitez les catégories qui ne contiennent qu’un produit : le client doit trouver ce qu’il cherche en 3 clics.
Bon à savoirLa catégorie par défaut « Non classé » reçoit les produits sans catégorie. Renommez-la (par exemple « Nouveautés ») pour ne jamais l’afficher telle quelle.

Exercice 3 · Application

Créez l’arborescence : Supports de cours (Excel, Word, PowerPoint) et Goodies (Mugs, Carnets).

Voir le corrigé

Produits › Catégories › créer « Supports de cours » puis « Excel », « Word », « PowerPoint » avec parent Supports de cours ; créer « Goodies » puis « Mugs » et « Carnets » avec parent Goodies. Ajouter une description et une image à chaque catégorie principale.

04

Étiquettes, attributs et filtres

Produits › Étiquettes · Produits › Attributs

OutilRôleExemple
CatégorieRayon principal, hiérarchiqueSupports de cours › Excel
ÉtiquetteMot-clé transversal, sans hiérarchieDébutant, Certification TOSA, Cadeau
AttributCaractéristique mesurable, sert aux variations et aux filtresFormat (PDF, papier), Couleur, Taille
  1. Créer l’attribut dans Produits › Attributs (nom « Format »), puis Configurer les termes (PDF, Papier).
  2. Dans chaque produit, onglet Attributs, ajouter l’attribut et ses valeurs.
  3. Sur la page Boutique, ajouter le bloc Filtres de produits (par attribut, prix, note) dans la barre latérale ou le modèle Catalogue.
AstuceCréez les attributs globalement dans Produits › Attributs plutôt que produit par produit : ils deviennent alors utilisables comme filtres sur toute la boutique.

Exercice 4 · Application

Créez l’attribut « Niveau » (Débutant, Intermédiaire, Expert), attribuez-le à 3 livrets et ajoutez un filtre par niveau sur la boutique.

Voir le corrigé

Produits › Attributs › « Niveau » › Configurer les termes : Débutant, Intermédiaire, Expert. Pour chaque livret : onglet Attributs › Niveau › valeur › Enregistrer. Modèle Catalogue de produits (ou widgets) › bloc Filtres de produits › filtre par attribut « Niveau ».

05

Structurer le catalogue et le site

Menu · URL · fil d’Ariane · page d’accueil

  • Menu : un lien par catégorie principale, avec sous-menu pour les sous-catégories (ou un méga menu pour un gros catalogue).
  • URL : dans Réglages › Permaliens, définir la base des produits (/boutique/ ou /produit/) et des catégories (/categorie-produit/).
  • Fil d’Ariane : Accueil › Supports de cours › Excel › Livret TCD, pour se repérer et pour Google.
  • Accueil de la boutique : blocs Catégories de produits, Produits en promotion, Meilleures ventes, Nouveautés.
  • Recherche : bloc Recherche de produits dans l’en-tête.
AttentionRéglez les bases d’URL avant d’ouvrir la boutique : les modifier ensuite change l’adresse de toutes les fiches et impose des redirections 301.

Exercice 5 · Application

Ajoutez au menu principal un élément « Boutique » avec les sous-éléments Supports de cours et Goodies, et une recherche de produits dans l’en-tête.

Voir le corrigé

Thème classique : Apparence › Menus › Pages : Boutique ; Catégories de produits : Supports de cours, Goodies glissés sous Boutique › Enregistrer. Thème à blocs : Éditeur › En-tête › bloc Navigation › ajouter les liens, puis bloc Recherche de produits.

06

La gestion des promotions : prix promo et codes promo

Données produit › Prix promo · Marketing › Codes promo

Le prix promo programmé

  1. Dans le produit, onglet Général, saisir le Tarif promo.
  2. Cliquer sur Planifier et choisir les dates de début et de fin.
  3. Le prix barré et le badge « Promo ! » s’affichent automatiquement pendant la période.

Le code promo

  1. Ouvrir Marketing › Codes promo › Ajouter un code promo.
  2. Saisir le code (par exemple RENTREE15) et choisir le type de remise.
  3. Onglet Restriction d’usage : montant minimum, produits ou catégories concernés.
  4. Onglet Limites d’utilisation : nombre d’utilisations au total et par client.
  5. Définir la date d’expiration et Publier.
Type de remiseEffet
Pourcentage de remise-15 % sur les produits concernés
Remise fixe sur le panier-10 € sur le total du panier
Remise fixe sur le produit-5 € sur chaque produit concerné
Livraison gratuiteCase à cocher, avec une méthode « Livraison gratuite » qui accepte les codes promo
AttentionEn France, une annonce de réduction doit se calculer à partir du prix le plus bas pratiqué dans les 30 jours précédents, et les soldes ne sont autorisés qu’aux périodes fixées par la loi. Vérifiez les règles en vigueur sur economie.gouv.fr.

Exercice 6 · Application

Créez le code STAGIAIRE10 : -10 % sur la catégorie Supports de cours, dès 20 € d’achat, une fois par client, valable jusqu’au 31 décembre.

Voir le corrigé

Marketing › Codes promo › Ajouter › code STAGIAIRE10 › Pourcentage de remise, 10 › date d’expiration 31/12 › Restriction d’usage : dépense minimale 20, catégories Supports de cours › Limites : 1 par utilisateur › Publier. Tester dans le panier.

07

Les campagnes webmarketing

E-mail · Google · réseaux sociaux · panier abandonné

CanalOutil pour WooCommerceUsage
NewsletterMailPoet, Brevo, MailchimpNouveautés, promotions, contenus conseils
Panier abandonnéExtensions de relance (MailPoet, CartFlows, extensions dédiées)E-mail automatique quelques heures après l’abandon
Google ShoppingGoogle for WooCommerce, Google Merchant CenterProduits affichés avec photo et prix dans Google
Réseaux sociauxFacebook for WooCommerce (catalogue Meta), PinterestBoutique Facebook et Instagram, épingles produits
MesureGA4 avec suivi des achats, liens UTMSavoir quelle campagne rapporte des ventes
  1. Définir l’objectif : vendre un produit, vider un stock, recruter des abonnés.
  2. Choisir la cible et le canal.
  3. Préparer l’offre : code promo dédié, prix promo programmé, page d’atterrissage.
  4. Diffuser avec des liens UTM, puis mesurer ventes et taux de conversion.
Bon à savoirPour une newsletter commerciale, il faut le consentement préalable du particulier (case non cochée par défaut) et un lien de désinscription dans chaque e-mail.

Exercice 7 · Maîtrise

Concevez une campagne de rentrée pour les livrets Excel : objectif, cible, offre, canaux et indicateur de réussite.

Voir le corrigé

Objectif : 50 ventes en septembre. Cible : anciens stagiaires et abonnés. Offre : code RENTREE15 (-15 %) du 1er au 30 septembre. Canaux : 2 newsletters, publication LinkedIn, bandeau sur la boutique. Liens UTM par canal. Indicateur : ventes et utilisations du code dans Marketing › Codes promo et Statistiques.

08

Les photographies produits

Image produit · galerie · WooCommerce › Réglages › Produits

RègleRecommandation
FormatCarré (1:1), identique pour tout le catalogue
Taille1 200 à 2 000 pixels de côté, pour un zoom net
PoidsMoins de 200 Ko, en WebP ou JPEG compressé
FondBlanc ou neutre pour la photo principale
Galerie3 à 6 vues : face, dos, détail, en situation, échelle
FichierNom explicite (mug-isotherme-inox-noir.webp) et texte alternatif descriptif
  1. Préparer les photos dans Photoshop : recadrage carré, fond, exportation WebP.
  2. Dans le produit, cliquer sur Définir l’image du produit, puis Ajouter des images à la galerie produit.
  3. Saisir le texte alternatif de chaque image dans la médiathèque.
AstucePour un produit variable, associez une photo à chaque variation (onglet Variations) : quand le client choisit « Noir », la photo noire s’affiche.

Exercice 8 · Application

Préparez et ajoutez 4 photos pour le mug : principale sur fond blanc et galerie de 3 vues, toutes en WebP de moins de 200 Ko.

Voir le corrigé

Photoshop › recadrage 1:1 › taille 1 500 × 1 500 › Exporter en WebP qualité 75 à 80 › noms explicites. Produit › Définir l’image du produit › galerie : 3 images › texte alternatif pour chacune › Mettre à jour. Vérifier le zoom sur la fiche.

09

Les vidéos produits

Description longue · bloc Intégration YouTube

Une courte vidéo de démonstration (30 secondes à 2 minutes) montre le produit en usage et rassure l’acheteur.

  1. Publier la vidéo sur YouTube (ou Vimeo), plutôt que de la téléverser sur le site : elle ne ralentit pas le serveur.
  2. Dans la description longue du produit, coller l’adresse de la vidéo : WordPress l’intègre automatiquement.
  3. Pour l’afficher dans la galerie, à côté des photos, utiliser une extension de vidéo produit.
Bon à savoirUne vidéo YouTube intégrée dépose des cookies : le mode « confidentialité renforcée » (youtube-nocookie.com) et Complianz permettent de respecter le consentement.
AstucePour un livret de formation, une vidéo de 1 minute qui fait défiler quelques pages vaut mieux qu’un long texte : le client voit ce qu’il achète.

Exercice 9 · Application

Intégrez une vidéo YouTube de présentation dans la description d’un livret, sous l’intertitre « Aperçu du contenu ».

Voir le corrigé

Produit › description longue › intertitre H2 « Aperçu du contenu » › coller l’URL YouTube sur une ligne seule (ou bloc Intégration › YouTube) › Mettre à jour › vérifier l’affichage et le respect du bandeau cookies.

10

PDF et pièces jointes

Médiathèque · produit téléchargeable · onglets produit

BesoinSolution
Fiche technique visible avant l’achatPDF téléversé dans la médiathèque, lien ou bloc Fichier dans la description
Notice, conditions, programmeOnglet supplémentaire sur la fiche, avec une extension d’onglets produit
Fichier remis après l’achatProduit Téléchargeable : fichier joint, lien envoyé dans l’e-mail et l’espace client
FactureFacture PDF générée par une extension et jointe à l’e-mail de commande

Vendre un fichier

  1. Dans le produit, cocher Virtuel et Téléchargeable.
  2. Dans Fichiers téléchargeables, ajouter le fichier et son nom.
  3. Régler la limite de téléchargements et la durée de validité du lien.
  4. Dans WooCommerce › Réglages › Produits › Produits téléchargeables, choisir une méthode de téléchargement protégée.
AttentionUn PDF payant ne doit jamais être lié directement depuis une page publique : il serait accessible sans payer. Seul le lien sécurisé de WooCommerce doit le délivrer.

Exercice 10 · Application

Créez le livret TCD en produit téléchargeable (5 téléchargements, lien valable 30 jours) et ajoutez dans sa description un extrait gratuit de 2 pages en PDF.

Voir le corrigé

Produit simple › cocher Virtuel et Téléchargeable › Fichiers téléchargeables › ajouter le livret complet › limite 5 › expiration 30 jours. Médiathèque › téléverser l’extrait › description longue › bloc Fichier › extrait › Mettre à jour. Passer une commande test pour vérifier le lien reçu.

11

Atelier : le catalogue d’une boutique

Atelier noté sur 20 points · boutique de test

La boutique de « Form’Avenir » ouvre avec 6 produits : 4 livrets PDF et 2 goodies. Construisez son catalogue complet.

ConsignePoints
1. Créer l’arborescence de catégories avec descriptions et images2
2. Créer l’attribut Niveau et un filtre sur la boutique2
3. Rédiger 6 fiches complètes (nom, courte, longue, SEO)4
4. Photos conformes : carré, WebP, galerie, textes alternatifs3
5. Livrets en téléchargement sécurisé avec extrait PDF gratuit3
6. Une vidéo intégrée sur un produit1
7. Un prix promo programmé et un code promo restreint3
8. Plan de campagne de lancement avec liens UTM2
Voir le corrigé

1. Produits › Catégories : Supports de cours (Excel, Word…), Goodies. 2. Produits › Attributs › Niveau › bloc Filtres de produits. 3. Méthode de la section 02, titre SEO et description pour chaque fiche. 4. Règles de la section 08. 5. Virtuel + Téléchargeable, limite et expiration, extrait en bloc Fichier. 6. URL YouTube dans la description. 7. Tarif promo planifié sur un goodie ; code LANCEMENT10 restreint à Supports de cours. 8. Objectif, cible, offre, canaux, liens UTM, indicateur.

AstuceCréez une fiche produit modèle parfaite, puis dupliquez-la (Duplicate Page ou la fonction Dupliquer de WooCommerce) pour gagner du temps et garder une présentation homogène.

A3iformations · organisme certifié Qualiopi et centre de passage TOSA · Formation WordPress · Module « Gestion et création du catalogue »