Benutzerhandbuch

Editor für eigene Vorlagen

Bauen Sie Ihr eigenes Rechnungslayout aus 25 Galerie-Vorlagen oder von Grund auf, gestalten Sie jedes Element, beschränken Sie es auf Profile und nutzen Sie es.

Aktualisiert: 2026-09-09

Die zwölf eingebauten Designs decken die meisten Rechnungen ab, aber sie entscheiden für Sie, wo Logo, Daten und Kundenadresse hinkommen. Der Editor für eigene Vorlagen lässt Sie diese Teile selbst zusammenstellen. Sie platzieren Elemente in sechs Slots rund um einen festen Hauptteil, gestalten jedes einzeln und speichern das Ergebnis als eigene Vorlage. Von da an kann jede Rechnung mit zwei Tipps auf diese Vorlage umgestellt werden, und das PDF wird von einem separaten Custom-Renderer gezeichnet statt von einem der zwölf Designs.

Diese Anleitung begleitet Nadia Okafor von Fern & Petal Floral Design Studio in Portland, Oregon. Sie möchte eine ruhige, überwiegend weiße Seite für Hotel- und Restaurantkunden: ein breites Logo und zwei Kontaktzeilen links, die Rechnungsdetails und die Kundenadresse rechts und eine einzelne grüne Dankeszeile in der Fußzeile. Ihre Rechnung FP-2026-0218 an das Alder Street Hotel wird für das fertige PDF verwendet. Sie führt außerdem ein zweites Geschäftsprofil, Fern & Petal Weddings, weshalb die Funktion zur Profilbeschränkung unterwegs auftaucht.

Was Sie auf dem Bildschirm sehen

Eigene Vorlagen liegen in den Einstellungen (Settings) unter der Zeile PDF-Vorlagen (PDF templates, Untertitel „Erstelle und verwalte eigene Layouts”). Der Bildschirm hat drei Tabs. Meine (Mine) listet die von Ihnen gespeicherten Vorlagen als zweispaltiges Kartenraster. Galerie (Gallery) enthält 25 Startlayouts in sechs Kategorien, die sich vorausgefüllt im Editor öffnen. Paletten (Palettes) ist der Ort, an dem eigene Farbsätze gebaut werden; dieser Tab wird in der Paletten-Anleitung behandelt und ist hier nur relevant, weil eine gespeicherte Vorlage sich merkt, welche Palette sie verwendet.

Jede Karte in Meine zeigt ein schematisches, aus dem Layout gezeichnetes Vorschaubild (farbige Balken, kein echtes PDF-Rendering), den Vorlagennamen in Fett und eine Verfügbarkeitszeile, die entweder Alle Profile (All profiles) oder Auf bestimmte Profile beschränkt (Restricted to specific profiles) lautet. Eine weiße Drei-Punkte-Schaltfläche in der Ecke des Vorschaubilds öffnet ein Menü mit Duplizieren (Duplicate) und Löschen (Delete). Ein Tipp irgendwo sonst auf die Karte öffnet den Editor. Die Schaltfläche + unten rechts startet eine leere Vorlage. Wenn die Liste leer ist, sagt der Bildschirm „No custom templates yet. Tap + to build one.”

Bildschirm PDF templates der Invoice Flow App auf dem Tab Mine mit drei Karten: Fern & Petal minimal in Grün, markiert mit All profiles, Wedding proposal in Rosé, markiert mit Restricted to specific profiles, und Wholesale stems in Anthrazit, plus einer Schaltfläche +
Der Tab Meine listet gespeicherte Vorlagen; das Vorschaubild ist ein Schema des Layouts in seiner Palette.

Der Editor selbst ist eine einzige scrollbare Seite. Die Titelleiste ist ein bearbeitbares Namensfeld mit dem Hinweis Vorlagenname (Template name), gefolgt von drei Bedienelementen: einem Augen-Symbol (Vorschau, Preview), einem Schieberegler-Symbol (Verfügbarkeit und Optionen, Scope & options) und der Schaltfläche Speichern (Save). Unter der Leiste kommt eine Überschrift Kopfzeile (Header) mit drei Feldern mit den Bezeichnungen Links (Left), Mitte (Center) und Rechts (Right), dann ein grauer Block mit dem Titel Hauptteil (fest) (Body (fixed)), der „Items table, Totals, Signature” auflistet, dann eine Überschrift Fußzeile (Footer) mit einer weiteren Reihe Links, Mitte und Rechts und schließlich eine Karte Verfügbarkeit (Scope), deren Untertitel die Verfügbarkeitseinstellung wiederholt.

Jedes platzierte Element erscheint als abgerundeter Chip in seiner Spalte mit seinem Namen und einer kleinen Drei-Punkte-Schaltfläche. Ausgeblendete Elemente tragen ein durchgestrichenes Augen-Symbol. Jede Spalte endet mit einer Schaltfläche +, die den Elementkatalog öffnet.

