Ihren Beleg anpassen
Wenn Sie das Aussehen Ihres Belegs ändern möchten, stehen Ihnen drei Möglichkeiten zur Verfügung. Wählen Sie die einfachste, die Ihren Anforderungen entspricht — die meisten Filialen benötigen nur die erste.
Drei Möglichkeiten zur Anpassung
1. Eine andere Vorlage wählen
Verwenden Sie eine der fertigen Vorlagen aus der Galerie. Kein Code erforderlich. Ideal für: ein anderes Layout, Preise ausblenden, eine A4-Rechnung, einen Küchenbon.
2. KI um Anpassung bitten
Fügen Sie die Vorlage in ChatGPT oder Claude ein und beschreiben Sie, was Sie möchten. Keine Programmierkenntnisse erforderlich — die Beschreibung erfolgt in einfacher Sprache. Ideal für: kleine Anpassungen wie Formulierungen, Farben oder das Verschieben von Elementen.
3. Manuell bearbeiten
Der integrierte Editor ermöglicht die direkte Bearbeitung der Vorlage. Ideal für: präzise Kontrolle oder wenn Sie bereits HTML-Kenntnisse haben.
Alle drei beginnen am selben Ort: WP Admin → POS → Vorlagen. Die Seite besteht aus zwei Bereichen — Ihre Vorlagen oben (die derzeit verwendeten) und die Vorlagengalerie darunter (die Starter-Bibliothek).
Option 1 — Eine andere Vorlage wählen
Dies ist der einfachste Weg und deckt die meisten Anforderungen ab.
Vorlagengalerie öffnen
Gehen Sie in WP Admin zu POS → Vorlagen. Scrollen Sie an Ihre Vorlagen vorbei zum Abschnitt Vorlagengalerie — das ist die Starter-Bibliothek.
Durchsuchen und Vorschau anzeigen
Filtern Sie nach Kategorie (Beleg, Rechnung, Geschenkbeleg, Küchenbon, Angebot / Bestellung), Format (HTML für Browserdruck, ESC/POS für Thermodrucker) oder Richtung (Links nach rechts oder rechts nach links). Klicken Sie auf die Miniatur einer Karte — oder auf den Link Vorschau in der Fußzeile — um eine Live-Vorschau mit echten Daten Ihrer Filiale zu öffnen.
Verwenden
Klicken Sie auf der Karte auf Vorlage verwenden. WCPOS erstellt eine bearbeitbare Kopie und fügt sie oben auf der Seite zu Ihre Vorlagen hinzu. Aktivieren Sie den Schalter Aktiv in der Zeile, um sie für Belege zu verwenden; ziehen Sie den Griff der Zeile, um die Reihenfolge zu ändern. Mehrere Vorlagen können gleichzeitig aktiv sein — die Kasse wählt sie beim Verkauf aus.
Ein Klick auf Vorlage verwenden erstellt immer eine neue Kopie. Die ursprüngliche Galerievorlage bleibt unverändert, sodass Sie jederzeit zurückkehren und einen anderen Ausgangspunkt wählen können. Wenn mehrere Belegvorlagen aktiv sind, zeigt der Belegbildschirm ein Dropdown-Menü, mit dem die Kasse spontan zwischen ihnen wechseln kann.
Die mitgelieferten Vorlagen
| Vorlage | Format | Verwendungszweck |
|---|---|---|
| Standardbeleg | HTML | Standard — Logo, Artikel, Summen, Zahlung. Geeignet für die meisten Filialen |
| Standardbeleg (RTL) | HTML | Wie Standard, gespiegelt für Arabisch / Hebräisch / Persisch / Urdu |
| Minimal / Modern | HTML | Gleiche Informationen wie Standard, kompakter in der Höhe |
| Detaillierter Beleg | HTML | Vollständige Steuerrechnung — SKU-Spalte, Einzelpreis, Steueraufschlüsselung nach Satz, Adressen |
| Geschenkbeleg | HTML | Nur Artikel — Preise ausgeblendet. Enthält Geschenknachricht und Rückgabebedingungen |
| Rechnung | HTML | Ganzseitige A4/Letter-Rechnung. Enthält einen "So bezahlen Sie"-Bereich für unbezahlte Bestellungen |
| Lieferschein | HTML | Lagerbegleitdokument — Artikel + Mengen, Lieferadresse, keine Preise |
| Angebot / Kostenvoranschlag | HTML | Vorverkaufsdokument mit Preisen und Bedingungen — kein Zahlungsbereich |
| Schmaler Beleg | HTML | Monospace-Beleg für schmales Papier oder HTML-fähige Thermodrucker |
| Einfacher Thermobeleg (58 mm) | Thermal | Übersichtliches 58-mm-Thermolayout |
| Einfacher Thermobeleg (80 mm) | Thermal | Übersichtliches 80-mm-Thermolayout — am häufigsten verwendet |
| Einfacher Thermobeleg 80 mm (RTL) | Thermal | RTL-Variante für 80 mm. Erfordert einen Drucker mit arabischer Codepage |
| Detaillierter Thermobeleg (58 mm / 80 mm) | Thermal | Enthält Steueraufschlüsselung, Adressen, Erstattungen, Zahlungen, Bedingungen und Barcode |
| Küchenbon | Thermal | Nur Artikel, große Schrift, keine Preise — für Zubereitungsstationen |
Die meisten mitgelieferten Vorlagen passen sich automatisch an die Steuereinstellungen Ihrer Filiale an — Filialen mit Preisen inklusive Steuer sehen Bruttopreise und eine Zeile "Steuer enthalten"; Filialen mit Preisen exklusive Steuer sehen Nettopreise mit separat ausgewiesener Steuer. Die Detailliert-Familie zeigt unabhängig von der Einstellung immer eine vollständige Steueraufschlüsselung.
WP-Overnight-Rechnungs- und Lieferscheinvorlagen
Wenn Ihre Website auch PDF Invoices & Packing Slips for WooCommerce von WP Overnight verwendet, fügt WCPOS automatisch zwei zusätzliche Vorlagen zu Ihre Vorlagen hinzu:
| Vorlage | Format | Verwendungszweck |
|---|---|---|
| Rechnung (WP Overnight) | Serverseitig gerendertes HTML | Verwendet das in WP Overnight konfigurierte Rechnungsdokument für die Bestellung im POS |
| Lieferschein (WP Overnight) | Serverseitig gerendertes HTML | Verwendet das in WP Overnight konfigurierte Lieferscheindokument für die Bestellung im POS |
Diese Vorlagen kopieren nicht die integrierten Rechnungs- oder Lieferscheinlayouts von WCPOS. Sie lassen WP Overnight das Dokument für die Bestellung im POS rendern, sodass vorhandene Rechnungsnummern, Branding, rechtliche/steuerliche Felder und WP-Overnight-Vorlagenanpassungen zwischen Online- und Vor-Ort-Bestellungen konsistent bleiben.
Sie erscheinen nur, solange das WP-Overnight-Plugin aktiv ist. Die Ausgabe wird im WCPOS-Druckbildschirm als HTML geöffnet, nicht als separater PDF-Download. Da das Dokument auf dem Server gerendert wird, benötigt der POS beim Drucken dieser Vorlagen eine Verbindung zu Ihrer Website; verwenden Sie die mitgelieferten HTML- oder Thermovorlagen für Offline-Druck.
Zuweisungen pro Filiale
Wenn Sie mehr als eine Filiale (Pro) haben, kann jede Filiale ihre eigene Vorlagenauswahl und Reihenfolge haben, unabhängig von den siteweiten Standards. Das Café um die Ecke kann einen kleinen Thermobeleg mit anderem Logo und anderer Adresse verwenden; das Lager kann einen Lieferschein nutzen; das Hauptgeschäft kann beim Standardbeleg bleiben — alles aus derselben Vorlagengalerie.
Richten Sie dies unter WP Admin → POS → Filialen ein und öffnen Sie dann die Filiale, die Sie konfigurieren möchten. Die Seite Filiale bearbeiten enthält einen Abschnitt Belegvorlagen mit einem Schalter "Filialspezifische Belegvorlagen":
- Schalter aus (Standard) — die Filiale übernimmt die siteweite Vorlagenliste von der Hauptseite POS → Vorlagen.
- Schalter ein — die Filiale erhält ihre eigene Vorlagenauswahl und Reihenfolge, getrennt von den siteweiten Standards. Das Neuordnen per Ziehgriff funktioniert genauso.
Auf derselben Seite Filiale bearbeiten befindet sich auch der Briefkopf jeder Filiale (Logo, Adresse, Kontaktdaten und der Block Belegnachrichten — Grußformel, Rückgabebedingungen, Fußzeile). Die mitgelieferten Vorlagen lesen diese filialspezifischen Felder aus, sodass eine einzige Vorlage "Standardbeleg" an verschiedenen Standorten unterschiedliches Branding tragen kann.
Wenn sich eine Kasse in einer Filiale anmeldet, erscheinen im Beleg-Dropdown nur die aktiven Vorlagen dieser Filiale.
Die Seite Vorlagen in WP Admin legt den Standard für die gesamte Website fest. Die Überschreibung pro Filiale existiert, damit eine einzelne Vorlage (z. B. ein Standardbeleg) an verschiedenen Standorten unterschiedliches Branding tragen kann oder damit ein Standort ein Layout verwenden kann, das die anderen nicht nutzen. Wenn alle Filialen dieselben Vorlagen verwenden sollen, lassen Sie die Zuweisungen pro Filiale einfach leer; dann gelten die siteweiten Standards.
Option 2 — KI um Anpassungen bitten
Wenn die Galerie fast, aber nicht ganz passend ist, kann ein KI-Assistent sie in wenigen Minuten anpassen — HTML-Kenntnisse sind dafür nicht erforderlich.
Vorlage kopieren
Die gewünschte Ausgangsvorlage unter WP Admin → POS → Vorlagen öffnen, in den Editor klicken und den gesamten Text auf der linken Seite markieren (Ctrl/Cmd + A). Dann kopieren.
Gewünschte Änderungen beschreiben
Der KI die gewünschten Änderungen genau beschreiben. Beispiele, die gut funktionieren:
- „Den Filialnamen größer und zentriert darstellen.“
- „Eine Dankesnachricht in Kursivschrift am Ende hinzufügen.“
- „Den Kundennamen ausblenden. Stattdessen die Telefonnummer unter der Bestellnummer hinzufügen.“
- „Den Barcode durch einen QR-Code ersetzen, der auf die Rückgabeseite verlinkt.“
- „Einen Slogan 'Familienunternehmen seit 1987' unter dem Filialnamen hinzufügen.“
Die KI gibt eine überarbeitete Vorlage zurück.
Wieder einfügen
Kopieren Sie die Antwort der KI. Wechseln Sie zurück zum WCPOS-Vorlageneditor, markieren Sie alles (Strg/Cmd + A), fügen Sie die neue Version ein und klicken Sie auf Aktualisieren. Die Vorschau auf der rechten Seite wird aktualisiert, sodass Sie das Ergebnis sehen können. Wenn es nicht richtig aussieht, bitten Sie die KI um eine Korrektur — beschreiben Sie, was nicht stimmt.
Jeder Klick auf Vorlage verwenden in der Galerie erstellt eine neue bearbeitbare Kopie, sodass das Original unverändert bleibt. Beim Experimentieren kann dieselbe Galerievorlage mehrfach verwendet werden — benennen Sie die Kopien um (Beleg v1, Beleg v2) und wechseln Sie zwischen ihnen, bis Sie sich entschieden haben.
Die Ausdrücke wie {{store.name}} und {{order.number}} sind Platzhalter für Ihre tatsächlichen Daten. Die KI versteht diese — Sie müssen es nicht. Eine vollständige Übersicht aller verfügbaren Platzhalter finden Sie in der Belegdaten-Referenz.
Option 3 — Manuell bearbeiten
Mit HTML-Grundkenntnissen (oder in Zusammenarbeit mit einem Entwickler) kann die Vorlage direkt im integrierten Editor bearbeitet werden. Der Editor bietet Live-Vorschau, Syntaxhervorhebung, eine durchsuchbare Feldauswahl, Rückgängig/Wiederherstellen und Suchen-und-Ersetzen.
Wählen Sie die gewünschte Engine:
- HTML-Vorlagen — Platzhalter im Mustache-Stil mit
{{variable}}. Werden clientseitig gerendert und funktionieren offline. Für die meisten Filialen empfohlen. - Thermovorlagen — XML für ESC/POS-Thermodrucker. Dieselbe Vorlage erzeugt sowohl die Bildschirmvorschau als auch die Druckerausgabe.
- Belegdaten-Referenz — Alle verfügbaren Platzhalter, nach Abschnitt gruppiert.
Falls zuvor der Beleg mit einer PHP-Datei im Theme überschrieben wurde (yourtheme/woocommerce-pos/receipt.php), funktioniert das weiterhin. Diese Option wird nun in der Galerie als Alte PHP-Vorlage angezeigt und steht neben den neuen logiklosen und Thermo-Engines. Die WP-Overnight-Integration nutzt ebenfalls den serverseitig gerenderten Pfad, da die Dokument-API des Drittanbieters HTML auf dem Server rendert. Neue Anpassungen sollten stattdessen die Galerie oder den In-App-Editor verwenden – sie funktionieren offline, bieten eine Live-Vorschau und benötigen keinen Server-Roundtrip.
Häufige Anpassungen
Schnelle Antworten auf die am häufigsten gestellten Fragen.
Wie füge ich das Logo meiner Filiale hinzu?
Logos stammen aus den Filialeinstellungen, nicht aus der Vorlage selbst. Unter WP Admin → POS → Einstellungen → Filialen kann die Filiale bearbeitet und dort ein Logo hochgeladen werden. Jede mitgelieferte Vorlage, die ein Logo anzeigt, verwendet es automatisch.
Um die Position des Logos in der Vorlage zu ändern, kann die Vorlage bearbeitet und der {{#store.logo}}<img src="{{store.logo}}" ...>{{/store.logo}} Block an die gewünschte Stelle verschoben werden.
Wie ändere ich den Fußzeilentext (z. B. 'Vielen Dank für Ihren Einkauf!')?
Zwei Möglichkeiten:
- Am einfachsten — einmalig für alle Belege festlegen unter WP Admin → POS → Einstellungen → Filialen → Filialdetails → Belegfußzeile / persönliche Notiz. Mitgelieferte Vorlagen übernehmen dies automatisch; ist keine Fußzeile festgelegt, wird ein freundlicher Standardtext wie "Vielen Dank für Ihren Einkauf!" verwendet.
- In einer einzelnen Vorlage — die Vorlage bearbeiten und den Fußzeilentext direkt ersetzen. Nach
{{store.personal_notes}}oder der wörtlichen Dankeszeile suchen.
Wie füge ich eine Tagline oder einen Slogan unter dem Filialnamen hinzu?
Die Vorlage bearbeiten und eine Zeile unter {{store.name}} hinzufügen:
<div style="font-style: italic; color: #6b7280;">Family-owned since 1987</div>
In einer Thermodruck-Vorlage:
<align mode="center"><text>Family-owned since 1987</text></align>
Wie blende ich Preise aus (für einen Geschenkbeleg)?
Auf der Geschenkbeleg-Karte in der Galerie auf Vorlage verwenden klicken — alle Preise und Summen werden ausgeblendet, während Artikel, SKU, Attribute und die Geschenknachricht weiterhin angezeigt werden. Keine Bearbeitung erforderlich.
Um einen eigenen preisfreien Beleg zu erstellen, eine beliebige Vorlage kopieren und die Blöcke {{...total...}}, {{...price...}} und {{#totals}}...{{/totals}} entfernen.
Wie ändere ich den Barcode in einen QR-Code?
Das <barcode> -Element in der Vorlage suchen und das type -Attribut ändern:
<!-- Default: Code 128 barcode of the order number -->
<barcode type="code128">{{order.number}}</barcode>
<!-- Switch to a QR code -->
<barcode type="qrcode">{{order.number}}</barcode>
<!-- Or encode something else, like a returns URL -->
<barcode type="qrcode">https://example.com/returns?order={{order.number}}</barcode>
Dieselbe <barcode>-Syntax funktioniert sowohl in HTML- als auch in Thermodruck-Vorlagen. Weitere unterstützte Typen sind ean13, ean8, upca, pdf417 und alles, was bwip-js unterstützt.
Wie sende ich eine andere Vorlage an einen bestimmten Drucker?
Öffnen Sie die App und gehen Sie zu Einstellungen → Druckweiterleitung. Jede aktive Vorlage wird mit einem Drucker-Dropdown daneben angezeigt. Wählen Sie den gewünschten Drucker aus oder lassen Sie die Einstellung auf Auto.
- Auto ordnet Vorlagen automatisch Druckern zu — Thermovorlagen gehen an Thermodrucker, HTML-Vorlagen öffnen den Systemdruckdialog.
- Ein bestimmter Drucker überschreibt Auto und sendet diese Vorlage immer an diesen Drucker.
- Beim Drucken kann die Kasse beide Einstellungen über das Drucker-Dropdown auf dem Belegbildschirm überschreiben.
Die Weiterleitung wird pro Gerät gespeichert, sodass jedes iPad oder jeder Computer eine eigene Einrichtung haben kann.
Mein Beleg zeigt nach der Bearbeitung immer noch die alte Version
Klicken Sie auf dem Bearbeitungsbildschirm der Vorlage auf den WordPress-Button Aktualisieren. Der Editor speichert nicht automatisch — Ihre Änderungen bleiben erst erhalten, wenn Sie aktualisieren.
Bei Legacy-PHP-Vorlagen zeigt die Vorschau im Editor die zuletzt gespeicherte Version, nicht den gerade eingegebenen Inhalt. Speichern Sie zuerst und aktualisieren Sie dann die Vorschau.
Die Vorschau ist leer oder zeigt 'Keine POS-Bestellungen gefunden'
Dies tritt nur bei Legacy-PHP-Vorlagen auf, die eine echte Bestellung für die Vorschau benötigen. Führen Sie eine einzelne POS-Bestellung durch — auch einen $0-Testverkauf — und die Vorschau wird funktionieren.
Logiklose (HTML) und Thermovorlagen verfügen immer über Beispieldaten als Fallback, sodass die Vorschau auch bei einem brandneuen Shop problemlos funktioniert.
Ich habe etwas durcheinandergebracht — wie fange ich neu an?
Drei Sicherheitsnetze:
- Der Editor verfügt über Rückgängig (Strg/Cmd + Z) für Änderungen innerhalb der Sitzung.
- Jedes Speichern erstellt eine WordPress-Revision — öffnen Sie Revisionen auf dem Bearbeitungsbildschirm, um frühere Versionen zu vergleichen und wiederherzustellen.
- Wenn Sie mit einer Galerievorlage begonnen haben, klicken Sie auf Löschen bei Ihrer Kopie unter Ihre Vorlagen und dann erneut auf Vorlage verwenden auf derselben Galeriekarte. Sie erhalten eine neue, unveränderte Kopie.
Wann Sie um Hilfe bitten sollten
- Der Vorlageneditor wird nicht geladen oder Änderungen werden nicht gespeichert.
- Der Beleg wird auf einem Gerät korrekt gedruckt, auf einem anderen jedoch nicht.
- Sie benötigen ein steuerliches/rechtliches Layout für ein bestimmtes Land (Italien, Brasilien, Spanien usw.) — diese werden in der Regel über WCPOS Pro oder eine länderspezifische Integration bereitgestellt.
- Sie versuchen etwas Individuelles umzusetzen und KI liefert nicht ganz das richtige Ergebnis.
Erstellen Sie ein Support-Ticket und fügen Sie die Vorlage ein, an der Sie arbeiten — so haben wir alles, was wir zur Unterstützung benötigen.