PDF-Editor

Mit dem PDF-Editor kann das Layout von Vorlagen für Rechnungs- und Lieferschein-PDFs bearbeitet werden. Der Editor ist in der jeweiligen Vorlage verfügbar (QR-Rechnung > Vorlagen > [Vorlage auswählen oder erstellen]).

 

Bereiche und Layout

Ein PDF besteht aus drei Bereichen, welche im Editor einzeln bearbeitet werden können: Kopfzeile, Inhalt und Fusszeile. Kopfzeile und Fusszeile werden im PDF oben bzw. unten auf jeder Seite angezeigt.

Auf dem Bild ist der Bereich „Kopfzeile“ ausgewählt.

Jeder Bereich kann aus mehreren Zeilen bestehen, welche wiederum mehrere Spalten beinhalten können. Zeilen können nur in die drei Bereiche Kopfzeile, Inhalt oder Fusszeile per Drag-and-Drop eingefügt werden (keine Verschachtelung). Die Spaltenbreiten können nach dem Einfügen mittels Verschieben der rechten Kante geändert werden. 

Innerhalb von Spalten können sich mehrere Elemente aus dem Menübereich „Inhalt“ befinden. Inhalts-Elemente können nicht direkt in andere Elemente ausser Spalten eingefügt werden.

Innerhalb des Inhalt-Elements ist eine Zeile ausgewählt. Diese kann in Kopfzeile, Inhalt oder Fusszeile eingefügt oder innerhalb derselben Elemente verschoben werden.
Die linke Spalte innerhalb einer Zeile ist ausgewählt. Diese kann innerhalb der Zeile oder in andere Zeilen verschoben werden.
Das Inhaltselement „Rechnungssteller“ innerhalb der linken Spalte ist ausgewählt. Inhaltselemente können nur in Spalten abgelegt werden.

 

Inhaltselemente

Folgende Elemente können per Drag-and-Drop in Spalten abgelegt werden.

Text

Innerhalb von Textelementen können sich Zeilenumbrüche befinden und der Text oder einzelne Teile davon können fett, kursiv oder unterstrichen formatiert werden.

Zusätzlich können Tags verwendet werden, um bei der Generierung des PDFs automatisch Inhalt einzufügen. Z.B. kann das Tag {wc_order_id} verwendet werden, um an dessen Stelle die ID der mit der Rechnung / dem Lieferschein verbundenen WooCommerce-Bestellung einzufügen. Werden die mit den Tags verbundenen Daten nicht gefunden, wird auf dem PDF an der Stelle nichts angezeigt.

Eine Liste der verfügbaren Tags kann hier gefunden werden.

 

Bild

Bilder werden immer in der vollen Spaltenbreite angezeigt, d.h. um ein Bild zu verkleinern muss die Spalte verkleinert werden.

 

Rechnungsempfänger

Im Tab „Einstellungen“ kann der Text „An:“ geändert werden. Ausserdem kann eingestellt werden, ob die E-Mail-Adresse angezeigt werden soll.

Um den Rechnungsempfänger frei zu konfigurieren, kann stattdessen ein Text-Element mit Tags verwendet werden (siehe Element Text oben). Z.B.:

{payer_company_or_name}
{payer_street}
{payer_zip} {payer_city}
{payer_country}

 

Rechnungssteller

Im Tab „Einstellungen“ kann der Text „Von:“ geändert werden.

Um den Rechnungsempfänger frei zu konfigurieren, kann stattdessen ein Text-Element mit Tags verwendet werden (siehe Element Text oben). Z.B.:

{beneficiary_name}
{beneficiary_street}
{beneficiary_zip} {beneficiary_city}
{beneficiary_country}

 

Bestelldaten

Hier werden die Produkte sowie das Total einer WooCommerce Bestellung angezeigt. Wenn die MWST aktiviert ist, wird diese ebenfalls bei den Produkten sowie im Total angezeigt. 

Unter „Einstellungen“ können die Hintergrundfarben für die Kopfzeile sowie das Total, sowie die inneren Zellenabstände und die Spaltenbreiten geändert werden.

Einstellungen für das Bestelldaten-Element.

 

Barcode

Dieses Element kann nur verwendet, wenn das Plugin „Barcode for WooCommerce“ installiert ist.

Wenn die Rechnung mit einer WooCommerce-Bestellung verknüpft ist und eine Paketetikette der Schweizerischen Post existiert, wird an dieser Stelle die Etikette platziert.

 

WebStamp

Dieses Element kann nur verwendet, wenn das Plugin „WebStamp for WooCommerce“ installiert ist.

Wenn die Rechnung mit einer WooCommerce-Bestellung verknüpft ist und eine Briefmarke der Schweizerischen Post existiert, wird an dieser Stelle die Briefmarke platziert.

 

Stile

Im Tab „Stile“ können je nach ausgewähltem Element verschiedene Layout-Einstellungen vorgenommen werden.

Je nach Option werden die Einheiten in „vw“ oder % angegeben. 1vw bedeutet 1/100 der Breite des PDFs bzw. einer A4-Seite (entspricht 2.1mm). Schriftgrössen werden in % angegeben. 100% entspricht der Schriftgrösse 9pt.

  • Padding: Das Padding bezeichnet den inneren Abstand eines Elements.
  • Schrift: Hier kann die Schriftart, -grösse, -farbe, Zeilenhöhe sowie die Textausrichtung angepasst werden.
  • Rahmen: Rahmen eines Elements können einzeln (oben, unten, links, rechts) gewählt werden, um z.B. eine Trennlinie zu generieren. Um eine dünne Linie zu erstellen, kann z.B. 0.1vw oder 0.2vw gewählt werden.
  • Hintergrund: Die Hintergrundfarbe eines Elements.

 

Ebenen

Im Tab „Ebenen“ wird die Struktur des PDFs als Ebenen angezeigt. Elemente können ausgeblendet und verschoben werden.