Editor für eigene Vorlagen der Invoice Flow App mit dem Titel Fern & Petal minimal: Kopfzeile mit Wide logo, Company name, Email und Website in der linken Spalte, einer leeren mittleren Spalte und Invoice title, Invoice number, Issue date, Due date, Spacer und Client block in der rechten Spalte; ein grauer Block Body (fixed); eine Fußzeile mit Payment terms, Custom text und Tax IDs
Nadias fertiges Layout: sechs Spalten rund um den festen Hauptteil, ein Chip pro Element.

Das Wichtigste ist zu verstehen, was auf dieser Seite nicht vorhanden ist. Es gibt keine Seitengrößenauswahl, kein Randfeld, keinen Spaltenbreiten-Regler und keine Kontrolle über die Positionstabelle, den Summenblock oder die Unterschrift. Der Hauptteil wird immer in dieser Reihenfolge zwischen der Kopfzeile und der Fußzeile gedruckt, mit der Palette, mit der die Vorlage erstellt wurde. Was Sie steuern, ist alles darüber und darunter.

So beginnen Sie eine Vorlage

Sie können mit einer Galerie-Vorlage oder einer leeren Seite beginnen. Der Galerie-Weg ist schneller, weil das Layout bereits stimmig ist und Sie nur entfernen oder umgestalten, was Sie nicht möchten.

  1. Öffnen Sie Einstellungen und tippen Sie auf PDF-Vorlagen.
  2. Wechseln Sie zum Tab Galerie und wählen Sie einen Kategorie-Chip wie Minimal. Scrollen Sie den Palettenstreifen und tippen Sie auf einen Palettennamen, wenn die Vorlage umgefärbt werden soll; Standard (Default) behält die eigene Palette jeder Vorlage.
  3. Tippen Sie auf eine Karte. Der Editor öffnet sich mit dem ausgefüllten Layout der Vorlage und ihrem Namen bereits im Titelfeld.
  4. Um stattdessen bei null zu beginnen, bleiben Sie auf dem Tab Meine und tippen Sie auf +. Der leere Editor ist nicht wirklich leer: Die linke Spalte der Kopfzeile enthält Breites Logo, Firmenname, Adresse, Telefon und E-Mail, die rechte Spalte der Kopfzeile enthält einen fetten Rechnungstitel, Rechnungsnummer, Ausstellungsdatum und Fälligkeitsdatum rechtsbündig, und die linke Spalte der Fußzeile enthält Zahlungsbedingungen und Notizen.
  5. Ersetzen Sie den Namen im Titelfeld durch Ihren eigenen, zum Beispiel Fern & Petal minimal. Eine Vorlage kann ohne Namen nicht gespeichert werden.

Die im Galeriestreifen gewählte Palette wird in die neue Vorlage geschrieben, und das ist der einzige Moment, in dem die Palette einer eigenen Vorlage gesetzt wird; der Editor hat keine eigene Palettenauswahl. Für dasselbe Layout in einer anderen Palette öffnen Sie es erneut aus der Galerie mit einem anderen gewählten Chip.

So ordnen und gestalten Sie die Elemente

Nadias minimale Seite entsteht aus der leeren Vorlage nach einer Handvoll Änderungen: Sie entfernt Adresse und Telefon aus der Kopfzeile, fügt Website hinzu, verschiebt den Kundenblock in die rechte Spalte unter die Daten und setzt eine Dankeszeile in die Fußzeile.

  1. Tippen Sie auf + am Ende der Spalte, in die das Element soll. Ein Blatt listet jedes verfügbare Element in fester Reihenfolge: Quadratisches Logo (Square logo), Breites Logo (Wide logo), Firmenname (Company name), Ansprechpartner (Contact name), Adresse (Address), Telefon (Phone), E-Mail (Email), Website, Steuer-IDs (Tax IDs), Links, Rechnungstitel (Invoice title), Rechnungsnummer (Invoice number), Ausstellungsdatum (Issue date), Fälligkeitsdatum (Due date), Kundenblock (Client block), Kundenname (Client name), Zahlungsbedingungen (Payment terms), Notizen (Notes), Eigener Text (Custom text), Abstand (Spacer) und Trennlinie (Divider). Tippen Sie auf eines, und es wird am Ende dieser Spalte angehängt.
  2. Um die Reihenfolge zu ändern, tippen Sie auf die Drei-Punkte-Schaltfläche eines Chips und wählen Sie Nach oben (Move up) oder Nach unten (Move down). Der erste Chip hat kein Nach oben und der letzte kein Nach unten. Dasselbe Menü enthält Löschen.
  3. Um ein Element in eine andere Spalte zu verschieben, löschen Sie es und fügen Sie es über das + dieser Spalte erneut hinzu; es gibt kein Drag-and-drop und kein Ausschneiden und Einfügen zwischen Spalten.
  4. Tippen Sie auf den Körper eines Chips, um Element-Einstellungen (Element settings) zu öffnen. Schalten Sie Sichtbar (Visible) aus, um das Element an Ort und Stelle zu behalten, es aber aus dem PDF herauszulassen.
  5. Tippen Sie eine Zahl in Schriftgröße (leer = Standard) (Font size (blank = default)) ein, um die Standardgröße zu überschreiben, oder lassen Sie es leer. Wählen Sie Normal oder Fett (Bold) unter Stärke, Links, Mitte oder Rechts unter Ausrichtung und Standard, Primär (Primary), Akzent (Accent) oder Gedämpft (Muted) unter Farbe.
  6. Für ein Element Eigener Text tippen Sie den Wortlaut in das Feld Text ein (bis zu drei sichtbare Zeilen; längerer Text scrollt). Für einen Abstand geben Sie Höhe (px) (Height (px)) ein; der Standard ist 8.
  7. Tippen Sie auf Anwenden (Apply), um die Änderungen für dieses Element zu behalten, oder auf Abbrechen (Cancel), um sie zu verwerfen.
