La commande : bouton, CGV, e-mails et rétractation en ligne

6.1Le panier et la commande, en blocs

Sur une boutique installée en 2026, le panier et la commande sont des pages construites avec des blocs. Tu les ouvres dans l'éditeur comme n'importe quelle page, et chaque morceau (les champs d'adresse, le choix de livraison, le paiement, les conditions, le bouton) est un bloc que tu peux sélectionner et régler.

Au labo, le parcours d'origine ressemblait à ça. Le panier listait les produits, un champ « Ajouter des codes promo », les totaux et le détail de la TVA (« Inclut 3,46 € TVA, 0,99 € TVA 5,5 % »), puis un bouton « Valider la commande ». La page de commande, elle, perdait le menu du site : juste le nom de la boutique et l'icône du panier, pour ne pas distraire l'acheteur.

Les champs demandés à un invité : l'e-mail, le pays, le prénom, le nom, l'adresse, le code postal, la ville, et un téléphone facultatif. Une case « Utiliser la même adresse pour la facturation », cochée d'origine. Puis la livraison, le paiement, une note de commande facultative, et en bas, une phrase sur les conditions et le bouton.

C'est ce bas de page qui nous intéresse.

6.2Le bouton « Commander » ne suffit pas

Le bouton d'origine dit « Commander ». C'est court, c'est clair… et ce n'est pas ce que demande le Code de la consommation. L'article L221-14 est précis : « la fonction utilisée par le consommateur pour valider sa commande comporte la mention claire et lisible : commande avec obligation de paiement ou une formule analogue, dénuée de toute ambiguïté, indiquant que la passation d'une commande oblige à son paiement. »

Et la conséquence n'est pas une simple remarque. La fiche de la DGCCRF sur l'e-commerce l'écrit en toutes lettres : « Le bouton dédié à la confirmation de la commande devra comporter, à peine de nullité, la mention « commande avec obligation de paiement » ou toute formule analogue dénuée de toute ambiguïté. »

« Commander » dit-il clairement que la commande oblige à payer ? Je te laisse juge, mais moi je ne prendrais pas le risque, d'autant que la correction prend trente secondes : Pages > Validation de la commande, ouvre-la dans l'éditeur, clique sur le bouton du bas (c'est le bloc « Actions » de la commande), et tape ton libellé directement dedans. Au labo, on a mis le texte de la loi, mot pour mot.

6.3Les CGV : une phrase ou une case ?

Avec une page de CGV déclarée (on l'a fait au chapitre 3), la commande d'origine affiche une phrase au-dessus du bouton : « En continuant vos achats, vous acceptez nos Conditions générales et notre Politique de confidentialité ». Pas de case. L'acceptation se fait en cliquant sur le bouton.

Détail au passage : au labo, seul « Conditions générales » était un lien. « Politique de confidentialité » restait du texte simple, parce que la page de confidentialité de WordPress était encore un brouillon. Publie-la.

Le bloc qui affiche cette phrase (il s'appelle encore « Terms and Conditions », en anglais, dans l'éditeur) a une option qui change tout : « Exiger une case à cocher ». Au labo, une fois l'option activée, la case est apparue, et un clic sur le bouton sans la cocher a affiché : « Vous devez accepter nos Conditions générales et notre Politique de confidentialité pour continuer vos achats. Veuillez lire et accepter les conditions d'utilisation. »

6.4La page « Commande reçue »

Après le clic, le client arrive sur la confirmation : « Commande reçue. Merci. Votre commande a été reçue. » Numéro, date, total, e-mail, moyen de paiement, le détail des produits avec la TVA, et les deux adresses.

Deux constats du labo. L'adresse de la page reste en anglais même dans une boutique française, /commander/order-received/24/, suivie d'une clé. Et WooCommerce la marque en noindex : elle n'a rien à faire dans Google, c'est bien.

6.5Les e-mails : sans serveur d'envoi, rien ne part

Notre labo, comme beaucoup de petits hébergements mal réglés, n'avait aucun moyen d'envoyer un e-mail. WooCommerce n'a affiché aucune erreur au client. Il a simplement ajouté une note dans la commande : « Échec de l'envoi « Nouvelle commande » : Impossible d'instancier la fonction mail. » Et pareil pour l'e-mail du client.

Autrement dit, ta boutique prend la commande, et ni toi ni ton client n'êtes prévenus. L'écran WooCommerce > Réglages > E-mails le dit d'ailleurs lui-même, en haut de page : WooCommerce recommande « de connecter votre adresse e-mail à votre domaine et de configurer un serveur SMTP dédié ».

On a donc branché le labo sur un serveur d'envoi (un serveur SMTP local, qui garde les messages sans les expédier). À la commande suivante, deux e-mails sont partis : « Vous avez une nouvelle commande n°30 » pour la boutique, et « Votre commande sur Labo Boutique Inside da WeB a été reçue » pour le client.

Pour ton site, c'est souvent une extension d'envoi SMTP, branchée sur la messagerie de ton nom de domaine ou sur un service d'envoi. Teste-la avec une vraie commande, et vérifie que le message n'arrive pas en indésirables. Le dossier Mailchimp détaille ce qui fait arriver un e-mail en boîte de réception.

6.6La rétractation en ligne, obligatoire depuis le 19 juin 2026

Le texte européen, l'article 11 bis de la directive 2023/2673, décrit précisément cette « fonction de rétractation » : elle porte « les mots “renoncer au contrat ici” ou une formule analogue dénuée d'ambiguïté », elle « est disponible en permanence pendant toute la durée du délai de rétractation », et une fois la rétractation confirmée, le professionnel envoie au consommateur un accusé de réception sur un support durable, avec la date et l'heure.

En France, c'est l'article L221-21 du Code de la consommation, en vigueur depuis le 19 juin 2026 : « Pour les contrats conclus à distance au moyen d'une interface en ligne, le professionnel met à la disposition du consommateur, sans frais pour ce dernier, une fonctionnalité lui permettant d'exercer gratuitement son droit de rétractation avant l'expiration du délai prévu à l'article L. 221-18. » Et l'article D221-5 fixe les mots : « renoncer au contrat ici » pour la fonction, « confirmer la rétractation » pour l'étape de confirmation.

Ce que fait WooCommerce

La documentation de WooCommerce présente la rétractation de commande comme disponible depuis la version 11.1, sortie le 1er septembre 2026. Elle précise plusieurs choses importantes : la fonction est désactivée par défaut, une demande ne change ni l'état de la commande ni le remboursement, et la fonction elle-même ne garantit pas ta conformité.

On l'a activée au labo : WooCommerce > Réglages > Avancé > Fonctionnalités, case « Rétractation de commande ». Un formulaire public est apparu à l'adresse /mon-compte/withdraw-order/, accessible sans être connecté.

Ce qu'il te reste à faire

Activer la fonction ne suffit pas. Trois choses manquent après le clic :

1. Le lien. WooCommerce l'écrit dans son billet de présentation de la 11.1 : la page n'est liée nulle part par défaut. Or la loi demande une fonction « affichée sur l'interface en ligne de manière visible ». Ajoute un lien bien visible, par exemple dans le pied de page de ta boutique et dans tes e-mails de commande, avec les mots « Renoncer au contrat ici ».
2. Les e-mails. Sans eux, la fonction échoue, on l'a vu. C'est une raison de plus de brancher ton SMTP avant d'ouvrir.
3. Le délai. Selon sa documentation, WooCommerce calcule son avertissement des 14 jours à partir de la date de la commande, faute de connaître la date de livraison. Pour un bien, la loi fait courir le délai à partir de la réception. Ne refuse donc pas une demande sur la seule foi de cet avertissement.

La boutique est réglée, la commande est propre. Il est temps de regarder ce que WooCommerce coûte à ton site en vitesse et en cookies : c'est le chapitre 7.

Co-fondateur de Kōeki · Consultant SEO et IA

Sébastien Grillot

Consultant SEO depuis 2009 : c'est ici, sur Inside da WeB, qu'il a monté sa première agence, spécialisée dans l'e-commerce sous WordPress. Depuis 2021, il accompagne les e-commerçants avec Kōeki.

Son parcours completDiscuter de ta boutique avec KōekimIAou, ma newsletter IA