Vous avez un site WordPress et vous voulez vendre en ligne. Plutôt que de partir sur une plateforme fermée et payante, WooCommerce transforme votre WordPress en boutique complète : produits, panier, paiements, livraison — le tout que vous maîtrisez de bout en bout, sans commission par vente sur le logiciel lui-même. Ce tutoriel vous fait installer WooCommerce et configurer les réglages de base d’une vraie boutique. À la fin, votre site sera prêt à accueillir ses premiers produits.
📍 Guide principal de la série : WooCommerce de zéro : créer une boutique en ligne sur WordPress. Pour la vue d’ensemble, commencez par là.
Ce que vous allez apprendre
- Installer l’extension WooCommerce sur un site WordPress ;
- Suivre l’assistant de configuration sans se tromper ;
- Régler la devise, l’adresse de la boutique et les unités ;
- Comprendre les pages créées automatiquement (Boutique, Panier, Commande, Mon compte) ;
- Vérifier que la boutique fonctionne avant d’ajouter des produits.
Ce que vous allez construire
La base d’une boutique opérationnelle : WooCommerce installé et configuré pour « TechBoutique », un magasin d’accessoires informatiques (claviers, souris, câbles, sacoches) qui servira de fil rouge à toute la série. À la fin de ce tutoriel, les pages essentielles existent et la devise est réglée — il ne manquera plus que les produits.
Prérequis
- Un site WordPress fonctionnel avec un accès administrateur ;
- Un thème compatible — idéalement un thème de blocs récent, pour profiter du panier et de la commande modernes ;
- WordPress et PHP à jour : les versions récentes de WooCommerce exigent PHP 8.3 ou plus (PHP 7.4, désormais en fin de vie, est à éviter) ;
- Niveau : débutant.
⏱️ Temps estimé : environ 25 minutes.
Étape 1 — Installer l’extension WooCommerce
WooCommerce est une extension WordPress gratuite et open source. On l’installe comme n’importe quelle extension, depuis l’administration de votre site. C’est l’étape qui ajoute toutes les fonctions de commerce à WordPress.
Dans le tableau de bord WordPress, allez dans Extensions → Ajouter une extension, tapez « WooCommerce » dans la recherche, repérez l’extension officielle (éditeur Automattic) et cliquez sur Installer, puis sur Activer. Dès l’activation, WooCommerce lance son assistant de configuration. C’est normal : il vous guide pour les réglages essentiels.
✅ Point d’étape — Un nouveau menu « WooCommerce » et un menu « Produits » apparaissent dans la barre latérale de l’administration. Si l’assistant ne se lance pas, vous le retrouverez dans WooCommerce → Accueil.
Étape 2 — Renseigner les détails de la boutique
L’assistant commence par les informations de base de votre commerce. Ces données servent à calculer les taxes, à afficher votre adresse, et à pré-régler la devise. Prenez le temps de les remplir correctement, car elles structurent tout le reste.
Indiquez le pays et l’adresse de votre boutique, puis le secteur d’activité. Pour « TechBoutique », on choisit la vente de produits physiques. L’assistant vous demande aussi le type de produits que vous comptez vendre — des produits physiques, dans notre cas, par opposition à des produits téléchargeables ou des services. Ces choix ne sont pas définitifs : tout reste modifiable plus tard dans les réglages.
✅ Point d’étape — Vos informations de boutique sont enregistrées. Si vous vous êtes trompé, ne recommencez pas tout : vous corrigerez dans WooCommerce → Réglages.
Étape 3 — Régler la devise
La devise est un réglage qu’il vaut mieux fixer tout de suite, car la changer une fois des commandes passées prête à confusion. WooCommerce gère un très grand nombre de devises, dont le franc CFA (XOF), bien adapté à une boutique de la zone.
Rendez-vous dans WooCommerce → Réglages → Général. Dans la section devise, choisissez votre monnaie — par exemple le franc CFA (XOF) — et réglez la position du symbole, le séparateur de milliers et le nombre de décimales. Pour le franc CFA, on met généralement zéro décimale, puisque les prix s’expriment en unités entières. Enregistrez les modifications.
✅ Point d’étape — La devise affichée correspond à votre choix, avec le bon nombre de décimales. Un prix de test doit s’afficher proprement, sans virgule superflue.
Étape 4 — Comprendre les pages créées automatiquement
WooCommerce ne se contente pas d’ajouter des réglages : il crée aussi les pages indispensables au fonctionnement d’une boutique. Les connaître vous évitera de les recréer à la main ou de les supprimer par erreur.
Quatre pages sont générées : Boutique (la liste des produits), Panier (le récapitulatif avant paiement), Commande (le tunnel de paiement, souvent appelé « checkout »), et Mon compte (l’espace client). Sur un thème de blocs récent, le panier et la commande s’appuient sur des blocs dédiés, plus rapides et plus modernes que les anciens codes courts. Vous retrouvez ces pages dans Pages ; ne les supprimez pas, car WooCommerce s’appuie dessus.
✅ Point d’étape — Les pages Boutique, Panier, Commande et Mon compte existent dans la liste des pages. Si l’une manque, vous pouvez la recréer depuis WooCommerce → Réglages → Avancé.
Étape 5 — Activer un mode de paiement de test
Avant même d’avoir des produits, il est utile d’activer un moyen de paiement simple pour pouvoir tester la boutique. WooCommerce propose des méthodes de base prêtes à l’emploi, sans configuration externe. Les vraies passerelles — CinetPay, Wave, Stripe — feront l’objet d’un tutoriel dédié.
Dans WooCommerce → Réglages → Paiements, activez par exemple le paiement à la livraison ou le virement bancaire. Ce sont des méthodes manuelles, parfaites pour vérifier que le tunnel de commande fonctionne de bout en bout sans dépendre d’un service tiers. Vous remplacerez ou compléterez par les passerelles automatiques plus tard.
✅ Point d’étape — Au moins un mode de paiement est activé. Le tunnel de commande pourra ainsi être testé dès que vous aurez un produit.
Étape 6 — Vérifier que la boutique répond
Une configuration ne vaut que si elle fonctionne. Terminons par un contrôle simple. Visitez la page Boutique de votre site (en navigation publique). Elle doit s’afficher, vide pour l’instant, avec la mise en page de votre thème. C’est le signe que WooCommerce est correctement branché sur votre front-end.
Profitez-en pour ajouter le lien vers la boutique et un éventuel bouton « Panier » dans votre menu de navigation, afin que les visiteurs puissent y accéder. Votre socle de commerce est désormais en place : installé, configuré, avec ses pages et sa devise. Le tutoriel suivant ajoute la matière première de toute boutique — les produits.
Pourquoi WooCommerce plutôt qu’une plateforme fermée
Avant de continuer, il vaut la peine de comprendre ce que ce choix implique. WooCommerce n’est pas une plateforme à part : c’est une extension qui ajoute le commerce à WordPress, le système qui propulse une large part du web. Vous restez donc propriétaire de votre boutique — son code, ses données, ses clients — sans dépendre d’un acteur unique.
Face à une plateforme fermée et hébergée, la différence est nette. Une solution en abonnement facture chaque mois et verrouille vos données chez elle ; migrer ailleurs devient pénible. Avec WooCommerce, le logiciel est gratuit, vous choisissez votre hébergeur, et vous pouvez tout exporter. En contrepartie, vous êtes responsable des mises à jour et de la sécurité — ce que cette série vous apprend à gérer. Pour un développeur ou une petite structure qui veut maîtriser ses coûts et ses données, c’est souvent le meilleur compromis : la puissance d’une vraie boutique, sans la rente mensuelle ni l’enfermement.
WooCommerce moderne : HPOS et blocs
WooCommerce a beaucoup évolué, et deux nouveautés importantes méritent d’être connues dès le départ, car elles conditionnent la performance et l’expérience d’achat.
La première est le stockage des commandes haute performance (souvent abrégé HPOS, pour High-Performance Order Storage). Au lieu de ranger les commandes dans les tables génériques de WordPress, WooCommerce utilise désormais des tables dédiées, optimisées pour le commerce. Le résultat est concret : la création de commandes et la recherche dans l’historique deviennent nettement plus rapides, ce qui compte dès que la boutique grandit. Sur une installation récente, ce mode est activé par défaut, vous n’avez rien à faire.
La seconde est le panier et la commande en blocs. Les versions modernes de WooCommerce remplacent les anciennes pages par des blocs dédiés, plus rapides à charger et plus faciles à personnaliser depuis l’éditeur de site. Sur un thème de blocs récent, c’est l’expérience par défaut. Ces deux évolutions ne changent rien à votre travail de débutant, mais il est bon de savoir que vous démarrez sur des fondations modernes — un point que nous exploiterons dans le tutoriel consacré à la performance et à la sécurité.
Pièges fréquents
| Symptôme | Cause probable | Correctif |
|---|---|---|
| L’assistant de configuration ne se lance pas | Conflit d’extension ou rechargement manqué | Aller dans WooCommerce → Accueil pour reprendre la configuration |
| Les prix affichent des décimales en trop | Décimales non réglées pour le franc CFA | Réglages → Général → mettre 0 décimale |
| Le panier ou la commande s’affiche mal | Thème ancien non compatible avec les blocs | Utiliser un thème de blocs récent, ou les pages classiques |
| Page Boutique introuvable | Page supprimée par erreur | La recréer depuis Réglages → Avancé |
| Erreur PHP à l’activation | Version de PHP trop ancienne | Mettre à jour PHP (version 8.x recommandée) via l’hébergeur |
Réalités du terrain
WooCommerce et l’extension de base sont entièrement gratuits : vous ne payez que l’hébergement de votre site et, plus tard, les éventuelles commissions des passerelles de paiement (qui prélèvent par transaction, pas WooCommerce). C’est un avantage décisif face aux plateformes fermées qui facturent un abonnement mensuel. Pour une connexion modeste, l’administration reste fluide ; soignez surtout l’hébergement, car c’est lui qui détermine la rapidité de la boutique. Le franc CFA est nativement géré, tout comme les futures passerelles mobile money — de quoi monter une boutique réellement adaptée à votre marché.
La checklist avant d’ajouter des produits
Avant de passer à la création des produits, un dernier tour de contrôle évite des corrections pénibles plus tard. Vérifiez ces quelques points pendant que la boutique est encore vide, car ils sont bien plus simples à régler maintenant.
- La devise est bonne, avec le bon nombre de décimales (zéro pour le franc CFA) ;
- L’adresse de la boutique est renseignée — elle servira au calcul des taxes et des frais de port ;
- Les quatre pages (Boutique, Panier, Commande, Mon compte) existent bien ;
- Un mode de paiement de test est actif, pour pouvoir valider une commande de bout en bout ;
- La page Boutique s’affiche correctement, y compris sur mobile.
Si ces cinq points sont au vert, votre socle est sain et vous pouvez construire dessus en confiance. C’est exactement ce que fait le tutoriel suivant, en ajoutant les produits qui donneront vie à « TechBoutique ».
Récapitulatif
Vous avez installé WooCommerce, suivi l’assistant, réglé la devise en franc CFA, compris les quatre pages générées automatiquement, activé un paiement de test et vérifié que la boutique répond. Le socle de « TechBoutique » est posé. La prochaine étape consiste à le remplir : créer des produits, des catégories et des variations dans le tutoriel suivant.
Aide-mémoire
| Élément | Emplacement / valeur |
|---|---|
| Installer WooCommerce | Extensions → Ajouter (éditeur Automattic) |
| Devise (XOF, 0 décimale) | WooCommerce → Réglages → Général |
| Pages auto-créées | Boutique, Panier, Commande, Mon compte |
| Modes de paiement | Réglages → Paiements |
| Reprendre la config | WooCommerce → Accueil |
À vous de jouer
Défi : ajoutez la page Boutique et le bouton Panier à votre menu principal, puis affichez la boutique sur mobile pour vérifier qu’elle reste lisible.
Voir une piste de solution
Dans Apparence → Menus (ou l’éditeur de site pour un thème de blocs), ajoutez la page Boutique et, si disponible, le bloc Panier au menu. Enregistrez, puis ouvrez votre site sur un téléphone : la page Boutique doit s’afficher correctement, vide mais bien mise en page. Si elle déborde, le problème vient du thème, pas de WooCommerce.
Tutoriels associés
- Créer ses produits WooCommerce : simples, variables, catégories — la suite directe.
- Encaisser les paiements : CinetPay, Wave et Stripe — pour vendre pour de vrai.
Pour aller plus loin
- 🔝 Revenir au guide principal : WooCommerce de zéro : créer une boutique en ligne sur WordPress.
- Documentation officielle : woocommerce.com/documentation.
FAQ
WooCommerce est-il gratuit ?
Oui, l’extension est gratuite et open source. Vous payez l’hébergement de votre site et, à la vente, les commissions des passerelles de paiement — pas WooCommerce.
Faut-il un thème particulier ?
Non, mais un thème de blocs récent permet de profiter du panier et de la commande modernes. La plupart des thèmes restent compatibles.
Peut-on vendre en franc CFA ?
Oui, le franc CFA (XOF) est nativement pris en charge. Pensez à régler le nombre de décimales sur zéro.
Peut-on changer la devise plus tard ?
Techniquement oui, mais c’est déconseillé une fois des commandes passées, car les anciens montants resteraient dans l’ancienne devise. Mieux vaut la fixer dès le départ.