Bottom-Sheet Elementkatalog der Invoice Flow App über dem Vorlageneditor, das Square logo, Wide logo, Company name, Contact name, Address, Phone, Email, Website, Tax IDs und Links mit Symbolen listet
Der Katalog, geöffnet über die +-Schaltfläche einer Spalte; die Liste geht unter Links weiter.
Vorlageneditor der Invoice Flow App mit geöffnetem Drei-Punkte-Menü des Chips Company name, das Move up, Move down und Delete in Rot zeigt
Das Umsortieren geschieht Schritt für Schritt über das Chip-Menü.

Nadias Fußzeilentext ist ein Element Eigener Text in der mittleren Spalte der Fußzeile mit Fett, Mitte und Akzent ausgewählt. Akzent löst sich zur Akzentfarbe der Palette auf, sodass die Zeile in ihrer Palette Forest grün gedruckt wird und rosé oder blau würde, wenn sie die Vorlage mit einer anderen Palette neu bauen würde.

Blatt Element settings der Invoice Flow App für ein Element Custom text: Visible ein, Text lautet Thank you for letting us bring flowers into your space, Font size leer, Weight Bold, Align Center und Color Accent ausgewählt, mit den Schaltflächen Cancel und Apply
Element-Einstellungen für die Dankeszeile in der Fußzeile.

Die vier Farbwahlen sind Tokens, keine festen Farben. Standard druckt Schwarz, Gedämpft ein mittleres Grau, Primär verwendet die Kopfzeilenfarbe der Palette und Akzent ihre Akzentfarbe. Abstand und Trennlinie haben keine Schrift-, Stärke-, Ausrichtungs- oder Farbregler; ein Abstand hat nur seine Höhe, und eine Trennlinie ist immer eine dünne graue Linie mit etwas Abstand.

Kundenblock stapelt Name, Adresse, E-Mail und Telefon des Kunden in einer Spalte, während Kundenname nur den Namen druckt; Nadia verwendet den Block, rechtsbündig in 9 Punkt, sodass er sich unter die Daten schmiegt.

So beschränken Sie eine Vorlage auf bestimmte Profile und speichern sie

Standardmäßig wird eine gespeicherte Vorlage auf jedem Geschäftsprofil angeboten. Nadias Hochzeitslayout soll nur auf ihrem Weddings-Profil erscheinen, also beschränkt sie es.

  1. Tippen Sie im Editor auf das Schieberegler-Symbol Verfügbarkeit und Optionen oder auf die Karte Verfügbarkeit am Ende der Seite.
  2. Wählen Sie im Blatt Vorlagenverfügbarkeit (Template availability) Auf bestimmte Profile beschränken (Restrict to specific profiles).
  3. Haken Sie die Profil-Chips an, die die Vorlage sehen sollen; jedes Geschäftsprofil erscheint mit seinem Namen. Lassen Sie stattdessen In jedem Geschäftsprofil verfügbar (Available on every business profile) ausgewählt, wenn Sie keine Beschränkung möchten.
  4. Tippen Sie auf Fertig (Done). Der Untertitel der Karte Verfügbarkeit wechselt zu Restricted to 1 profile(s) oder wie viele Sie auch angehakt haben.
  5. Tippen Sie in der Titelleiste auf Speichern. Die Schaltfläche zeigt einen kleinen Spinner, während die Vorlage geschrieben wird, dann schließt sich der Editor und die Karte erscheint oben im Tab Meine.
