Vorlagen-Builder
Gestalten Sie individuelle Rechnungs- und Angebotsvorlagen per Drag-and-drop
Überblick über den Vorlagen-Builder
Der Vorlagen-Builder ist ein leistungsstarker visueller Editor, mit dem Sie individuelle Layouts für Ihre Rechnungen und Angebote gestalten. Mit einer Drag-and-drop-Oberfläche und einem blockbasierten System erstellen Sie professionelle Dokumente im eigenen Branding — ganz ohne Programmierung.
Was Vorlagen steuern: - Layout und Struktur des Dokuments - Positionen und Größen der Blöcke auf einem präzisen Raster - Welche Elemente auf dem Dokument erscheinen (und welche nicht) - Die visuelle Gestaltung jedes Blocks - Das Gesamterscheinungsbild und Branding des Dokuments
Vorteile von Vorlagen: - Einheitliches Branding über alle Dokumente hinweg - Professionelles Erscheinungsbild, das Ihre Marke widerspiegelt - Schneller Vorlagenwechsel beim Erstellen von Dokumenten - Wiederverwendbare Designs für unterschiedliche Zwecke - Keine Programmier- oder Designkenntnisse erforderlich
Hinweis: Der Vorlagen-Builder ist in allen Plänen verfügbar.
Drag-and-drop-Oberfläche für einfaches, intuitives Gestalten
Präzise Positionierung mit einem 24-Spalten-Rasterlayout
22 vorgefertigte Blocktypen, die jeden Teil einer Rechnung abdecken
Sehen Sie Änderungen in Echtzeit auf einer A4-großen Arbeitsfläche, plus eine PDF-Vorschau mit Beispieldaten
Editor-Oberfläche
Der Vorlagen-Builder verwendet ein dreigeteiltes Layout für effizientes Erstellen von Vorlagen.
Linkes Panel - Blockpalette: - Die verfügbaren Blocktypen für den aktuellen Dokumenttyp (Rechnung oder Angebot) - Blöcke nach Kategorien gruppiert: Kunde, Positionen & Produkte, Summen, Rechnungsinfo, Allgemein - Ein Suchfeld, um Blöcke schnell nach Namen zu finden - Ziehen Sie Blöcke auf die Arbeitsfläche (oder tippen Sie auf Mobilgeräten zum Hinzufügen) - Jeder Block hat ein Symbol, einen Namen und eine Tooltip-Beschreibung
Mittleres Panel - Arbeitsfläche: - A4-große Arbeitsfläche, die sich an den Bildschirm anpasst und dabei das A4-Seitenverhältnis beibehält - Ein Rasteroverlay für präzise Ausrichtung - Blöcke per Drag-and-drop positionieren; Größe durch Ziehen an Kanten oder Ecken ändern; mit den Pfeiltasten feinjustieren - Klicken Sie auf einen Block, um ihn auszuwählen und seine Einstellungen zu öffnen - Zeigt eine Live-Vorschau mit lokalisierten Platzhalter-Beispieldaten
Rechtes Panel - Konfiguration: Ist ein Block ausgewählt, zeigt es dessen Einstellungen; ohne Auswahl zeigt es die Seiteneinstellungen: - Blockposition (Spalte, Zeile im Raster) und Größe (Breite in Spalten, Höhe in Zeilen) - Blockspezifische Tabs „Felder“ (Fields) und „Stile“ (Styles) (einzelne Felder ein- oder ausblenden, ohne den Block zu löschen) - Schaltflächen „Zurücksetzen“ (Reset) (den Block auf seine Standardwerte zurücksetzen) und „Löschen“ (Delete) - Seiteneinstellungen: Ränder, Seitenhintergrund, Textskalierung und Seitenumbruch
Kopfzeilen-Bedienelemente: - Zurück-Schaltfläche (Editor verlassen; bei ungespeicherten Änderungen werden Sie gefragt) - Eingabefeld für den Vorlagennamen - Schaltfläche „Seite einrichten“ (Page Setup) (das rechte Panel auf Seiteneinstellungen umschalten) - Schaltfläche „Leeren“ (Clear) (alle Blöcke von der Arbeitsfläche entfernen, mit Bestätigung) - „PDF-Vorschau“ (Preview PDF) (eine PDF-Vorschau mit Beispieldaten in einem Dialog erzeugen) - Speichern-Schaltfläche (neue Vorlagen fragen zuerst nach einem Namen)
- Nutzen Sie das Rasteroverlay und die Pfeiltasten, um Blöcke präzise auszurichten
- Verwenden Sie „PDF-Vorschau“ (Preview PDF), um das fertige PDF mit Beispieldaten zu sehen
- Speichern Sie häufig, um keinen Arbeitsstand zu verlieren
- Benennen Sie Vorlagen aussagekräftig zur leichten Wiedererkennung (z. B. „Modern Blau“, „Minimal“, „Detailliert“)
Verfügbare Blöcke
Der Vorlagen-Builder bringt 22 Blocktypen mit. Jede Rechnung und jedes Angebot besteht aus diesen Blöcken — Sie wählen, welche enthalten sind und wo sie im Raster sitzen. In der Palette sind sie in die Gruppen Kunde, Positionen & Produkte, Summen, Rechnungsinfo und Allgemein gegliedert.
Im Folgenden sind die Blöcke nach Zweck gruppiert, damit sie leichter zu überblicken sind:
Identitätsblöcke beschreiben, von wem und für wen das Dokument ist. Dokumentblöcke enthalten Metadaten — Nummern, Daten, Referenzen. Inhaltsblöcke tragen den Hauptteil: Positionen, Text, Bilder, Notizen. Geldblöcke zeigen Summen, Zahlungsinformationen und Bedingungen. Layoutblöcke geben Struktur — Trennlinien, Stempel, Codes.
Jeder Block ist optional, in der Größe veränderbar und lässt sich unabhängig gestalten.
Ihr Firmenlogo und Firmenname. Vier Layoutoptionen (oben/unten/links/rechts vom Logo). Wird aus Ihren Einstellungen übernommen.
Ihr Firmenname, Adresse, Steuernummer, Telefon und E-Mail. Wird aus Ihren Einstellungen befüllt.
Rechnungsdaten des Kunden. Wird automatisch aus dem gewählten Kunden befüllt, mit zuschaltbarer Zeile für die Steuernummer.
Separate Lieferadresse — Empfänger, Straße, Stadt, Postleitzahl, Land.
Automatisch generierte Nummer nach Ihren Nummerierungsregeln (Präfix, Auffüllung, jährlicher Neustart).
Das Datum, an dem das Dokument erstellt wurde. Eigene Beschriftung und Datumsformat.
Zahlungsfrist, übernommen aus dem Fälligkeitsdatum des Dokuments. Eigene Beschriftung.
Ein Start- und ein Enddatum, die beschreiben, wann die Leistung erbracht wurde.
Referenz auf die Bestellung des Kunden. Zuschaltbare Beschriftung.
Beliebige Schlüssel-Wert-Paare, die Ihr Arbeitsablauf erfordert — Projektreferenz, Auftragscode, Meilensteinname.
Vollständig konfigurierbare Positionstabelle. Spalten zuschaltbar (Beschreibung, Menge, Einzelpreis, Rabatt, Steuer, Betrag). Produkte aus Ihrem Katalog wählbar; Summen werden automatisch berechnet.
Rich-Text-Inhalt mit Fett, Kursiv, Farbe und Ausrichtung. Für eigene Mitteilungen oder Zahlungshinweise.
Strukturierte Notizen und Geschäftsbedingungen mit separaten Beschriftungs-Schaltern.
Laden Sie ein beliebiges Bild hoch, mit Alt-Text, Bildunterschrift und Anpassungsmodi (contain / cover / fill).
Große, prominente Gesamtsumme. Links, zentriert oder rechts ausgerichtet — das Herzstück des Dokuments.
Bankname, IBAN, SWIFT/BIC. Alles, was Ihr Kunde für eine Überweisung benötigt.
Netto 7, 15, 30, 60, 90, „Zahlbar bei Erhalt“ (Due on Receipt) oder eigener Text. Zeigt die Verzugsgebührenregelung, falls aktiviert.
Name des Unterzeichners, Titel, Unterschriftsdatum und optionales Unterschriftsbild mit Unterschriftslinie.
Horizontale oder vertikale Linie zum Trennen von Abschnitten.
Wasserzeichen-Overlay — PAID, DRAFT, OVERDUE, CANCELLED, SENT. Konfigurierbare Deckkraft, Drehung und Platzierung.
CODE128- oder CODE39-Barcode. Wert aus der Rechnungsnummer, der Bestellnummer oder einem eigenen Feld.
Dynamischer QR-Code, der auf eine Zahlungsseite, eine URL oder einen beliebigen eigenen Wert verweist.
Blöcke anpassen
Jeder Block lässt sich über das Konfigurationspanel auf der rechten Seite des Editors anpassen, sobald er ausgewählt ist.
Allgemeine Einstellungen (alle Blöcke): - Position X - Horizontale Position im 24-Spalten-Raster (Spalte 1-24) - Position Y - Vertikale Position (Zeilennummer) - Breite - Über wie viele Spalten sich der Block erstreckt (1-24) - Höhe - Über wie viele Zeilen sich der Block erstreckt
Blockspezifische Einstellungen: Verschiedene Blöcke haben unterschiedliche Konfigurationsoptionen: - Textblock - Inhaltstext, Schriftgröße, Textausrichtung bearbeiten - Positionszeilen - Spaltenbreiten, einzelne Spalten ein-/ausblenden - Datumsblock - Datumsformat, eigener Beschriftungstext - Logo/Marke - Größe, Ausrichtung innerhalb des Blocks - Absender/Rechnungsempfänger - Anzuzeigende Felder, Beschriftungen anpassen
Feldsichtbarkeit: Über den Tab „Felder“ (Fields) eines Blocks blenden Sie einzelne Felder ein oder aus (Beschriftungen, Daten, Spalten, Adresszeilen und mehr), ohne den Block zu entfernen. Das ist nützlich, wenn Sie ein schlankeres Erscheinungsbild möchten, den Block aber im Design behalten wollen.
Gestaltung: Einige Blöcke unterstützen eigene Stile: - Schriftgröße - Textausrichtung (links, zentriert, rechts) - Rahmenstile - Hintergrundfarben
- Beginnen Sie mit den Standardpositionen und passen Sie sie bei Bedarf an
- Steuern Sie über die Breiteneinstellung, wie viel horizontalen Platz ein Block einnimmt
- Blenden Sie einzelne Felder über den Tab „Felder“ (Fields) aus, statt einen Block zu löschen, den Sie später noch brauchen könnten
- Testen Sie Ihre Vorlage mit echten Rechnungsdaten über die Vorschau im Editor
- Das 24-Spalten-Raster ermöglicht präzise mehrspaltige Layouts
Vorgefertigte Vorlagen
Invotify enthält zwölf professionell gestaltete vorgefertigte Vorlagen, die Sie als Ausgangspunkt oder direkt als Ihr Rechnungslayout verwenden können. Sie sind in allen Plänen verfügbar.
Fünf Stil-Designs (universell einsetzbare Looks): - Classic Business - Traditionelles, geschäftliches Layout mit klarem Erscheinungsbild - Modern Minimal - Zeitgemäßes Design mit viel Weißraum und dezenten Akzenten - Professional Corporate - Umfassendes Layout mit allen Geschäftsfeldern (Bestellnummer, QR-Code usw.) - Creative Bold - Auffälliges Design mit kräftigen Akzenten für Kreativunternehmen - Compact Efficient - Platzsparendes Layout für schnelle, einseitige Rechnungen
Sieben branchenspezifische Designs (jeweils auf eine Branche zugeschnitten und auf unterschiedliche Blöcke gestützt): - Consulting - Klares Layout für professionelle Dienstleistungen - Legal & Law - Formelles Layout mit Feldern für Akten-/Referenznummern - Creative Studio - Mutiges, designorientiertes Layout für Studios und Agenturen - Tech & SaaS - Modernes Layout für Software und Abonnements - Construction & Trades - Auftragsorientiertes Layout mit Baustellen- und Konditionsdetails - Accounting & Finance - Präzises Layout, bei dem die Zahlen im Mittelpunkt stehen - Architecture - Projektorientiertes Layout mit Leistungszeiträumen
Jedes Design ist ein eigenständiges Layout, das unterschiedliche Blöcke hervorhebt (Zahlungsdetails, Notizen & Bedingungen, Leistungszeitraum, Unterschrift, eigene Felder, Statusstempel, Bestellnummer, Lieferadresse, …) — nicht dasselbe Gerüst in neuen Farben.
Design-Shop: Die Vorlagen-Seite enthält einen Bereich „Professionelle Designs“ (Professional Designs) mit diesen kuratierten Designs: - Durchstöbern Sie die verfügbaren Vorlagen-Designs - Klicken Sie bei einem Design auf Vorschau (Preview), um es mit Beispieldaten zu sehen - Klicken Sie auf Hinzufügen (Add), um ein Design in Ihre eigene Sammlung zu kopieren - Bearbeiten Sie hinzugefügte Designs, um sie weiter anzupassen
Ein Design hinzufügen: Wenn Ihnen ein vorgefertigtes Design gefällt: 1. Klicken Sie auf Vorschau (Preview), um es in voller Größe zu sehen 2. Klicken Sie auf Hinzufügen (Add) (nach dem Kopieren wechselt die Beschriftung zu „Hinzugefügt“ (Added)) 3. Eine Kopie wird Ihrer persönlichen Vorlagenbibliothek hinzugefügt 4. Bearbeiten Sie die Kopie, um Farben, Blöcke und Layout anzupassen
Hinzugefügte Designs sind vollständig bearbeitbar - Sie können jeden Block hinzufügen, entfernen oder neu positionieren, bis alles genau Ihren Anforderungen entspricht.
- Stöbern Sie zur Inspiration in den vorgefertigten Designs, auch wenn Sie eigene Vorlagen bauen möchten
- Fügen Sie ein vorgefertigtes Design hinzu, das Ihren Vorstellungen nahekommt, und passen Sie es dann an
- Sie können mehrere Vorlagen für unterschiedliche Zwecke haben (z. B. eine für Dienstleistungen, eine für Produkte)
Vorlagen speichern & verwenden
Nachdem Sie Ihre Vorlage gestaltet haben, speichern Sie sie, um sie in Rechnungen und Angeboten verwenden zu können.
Speichern: 1. Geben Sie Ihrer Vorlage einen aussagekräftigen Namen 2. Klicken Sie auf die Speichern-Schaltfläche 3. Die Vorlage wird in Ihrem Konto gespeichert 4. Die Vorlage erscheint beim Erstellen von Dokumenten in der Vorlagenauswahl
Vorlagen verwenden: Beim Erstellen einer Rechnung oder eines Angebots: 1. Klicken Sie im Editor auf die Vorlagenauswahl 2. Durchstöbern Sie Ihre verfügbaren Vorlagen 3. Klicken Sie, um eine Vorlage auszuwählen 4. Das Dokumentlayout wechselt auf diese Vorlage
Vorlagen verwalten: - Die Vorlagenliste zeigt alle Ihre gespeicherten Vorlagen und die vorgefertigten Optionen - Bearbeiten Sie jede Vorlage, indem Sie sie im Builder öffnen - Fügen Sie ein vorgefertigtes Design erneut hinzu, um einen weiteren Ausgangspunkt für Varianten zu erhalten - Löschen Sie Vorlagen, die Sie nicht mehr benötigen
Standardvorlage: Beim Erstellen neuer Dokumente ist Ihre zuletzt aktualisierte Vorlage vorausgewählt, und die Vorlagenauswahl zeigt alle verfügbaren Optionen.
- Erstellen Sie unterschiedliche Vorlagen für verschiedene Dokumenttypen oder Kundengruppen
- Testen Sie Vorlagen mit echten Daten, bevor Sie sie bei Kunden einsetzen
- Halten Sie eine einfache Standardvorlage für die schnelle Rechnungsstellung bereit
- Benennen Sie Vorlagen eindeutig (z. B. „Modern Blau“, „Minimal Weiß“, „Detailliert mit Lieferadresse“)