Wie wir ein Plugin für manuelle Bestellungen in WooCommerce gebaut haben

Ein großer Teil der Bestellungen vieler kleiner Online-Marken läuft nie über den Shop – sie kommen per Telefon oder als Screenshot in einem Facebook-Messenger-Chat. Jemand im Team muss diese Bestellung trotzdem in WooCommerce erfassen, und der WooCommerce-Adminbereich wurde nie für diesen Ablauf gebaut.

Das Problem mit dem Standard-Bestellbildschirm

Der native WooCommerce-Bildschirm „Bestellung hinzufügen“ ist darauf ausgelegt, eine Bestellung mit bestehenden Positionen zu bearbeiten – nicht, eine aus einem leeren Kundengespräch aufzubauen. Ein Produkt hinzuzufügen heißt: Suchfeld öffnen, auf AJAX-Ergebnisse warten, ein Varianten-Dropdown aufklappen und das für jede Größen- oder Farbkombination der Bestellung wiederholen – fünf, sechs Schritte pro Produkt auf einem Bildschirm, der voraussetzt, dass Sie die genaue SKU schon kennen.

Für einen Shop mit einem Dutzend Telefonbestellungen am Tag summiert sich diese Reibung zu echter Zeit und echten Fehlern: Eine falsche Größe in einer langen Dropdown-Liste ist ein leichter und häufiger Fehler.

Was wir gebaut haben

Wir haben in wp-admin eine eigene Seite, den Manual Order Creator, gebaut – von oben bis unten auf den Ablauf telefonischer Bestellungen zugeschnitten:

• Kundendaten zuerst. Felder für Name, Telefonnummer und Adresse ganz oben auf der Seite – in der Reihenfolge, in der das Team die Informationen tatsächlich aufnimmt.
• Produktsuche inklusive Entwürfen und privaten Produkten. Neuheiten werden oft vorbereitet, bevor sie öffentlich sind; die Suche bezieht die Status draft und private bewusst mit ein, damit das Team sie schon vor dem Launch verkaufen kann.
• Eine Variantenauswahl mit Buttons. Jede Größen-, Farb- und Längenkombination erscheint als anklickbarer Button statt als Dropdown. Ein Klick legt die Auswahl fest und reduziert die Auswahl auf einen einzigen „Ändern“-Link – der Normalfall (einmal wählen, weiter) braucht also einen Klick statt eines mehrstufigen Formulars.
• Ein Feld für einen festen Rabatt, das die Bestellsumme live neu berechnet und als korrekte negative WC_Order_Item_Fee gespeichert wird, damit es überall sonst in WooCommerce richtig angezeigt wird.
• Versandkostenoptionen, live aus den eigenen Versandzonen des Shops geladen, statt fest im Code hinterlegt – ändert der Shopbetreiber einen Versandtarif, aktualisiert sich das Formular automatisch.

Der Bestätigungsablauf

Nach dem erfolgreichen Absenden erscheint ein Vollbild-Dialog mit einem großen grünen Haken, der neuen Bestellnummer und zwei Buttons: View Order und Create Another Order. Der zweite setzt das Formular vollständig zurück und setzt den Cursor ins Feld für den Kundennamen – wer Anruf um Anruf entgegennimmt, muss zwischen den Bestellungen nie zur Maus greifen.

Das Ziel war nicht nur „Kann das Team eine Bestellung anlegen?“, sondern „Kann es zehn Bestellungen hintereinander anlegen, ohne den Faden zu verlieren?“.

Die wichtigsten Erkenntnisse

• Standard-Adminbildschirme sind fürs Bearbeiten gebaut, nicht für schnelle, wiederholte Dateneingabe – ein eigenes Formular macht sich bei jedem realen Bestellvolumen schnell bezahlt.
• Entwürfe und private Produkte in eine interne Suche aufzunehmen, ist eine kleine Änderung mit großer Wirkung darauf, wie früh ein Produkt verkauft werden kann.
• Eine Bestätigung, die die nächste Aktion vorwegnimmt („weitere anlegen“), beseitigt die Reibung, die eine bloße Erfolgsmeldung hinterlässt.

Weiterlesen: Bestellstatus direkt in der Vorschau bearbeiten, der interne Fulfillment-Tracker, unsere WordPress-Plugin-Entwicklung.

Stoßen Sie in Ihrem eigenen WooCommerce- oder WordPress-Adminbereich an eine ähnliche Grenze? Sprechen wir darüber – ArtinTech Solution baut genau diese Art von individuellen Shop-Tools.