Terrain 18 — WooCommerce
⏱️ TL;DR — 20 mini-jeux
⭐⭐→⭐⭐⭐⭐pour découvrir WooCommerce, la couche e-commerce de WordPress : produits, commandes, paiements, hooks, personnalisation, et un aperçu du headless (Store API). Marché énorme et technique = missions bien payées (Partie 10).
⚠️ Fais ces jeux sur un site local. Paiements en mode test uniquement.
🕹️ Mini-jeu 1 — Installer WooCommerce ⭐⭐ 🛠️
But : ajouter la boutique. Mission : installe WooCommerce et suis l’assistant. Étapes :
- Extensions → Ajouter → « WooCommerce » → Installer/Activer.
- Suis l’assistant (pays, devise, type de produits).
✅ Solution
WooCommerce crée les pages (Boutique, Panier, Commande, Mon compte), des CPT (product, shop_order), des taxonomies et des réglages. C’est un « framework e-commerce » posé sur WordPress. L’assistant configure l’essentiel.
🕹️ Mini-jeu 2 — Un produit simple ⭐⭐ ✍️
But : vendre quelque chose. Mission : crée un produit simple avec prix et image. Étapes :
- Produits → Ajouter → titre, description, Prix régulier, image du produit.
- Publie, puis vois-le sur la Boutique.
✅ Solution
Un produit est un CPT product avec des données e-commerce (prix, stock, TVA, expédition). L’onglet Données du produit est le cœur. Type par défaut : « Produit simple ».
🕹️ Mini-jeu 3 — Un produit variable ⭐⭐⭐ ✍️
But : tailles/couleurs. Mission : crée un produit variable avec un attribut (ex. Taille : S/M/L).
✅ Solution
Type « Produit variable » + un attribut utilisé pour les variations → chaque variation a son prix/stock/SKU. Modèle du t-shirt en 3 tailles. Plus complexe mais essentiel au retail.
🕹️ Mini-jeu 4 — Catégories de produits ⭐⭐ ✍️
But : organiser le catalogue. Mission : crée 2 catégories de produits et classe tes produits.
✅ Solution
product_cat (catégories) et product_tag (étiquettes) sont les taxonomies de produits — comme pour les articles, mais dédiées. Structurent la boutique et les filtres. Une catégorie = une archive de produits.
🕹️ Mini-jeu 5 — Les pages de la boutique ⭐⭐ 👁️
But : le parcours d’achat. Mission : parcours Boutique → fiche produit → Panier → Commande.
✅ Solution
WooCommerce a généré Boutique, Panier, Commande (checkout), Mon compte. Ce sont des pages avec des blocs/shortcodes Woo. Le tunnel d’achat = ces pages enchaînées. Vérifie qu’elles existent (Woo → État).
🕹️ Mini-jeu 6 — Un moyen de paiement (test) ⭐⭐⭐ 🛠️
But : encaisser (pour de faux). Mission : active le paiement « Chèque » ou Stripe en mode test.
✅ Solution
WooCommerce → Réglages → Paiements. Les modes hors-ligne (chèque, virement) marchent sans compte ; Stripe/PayPal ont un mode test (cartes fictives). Ne jamais tester avec une vraie carte/mode live.
🕹️ Mini-jeu 7 — La livraison ⭐⭐⭐ 🛠️
But : frais de port. Mission : crée une zone de livraison avec un tarif forfaitaire.
✅ Solution
Réglages → Expédition → zones (par pays/région) → méthodes (forfait, gratuit, tarif selon poids). La livraison est une brique à part entière du prix final. Zones = géographie de tes tarifs.
🕹️ Mini-jeu 8 — Les taxes ⭐⭐⭐ 🛠️
But : la TVA. Mission : active les taxes et ajoute un taux.
✅ Solution
Réglages → Général → « Activer les taxes » → onglet TVA → taux par pays. Choisis « prix HT ou TTC ». Sujet réglementaire (varie par pays) — un point où l’expertise se facture.
🕹️ Mini-jeu 9 — Passer une commande de test ⭐⭐ 👁️
But : vivre l’achat. Mission : achète un produit de bout en bout (paiement test).
✅ Solution
Ajoute au panier → checkout → paie en test → commande créée. Tu vis le parcours client complet. Un e-mail de confirmation devrait partir (SMTP requis en local, terrain 09, jeu 25).
🕹️ Mini-jeu 10 — Gérer les commandes ⭐⭐ 🛠️
But : le back-office boutique. Mission : ouvre la commande de test et change son statut.
✅ Solution
WooCommerce → Commandes : statuts (en attente, en cours, terminée, remboursée), détails client, produits, notes. C’est le poste de travail quotidien d’une boutique. Chaque statut déclenche des e-mails.
🕹️ Mini-jeu 11 — Découvrir HPOS ⭐⭐⭐⭐ 💻
But : le stockage moderne des commandes. Mission : vérifie si HPOS est activé (Réglages → Avancé → Fonctionnalités).
✅ Solution
HPOS (High-Performance Order Storage) range les commandes dans des tables dédiées (au lieu de wp_posts) → bien plus rapide à l’échelle. Un plugin qui touche aux commandes doit être compatible HPOS (Partie 10). Détail technique clé.
🕹️ Mini-jeu 12 — Un hook WooCommerce ⭐⭐⭐⭐ 💻
But : s’accrocher au tunnel. Mission : ajoute un message avant le bouton « Ajouter au panier ». Étapes :
add_action( 'woocommerce_before_add_to_cart_button', function () {
echo '<p>Livraison offerte dès 50 € !</p>';
} );✅ Solution
WooCommerce expose des centaines de hooks (woocommerce_before_add_to_cart_button, woocommerce_thankyou…). Tout se personnalise sans toucher au cœur. Les mêmes actions/filtres que WordPress (terrain 12), en version e-commerce.
🕹️ Mini-jeu 13 — Personnaliser par un filtre ⭐⭐⭐⭐ 💻
But : modifier un comportement. Mission : change le texte du bouton « Ajouter au panier ». Étapes :
add_filter( 'woocommerce_product_single_add_to_cart_text', fn() => 'Je le veux !' );✅ Solution
Un filtre modifie une valeur (ici le libellé). WooCommerce est massivement filtrable (prix affiché, textes, champs checkout…). Cherche le hook adéquat dans la doc/le code — comme pour le cœur (terrain 12, jeu 26).
🕹️ Mini-jeu 14 — Surcharger un template ⭐⭐⭐⭐⭐ 💻
But : contrôler le rendu. Mission : copie un template Woo dans ton thème pour le personnaliser. Étapes :
- Copie
plugins/woocommerce/templates/single-product/…versthemes/montheme/woocommerce/….
✅ Solution
WooCommerce cherche ses templates d’abord dans le thème (dossier woocommerce/) avant les siens. Copie puis modifie (comme un thème enfant, terrain 13). ⚠️ Maintiens-les à jour avec Woo (des changements peuvent casser un template surchargé).
🕹️ Mini-jeu 15 — Les e-mails transactionnels ⭐⭐⭐ 🛠️
But : communication client. Mission : personnalise l’e-mail « Commande terminée » (couleur, logo).
✅ Solution
Réglages → E-mails : chaque événement (nouvelle commande, terminée, remboursée) a un e-mail éditable (objet, en-tête, couleurs, logo). Personnalisation basique sans code ; templates surchargeables pour plus.
🕹️ Mini-jeu 16 — Un coupon ⭐⭐⭐ 🛠️
But : promotions. Mission : crée un coupon « -10% » et teste-le au panier.
✅ Solution
Marketing → Coupons : type (pourcentage/montant), montant, restrictions (mini d’achat, produits, expiration). Levier de conversion classique. Testable au checkout avec le code.
🕹️ Mini-jeu 17 — Aperçu de la Store API (headless) ⭐⭐⭐⭐⭐ 💻
But : e-commerce headless.
Mission : ouvre /wp-json/wc/store/v1/products.
✅ Solution
La Store API (wc/store/v1) est l’API publique de WooCommerce pour le front (produits, panier, checkout) — pensée pour le headless (Next.js). Ton pont React + e-commerce (Partie 10) : un créneau technique et bien payé.
🕹️ Mini-jeu 18 — Étendre avec une extension ⭐⭐⭐ 🛠️
But : l’écosystème. Mission : explore le marketplace WooCommerce et repère une extension utile.
✅ Solution
Un immense marché d’extensions (paiements, expédition, abonnements, réservations) — gratuites et payantes (récurrentes). Écrire une extension Woo est une voie de monétisation (Partie 13, projet Niveau 5).
🕹️ Mini-jeu 19 — Les rapports ⭐⭐ 🛠️
But : piloter par les chiffres. Mission : ouvre WooCommerce → Analytics et lis les ventes de test.
✅ Solution
Analytics agrège ventes, produits, commandes, remboursements. Sur une vraie boutique, c’est le tableau de bord de décision. Bon à connaître pour parler « business » avec un client e-commerce.
🕹️ Mini-jeu 20 — Récap WooCommerce ⭐⭐⭐ 🛠️ 💻
But : capstone du terrain (et fin des mini-jeux WordPress !). Mission : une boutique test complète : produits simple + variable, catégories, paiement/livraison/TVA test, une commande passée et gérée, un hook + un filtre de personnalisation, et la Store API explorée.
✅ Solution
Tu sais monter et personnaliser une boutique WooCommerce, et tu vois la porte headless (Store API + Next.js). Tu as bouclé les 18 terrains : de « je découvre wp-admin » à « je code un plugin e-commerce headless ». 🎉
Et maintenant ? Enchaîne sur les projets guidés : ils assemblent tous ces réflexes en réalisations complètes et monétisables.
🎓 Fin des mini-jeux WordPress. ~480 défis, de la découverte pure au code de production. Reviens piocher un terrain quand tu veux muscler un point précis. Retour à la vue d’ensemble ou cap sur les projets guidés.