Comment nous avons créé un plugin de commandes manuelles pour WooCommerce

Une grande partie des commandes de nombreuses petites marques e-commerce ne passe jamais par la boutique en ligne : elles arrivent par téléphone ou sous forme de capture d’écran dans une conversation Facebook Messenger. Quelqu’un de l’équipe doit quand même saisir cette commande dans WooCommerce, et l’administration de WooCommerce n’a jamais été conçue pour ce flux de travail.

Le problème de l’écran de commande standard

L’écran natif « Ajouter une commande » de WooCommerce est pensé pour modifier une commande qui contient déjà des articles, pas pour en construire une à partir d’une conversation vierge avec un client. Ajouter un produit implique d’ouvrir un champ de recherche, d’attendre les résultats AJAX, d’ouvrir une liste déroulante de variantes, puis de recommencer pour chaque combinaison de taille ou de couleur : cinq ou six étapes par produit, sur un écran qui suppose que vous connaissez déjà le SKU exact.

Pour une boutique qui prend une douzaine de commandes téléphoniques par jour, cette friction représente du temps réel et de vraies erreurs : sélectionner la mauvaise taille dans une longue liste déroulante est une erreur facile et fréquente.

Ce que nous avons construit

Nous avons créé une page dédiée, le Manual Order Creator, dans wp-admin, pensée de bout en bout pour le traitement des commandes téléphoniques :

• Les informations client d’abord. Les champs nom, téléphone et adresse en haut de la page, dans l’ordre où l’équipe recueille réellement les informations.
• Une recherche de produits incluant les brouillons et les produits privés. Les nouveautés sont souvent préparées avant d’être publiées ; la recherche inclut volontairement les statuts draft et private pour que l’équipe puisse les vendre avant leur lancement.
• Un sélecteur de variantes sous forme de pastilles. Chaque combinaison de taille, couleur et longueur s’affiche comme une pastille cliquable plutôt que dans une liste déroulante. Un clic la verrouille et réduit le sélecteur à un simple lien « Modifier » : le cas courant (choisir une fois et passer à la suite) ne demande qu’un clic, pas un formulaire en plusieurs étapes.
• Un champ de remise fixe qui recalcule le total en direct et est enregistré comme un véritable WC_Order_Item_Fee négatif, pour s’afficher correctement partout ailleurs dans WooCommerce.
• Des frais de livraison récupérés en direct depuis les zones d’expédition de la boutique, au lieu d’être codés en dur : si le propriétaire modifie un tarif, le formulaire se met à jour automatiquement.

Le parcours de confirmation

Après un envoi réussi, une fenêtre plein écran s’affiche avec une grande coche verte, le numéro de la nouvelle commande et deux boutons : View Order et Create Another Order. Le second réinitialise entièrement le formulaire et place le curseur dans le champ du nom du client, pour qu’une personne qui enchaîne les appels n’ait jamais besoin de la souris entre deux commandes.

L’objectif n’était pas seulement « l’équipe peut-elle créer une commande ? », mais « peut-elle en créer dix d’affilée sans perdre le fil ? ».

Points clés

• Les écrans d’administration par défaut sont conçus pour modifier, pas pour une saisie rapide et répétitive : un formulaire dédié est vite rentabilisé dès qu’il y a un vrai volume de commandes.
• Inclure les produits en brouillon ou privés dans une recherche interne est un petit changement qui a un effet important sur la précocité des premières ventes.
• Un écran de confirmation qui anticipe l’action suivante (« en créer une autre ») supprime la friction qu’un simple message de succès laisse derrière lui.

À lire aussi : modifier le statut depuis l’aperçu de commande, le suivi interne de préparation des commandes, notre service de développement de plugins WordPress.

Vous rencontrez une limite similaire dans votre administration WooCommerce ou WordPress ? Parlons-en : ArtinTech Solution conçoit exactement ce type d’outils sur mesure pour les boutiques.