Blatt Template availability der Invoice Flow App über dem Editor der Vorlage Wedding proposal mit gewähltem Restrict to specific profiles und angehaktem Chip Fern & Petal Weddings, während der Chip Nadia Okafor nicht angehakt ist
Die Hochzeitsvorlage wird auf das Weddings-Profil beschränkt.

Vor dem Speichern können Sie auf das Augen-Symbol tippen, um die Vorschau zu öffnen. Sie rendert das Layout durch den echten PDF-Renderer mit den Daten Ihres Standardprofils, zeichnet graue kursive Platzhalter wie „[example: acme.com]”, wo ein Feld leer ist, und hat einen Palettenstreifen, damit Sie dasselbe Layout in anderen Farben sehen können. Dieser Streifen ist nur zum Ansehen; das Schließen der Vorschau ändert die Palette der Vorlage nicht.

So wenden Sie eine eigene Vorlage auf eine Rechnung an

Eine eigene Vorlage ist keine globale Einstellung. Jede Rechnung behält ihre eigene Wahl, und das eingebaute Design und die Palette, die auf der Rechnung gespeichert sind, bleiben darunter erhalten, sodass Sie jederzeit zurückwechseln können.

  1. Öffnen Sie die Rechnung im Editor und scrollen Sie an den Zahlungskarten vorbei nach unten zur Karte Vorlage auswählen (Select Template).
  2. Tippen Sie direkt darunter auf den Aufklapp-Pfeil der Karte Eigene Vorlage (Custom template). Diese Karte existiert nur, wenn mindestens eine gespeicherte Vorlage für das Geschäftsprofil der Rechnung verfügbar ist.
  3. Wählen Sie eine Vorlage nach Namen aus dem Menü. Der Untertitel der Karte wechselt von Eingebaute Vorlage wird verwendet (Using built-in template) zum Namen der Vorlage, und der Untertitel von Vorlage auswählen darüber lautet jetzt Eigene Vorlage.
  4. Speichern Sie die Rechnung. Jede Vorschau, jedes Teilen und jeder Export davon läuft jetzt über den Custom-Renderer.
  5. Um zum eingebauten Design zurückzukehren, öffnen Sie dasselbe Menü und wählen Sie Eingebaute verwenden (Use built-in). Das zuvor gewählte Design und die Palette sind noch da.
Rechnungseditor der Invoice Flow App, gescrollt zur Karte Select Template mit dem Text Custom template und der Karte Custom template darunter, die Fern & Petal minimal zeigt, mit geöffnetem Menü, das Use built-in, Fern & Petal minimal und Wholesale stems listet
Die Karte Eigene Vorlage listet Eingebaute verwenden plus jede für dieses Profil sichtbare Vorlage.

Die Vorlage Wedding proposal fehlt in Nadias Menü, weil diese Rechnung zum Studio-Profil gehört und diese Vorlage auf das Weddings-Profil beschränkt ist. Hier ist FP-2026-0218, gerendert mit der minimalen Vorlage.

PDF der Rechnung FP-2026-0218 der Invoice Flow App aus einer eigenen Vorlage: Fern & Petal Logo, Firmenname, E-Mail und Website links; grüner Titel INVOICE, Nummer, Daten und die Adresse des Alder Street Hotel rechts; eine Positionstabelle mit grünem Kopf und vier Zeilen über insgesamt $2,186.00; Zahlungsbedingungen, eine grüne zentrierte Dankeszeile und die Steuer-ID in der Fußzeile
Der Custom-Renderer druckt die Kopf- und Fußzeilen wie entworfen rund um die Standard-Positionstabelle und die Summen.

Regeln und Details

Tipps

Bauen Sie aus der Galerie, nicht aus der leeren Vorlage, wenn Sie eine andere Palette möchten. Die leere Vorlage ist immer Ocean, und es gibt keinen Weg, eine Vorlage nachträglich umzufärben, außer sie aus einer Galeriekarte mit dem richtigen gewählten Chip neu zu erstellen.
Verwenden Sie wie Nadia einen Abstand in der rechten Spalte der Kopfzeile zwischen den Daten und dem Kundenblock, statt mit leeren Elementen Eigener Text aufzufüllen. Ein Abstand druckt nichts außer seiner Höhe, sodass er nie verirrte Zeichen auf der Seite riskiert.
Wenn Sie mehrere Geschäftsprofile führen, erstellen Sie eine allgemeine Vorlage mit der Verfügbarkeit Alle Profile und beschränken Sie nur die speziellen. Das Menü Eigene Vorlage auf einer Rechnung zeigt zuerst die allgemeinen Vorlagen, gefolgt von denen, die mit dem Profil dieser Rechnung verknüpft sind.

Verwandte Anleitungen