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.

Visueller Editor

Drag-and-drop-Oberfläche für einfaches, intuitives Gestalten

Rastersystem

Präzise Positionierung mit einem 24-Spalten-Rasterlayout

Blockbibliothek

22 vorgefertigte Blocktypen, die jeden Teil einer Rechnung abdecken

Live-Vorschau

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)

Tipps
  • 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.

Marke / Logo

Ihr Firmenlogo und Firmenname. Vier Layoutoptionen (oben/unten/links/rechts vom Logo). Wird aus Ihren Einstellungen übernommen.

Absender (From)

Ihr Firmenname, Adresse, Steuernummer, Telefon und E-Mail. Wird aus Ihren Einstellungen befüllt.

Rechnungsempfänger (Bill To)

Rechnungsdaten des Kunden. Wird automatisch aus dem gewählten Kunden befüllt, mit zuschaltbarer Zeile für die Steuernummer.

Lieferadresse (Ship To)

Separate Lieferadresse — Empfänger, Straße, Stadt, Postleitzahl, Land.

Rechnungsnummer

Automatisch generierte Nummer nach Ihren Nummerierungsregeln (Präfix, Auffüllung, jährlicher Neustart).

Ausstellungsdatum

Das Datum, an dem das Dokument erstellt wurde. Eigene Beschriftung und Datumsformat.

Fälligkeitsdatum

Zahlungsfrist, übernommen aus dem Fälligkeitsdatum des Dokuments. Eigene Beschriftung.

Leistungszeitraum

Ein Start- und ein Enddatum, die beschreiben, wann die Leistung erbracht wurde.

Bestellnummer (PO Number)

Referenz auf die Bestellung des Kunden. Zuschaltbare Beschriftung.

Eigene Felder

Beliebige Schlüssel-Wert-Paare, die Ihr Arbeitsablauf erfordert — Projektreferenz, Auftragscode, Meilensteinname.

Positionszeilen

Vollständig konfigurierbare Positionstabelle. Spalten zuschaltbar (Beschreibung, Menge, Einzelpreis, Rabatt, Steuer, Betrag). Produkte aus Ihrem Katalog wählbar; Summen werden automatisch berechnet.

Textblock

Rich-Text-Inhalt mit Fett, Kursiv, Farbe und Ausrichtung. Für eigene Mitteilungen oder Zahlungshinweise.

Notizen & Bedingungen

Strukturierte Notizen und Geschäftsbedingungen mit separaten Beschriftungs-Schaltern.

Bild

Laden Sie ein beliebiges Bild hoch, mit Alt-Text, Bildunterschrift und Anpassungsmodi (contain / cover / fill).

Fälliger Betrag

Große, prominente Gesamtsumme. Links, zentriert oder rechts ausgerichtet — das Herzstück des Dokuments.

Zahlungsdetails

Bankname, IBAN, SWIFT/BIC. Alles, was Ihr Kunde für eine Überweisung benötigt.

Zahlungsbedingungen

Netto 7, 15, 30, 60, 90, „Zahlbar bei Erhalt“ (Due on Receipt) oder eigener Text. Zeigt die Verzugsgebührenregelung, falls aktiviert.

Unterschrift

Name des Unterzeichners, Titel, Unterschriftsdatum und optionales Unterschriftsbild mit Unterschriftslinie.

Trennlinie

Horizontale oder vertikale Linie zum Trennen von Abschnitten.

Statusstempel

Wasserzeichen-Overlay — PAID, DRAFT, OVERDUE, CANCELLED, SENT. Konfigurierbare Deckkraft, Drehung und Platzierung.

Barcode

CODE128- oder CODE39-Barcode. Wert aus der Rechnungsnummer, der Bestellnummer oder einem eigenen Feld.

QR-Code

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

Tipps
  • 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.

Tipps
  • 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.

Tipps
  • 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“)