Un visiteur a trouvé un produit qui lui plaît. Entre ce moment et la commande validée, tout se joue dans le parcours d’achat : le panier, le tunnel de commande, et l’espace client. Un parcours fluide convertit ; un parcours confus fait fuir. WooCommerce fournit ces étapes clés en quelques pages, modernisées par les blocs. Ce tutoriel vous fait comprendre et optimiser ce parcours pour « TechBoutique », jusqu’au suivi des commandes côté administration.
📍 Guide principal de la série : WooCommerce de zéro : créer une boutique en ligne sur WordPress.
Ce que vous allez apprendre
- Comprendre le panier et la commande en blocs ;
- Configurer les champs et options du tunnel de commande ;
- Choisir entre commande invité et création de compte ;
- Gérer l’espace « Mon compte » côté client ;
- Suivre et traiter les commandes côté administration.
Ce que vous allez construire
Un parcours d’achat complet et testé : un client ajoute un produit de « TechBoutique » au panier, passe commande, reçoit une confirmation, et vous retrouvez sa commande dans l’administration pour la traiter. Vous saurez aussi régler les options qui facilitent l’achat sans friction.
Prérequis
- Une boutique avec au moins un produit publié (voir Créer ses produits WooCommerce) ;
- Un mode de paiement de test activé ;
- Niveau : débutant.
⏱️ Temps estimé : environ 25 minutes.
Étape 1 — Le panier et la commande en blocs
Les versions modernes de WooCommerce remplacent les anciennes pages par des blocs de panier et de commande, plus rapides et plus faciles à personnaliser. Sur un thème de blocs récent, ils sont en place par défaut. Commencez par les repérer.
Ouvrez la page Panier puis la page Commande dans l’éditeur. Vous y voyez les blocs dédiés : récapitulatif des articles, totaux, champs de coordonnées, choix de livraison et de paiement. L’avantage de ces blocs est double : ils chargent plus vite — donc moins d’abandons — et vous pouvez réorganiser ou masquer des éléments directement dans l’éditeur, sans toucher au code. Si votre boutique utilise encore les anciennes pages à codes courts, tout fonctionne aussi, mais la version en blocs est l’avenir.
✅ Point d’étape — Les pages Panier et Commande affichent bien les blocs WooCommerce. Faites un test : ajoutez un produit au panier et avancez jusqu’à la page de commande.
Étape 2 — Configurer le tunnel de commande
Le tunnel de commande demande au client ses coordonnées et son mode de paiement. Moins il y a de friction, plus la commande aboutit. Quelques réglages valent la peine d’être ajustés.
Dans WooCommerce → Réglages → Général et dans les blocs eux-mêmes, vous contrôlez les champs demandés (adresse de facturation, de livraison), et vous pouvez décider de ne réclamer que l’essentiel. La règle d’or : ne demandez que ce dont vous avez réellement besoin pour livrer et facturer. Chaque champ superflu est une occasion d’abandon. Pour des produits physiques comme ceux de « TechBoutique », l’adresse de livraison et un contact suffisent.
✅ Point d’étape — Le tunnel ne demande que les informations nécessaires. Un test de commande doit pouvoir être complété en moins d’une minute.
Étape 3 — Commande invité ou création de compte
Faut-il obliger le client à créer un compte ? C’est un arbitrage important. Imposer un compte ajoute une étape — et donc du renoncement —, mais permet au client de suivre ses commandes et de racheter plus vite.
WooCommerce vous laisse choisir, dans Réglages → Comptes et confidentialité. Le bon compromis pour une jeune boutique est souvent d’autoriser la commande en tant qu’invité, tout en proposant de créer un compte au moment de payer, sans l’imposer. Le client pressé achète sans friction ; celui qui revient souvent crée un compte volontairement. Vous maximisez ainsi les ventes sans renoncer à la fidélisation.
Étape 4 — L’espace « Mon compte »
Les clients qui créent un compte disposent d’un espace dédié, la page Mon compte. C’est là qu’ils retrouvent l’historique de leurs commandes, leurs adresses enregistrées et leurs informations. Connaître cette page vous aide à orienter vos clients.
Visitez « Mon compte » en tant que client de test : vous y voyez les commandes passées, leur statut, et la possibilité de recommander. C’est un outil de fidélisation gratuit — un client qui suit facilement ses commandes revient plus volontiers. Veillez à ce que le lien vers « Mon compte » soit accessible depuis le menu, surtout sur mobile. Vous pouvez aussi personnaliser légèrement cet espace selon votre thème.
✅ Point d’étape — La page « Mon compte » affiche l’historique des commandes d’un client de test. Le lien est accessible depuis la navigation.
Étape 5 — Suivre les commandes côté administration
Chaque commande validée atterrit dans votre administration : c’est votre poste de pilotage. Allez dans WooCommerce → Commandes. Chaque ligne montre le client, le montant, et surtout le statut.
Les statuts racontent le cycle de vie d’une commande : En attente de paiement, En cours (paiement reçu, à préparer), Terminée (livrée), Annulée, Remboursée. Vous faites avancer une commande en changeant son statut, ce qui déclenche souvent un e-mail au client. Ouvrez une commande de test : vous y voyez le détail des articles, l’adresse, et vous pouvez ajouter une note. Ce suivi clair est ce qui transforme une boutique en activité gérable, même avec un volume qui grandit.
✅ Point d’étape — Votre commande de test apparaît dans WooCommerce → Commandes avec son statut. Changez-le de « En cours » à « Terminée » et observez l’effet.
Étape 6 — La confirmation de commande
Dès qu’une commande est passée, le client doit recevoir une confirmation : c’est rassurant et attendu. WooCommerce envoie automatiquement des e-mails de commande, que nous configurerons en détail dans le tutoriel sur la livraison et les e-mails.
Pour l’instant, vérifiez simplement que la confirmation fonctionne. Après une commande de test, le client doit voir une page de remerciement récapitulant sa commande, et recevoir un e-mail de confirmation. Si l’e-mail n’arrive pas, ce n’est pas un bug de WooCommerce mais souvent un problème d’envoi de courriel par votre hébergeur — un point classique que nous traiterons. La page de remerciement, elle, doit toujours s’afficher : c’est le signe que le tunnel va jusqu’au bout.
Réduire l’abandon de panier
L’abandon de panier est le fléau de toute boutique : un client met un produit au panier, puis s’en va sans acheter. On ne le supprime jamais totalement, mais quelques leviers concrets le font baisser nettement, et ils sont à votre portée sans extension payante.
Le premier levier est la transparence des coûts. Beaucoup d’abandons viennent de frais de livraison découverts au dernier moment. Affichez les frais de port tôt, ou proposez un seuil de livraison offerte clairement annoncé. Le deuxième est la brièveté du tunnel : moins de champs, commande invité autorisée, paiement en quelques clics. Le troisième est la confiance : un cadenas HTTPS visible, des moyens de paiement connus, une politique de retour claire rassurent l’acheteur hésitant.
Enfin, pensez au mobile. Une grande partie des achats se fait sur téléphone, et un tunnel mal adapté à un petit écran fait fuir. Testez votre parcours sur un vrai mobile, avec une connexion moyenne : si vous-même trouvez l’étape pénible, vos clients aussi. Ces réglages simples, cumulés, transforment un parcours qui perd des ventes en un parcours qui les convertit.
Coupons et ventes additionnelles
WooCommerce inclut nativement de quoi stimuler les ventes, sans extension. Le premier outil est le coupon de réduction. Dans Marketing → Coupons, créez un code (par exemple « BIENVENUE ») offrant un montant ou un pourcentage de remise, avec éventuellement une date d’expiration ou un montant minimum d’achat. C’est idéal pour un lancement ou pour récompenser un client fidèle.
Le second levier est la vente additionnelle. Sur la fiche d’un produit, WooCommerce permet de suggérer des articles complémentaires — les « ventes croisées », affichées dans le panier, et les « montées en gamme », proposées sur la fiche. Pour « TechBoutique », suggérer un tapis de souris à l’achat d’une souris, ou un câble plus long en montée en gamme, augmente naturellement le panier moyen. Ces recommandations, bien ciblées, rendent service au client autant qu’à votre chiffre d’affaires : elles complètent son achat plutôt que de le détourner. Utilisées avec mesure, elles font partie d’une boutique qui travaille pour vous, même quand vous dormez.
Pièges fréquents
| Symptôme | Cause probable | Correctif |
|---|---|---|
| Beaucoup de paniers abandonnés | Tunnel trop long, compte imposé | Autoriser la commande invité, réduire les champs |
| L’e-mail de confirmation n’arrive pas | Envoi de mail défaillant côté hébergeur | Configurer un envoi SMTP fiable (voir tuto e-mails) |
| Le panier se vide tout seul | Cache mal configuré sur les pages dynamiques | Exclure panier et commande du cache |
| Pas de page « Mon compte » | Page supprimée ou comptes désactivés | Activer les comptes, recréer la page |
| Commande bloquée « en attente » | Paiement non confirmé | Vérifier le mode de paiement, passer le statut manuellement |
Réalités du terrain
Sur un marché où beaucoup achètent depuis un téléphone et avec une connexion variable, un tunnel court et léger n’est pas un détail mais un facteur de vente décisif. Réduisez les champs au strict nécessaire, autorisez la commande invité, et testez tout le parcours sur un vrai mobile. Un point technique fréquent : le panier et la page de commande ne doivent jamais être mis en cache, car ce sont des pages dynamiques propres à chaque visiteur — un cache mal réglé donne des paniers fantômes. Enfin, soignez l’envoi des e-mails : une confirmation qui n’arrive pas inquiète le client et génère des messages inutiles.
Communiquer avec le client après l’achat
La vente ne s’arrête pas à la validation du panier : la relation après-achat fidélise autant qu’un bon produit. WooCommerce vous y aide directement depuis la fiche de chaque commande. Vous pouvez y ajouter une note client, visible par l’acheteur — par exemple « Votre colis part demain, numéro de suivi à venir » — qui le rassure et réduit les messages d’inquiétude.
Chaque changement de statut peut également déclencher un e-mail automatique. Faire passer une commande en « Terminée » prévient le client que son colis est en route ; cette régularité construit la confiance. Une boutique qui communique aux bons moments — confirmation, expédition, livraison — donne une impression de sérieux qui pousse le client à revenir. Ces petites attentions, intégrées au flux normal de traitement des commandes, ne coûtent rien et font une vraie différence sur la réputation de « TechBoutique ».
Récapitulatif
Vous maîtrisez maintenant le parcours d’achat : panier et commande en blocs, configuration d’un tunnel sans friction, choix entre commande invité et compte, espace « Mon compte », et suivi des commandes par statut côté administration. « TechBoutique » peut recevoir et traiter de vraies commandes. Il manque encore l’essentiel pour encaisser pour de bon : les passerelles de paiement, objet du tutoriel suivant.
Aide-mémoire
| Élément | Emplacement |
|---|---|
| Pages Panier / Commande | En blocs, éditables dans l’éditeur |
| Champs du tunnel | Blocs de commande + Réglages → Général |
| Commande invité / compte | Réglages → Comptes et confidentialité |
| Espace client | Page « Mon compte » |
| Suivi des commandes | WooCommerce → Commandes |
| Statuts | En attente, En cours, Terminée, Annulée, Remboursée |
À vous de jouer
Défi : passez une commande de test de bout en bout (ajout au panier, commande invité, paiement à la livraison), puis dans l’administration faites-la passer de « En cours » à « Terminée » et vérifiez que le client reçoit la notification.
Voir une piste de solution
En navigation privée, achetez un produit en tant qu’invité avec le paiement à la livraison. La page de remerciement s’affiche. Dans WooCommerce → Commandes, ouvrez la commande, passez son statut à « Terminée » et enregistrez : un e-mail « Commande terminée » part vers le client. Si l’e-mail manque, le problème vient de l’envoi de courriel, pas du statut.
Tutoriels associés
- Créer ses produits WooCommerce — pour avoir quoi vendre.
- Encaisser les paiements : CinetPay, Wave et Stripe — la suite.
Pour aller plus loin
- 🔝 Revenir au guide principal : WooCommerce de zéro : créer une boutique en ligne sur WordPress.
- Documentation officielle : woocommerce.com/document/woocommerce-store-editing.
FAQ
Vaut-il mieux imposer un compte ou autoriser l’invité ?
Pour vendre davantage, autorisez la commande invité tout en proposant la création de compte au paiement. Vous évitez la friction sans renoncer à la fidélisation.
Pourquoi mon panier se vide-t-il parfois ?
Le plus souvent à cause d’un cache appliqué aux pages dynamiques. Panier et commande doivent être exclus du cache.
Les blocs sont-ils obligatoires ?
Non, les anciennes pages à codes courts fonctionnent encore, mais les blocs sont plus rapides et recommandés sur un thème de blocs.
Pourquoi l’e-mail de confirmation n’arrive-t-il pas ?
Généralement parce que l’hébergeur envoie mal les courriels. La solution est de passer par un envoi SMTP fiable, détaillé dans le tutoriel sur les e-mails.