Schnellstart Layout-Editor
Schnellstart 1 — Klassische Rechnung mit Logo
Ziel
In diesem Schnellstart erstellen Sie in wenigen Minuten ein professionelles Rechnungslayout mit:
Firmenlogo
passender Layoutvorlage
optimierter Tabelle
PDF-Vorschau
Ideal für:
digitale Rechnungen
Unternehmen ohne Briefpapier
Schritt 1 — Layout-Editor öffnen
Öffnen Sie den Layout-Editor.
Links befinden sich alle Einstellungen. Rechts sehen Sie die Live-Vorschau Ihrer Rechnung.
Schritt 2 — Layoutvorlage auswählen
Im Bereich „Layoutvorlage“ wählen Sie das Grunddesign Ihrer Rechnung.
Empfohlen für eine Vorlage ohne Briefkopf:
Klassisch → traditioneller Aufbau
Klassisches, modernes Rechnungsdesign mit ausgewogenen Abständen.
Optional:
Standard oder Kompakt → modern und für Briefpapier optimiert
Die Vorschau aktualisiert sich sofort.
Schritt 3 — Tabellenlayout festlegen
Wählen Sie im Bereich „Tabellenlayout“ die Darstellung der Rechnungspositionen.
Empfehlung:
Standard
Gut lesbar und für die meisten Rechnungen geeignet.
Alternativen:
Kompakt → bei vielen Positionen
Detailliert → bei langen Artikelbeschreibungen
Schritt 4 — Seitenhintergrund auswählen
Im Bereich „Seitenhintergrund“ können Sie das Erscheinungsbild Ihrer Rechnung zusätzlich gestalten.
Der Seitenhintergrund ergänzt Ihr Logo um dezente Designelemente und sorgt für ein moderneres Erscheinungsbild.
Verfügbare Varianten:
Keins
Neutraler weißer Hintergrund
Top Bar
Farbige Leiste im oberen Bereich
Modern Corner
Dezentes Eckdesign
Sidebar
Farbige Seitenleiste
Empfehlung für den Einstieg:
Top Bar
Modern, dezent und ideal für die meisten Rechnungen.
Primärfarbe anpassen
Über die Primärfarbe bestimmen Sie die Hauptfarbe des Hintergrunddesigns.
Empfehlung: Verwenden Sie Ihre Firmenfarbe für:
bessere Wiedererkennung
ein einheitliches Corporate Design
professionellere PDFs
Die Änderung wird sofort in der Vorschau angezeigt.
Schritt 5 — Logo hochladen
Scrollen Sie im linken Einstellungsbereich bis zum Abschnitt „Logo“.
Klicken Sie auf:
„Logo hochladen“
Unterstützte Formate:
PNG
JPG
SVG
Empfehlungen:
transparentes PNG oder SVG verwenden
möglichst hohe Auflösung nutzen
horizontale Logos eignen sich am besten
Nach dem Upload erscheint das Logo direkt in der Vorschau.
Logo im Dokument positionieren und skalieren
Das Logo kann anschließend direkt auf der Vorschauseite angepasst werden.
Möglichkeiten:
Logo verschieben
Größe verändern
Breite anpassen
Ziehen Sie das Logo einfach mit der Maus an die gewünschte Position. Über die Ziehpunkte kann das Logo größer oder kleiner skaliert werden.
Empfehlung:
ausreichend Abstand zum Seitenrand lassen
Logo nicht zu groß darstellen
gute Lesbarkeit sicherstellen
Die Änderungen werden sofort in der Vorschau angezeigt.
Schritt 6 — PDF-Inhalte prüfen
Im Bereich „PDF-Inhalte“ können zusätzliche Informationen innerhalb der Rechnung ein- oder ausgeblendet werden.
Für ein vollständiges und professionelles Rechnungslayout empfehlen wir, alle Optionen zu aktivieren:
Verkäuferdaten
Aktiv
Absenderzeile
Aktiv
GiroCode
Aktiv
Verkäuferdaten
Zeigt Ihre Unternehmens- und Kontaktdaten innerhalb der Rechnung an.
Absenderzeile
Blendet die kompakte Absenderzeile oberhalb des Adressbereichs ein.
GiroCode
Fügt einen GiroCode für das schnelle Bezahlen per Banking-App hinzu.
Die Änderungen werden sofort in der Vorschau angezeigt.
Schritt 7 — Vorschau und PDF-Ausgabe prüfen
Auf der rechten Seite sehen Sie die Live-Vorschau Ihrer Rechnung.
Die Vorschau aktualisiert sich direkt bei Änderungen am Layout und hilft dabei, das Erscheinungsbild Ihrer Rechnung schnell zu kontrollieren.
Prüfen Sie insbesondere:
sitzt das Logo korrekt?
wirken Abstände und Ausrichtung sauber?
ist die Tabelle gut lesbar?
passen Farben und Hintergründe?
werden Inhalte korrekt positioniert?
Mit den Zoom-Schaltflächen oben rechts können Sie die Vorschau vergrößern oder verkleinern.
PDF-Vorschau verwenden
Über den Button:
„PDF-Vorschau“
oben im Editor können Sie die finale PDF-Ausgabe öffnen.
Wichtig: Die PDF-Vorschau verwendet denselben Erzeugungsprozess wie die spätere ZUGFeRD-Rechnung.
Dadurch sehen Sie die Rechnung exakt so, wie sie später:
erzeugt,
exportiert
und an Kunden versendet wird.
Die PDF-Vorschau eignet sich ideal zum Prüfen von:
Seitenumbrüchen
Briefpapier
Logos
Seitenhintergründen
Tabellenlayouts
mehrseitigen Rechnungen
Footer- und Headerbereichen
Testdaten verwenden
Im Bereich „Testdaten“ können Sie unterschiedliche Beispielrechnungen für die Vorschau auswählen.
Aktuell stehen verschiedene Rechnungen mit mehreren Seiten zur Verfügung, um insbesondere:
Seitenumbrüche
Folgeseiten
Tabellen über mehrere Seiten
Briefpapier auf Folgeseiten
realistisch zu testen.
Empfehlung
Prüfen Sie Ihr Layout immer zusätzlich in der PDF-Vorschau und mit mehrseitigen Testdaten.
So stellen Sie sicher, dass:
Inhalte korrekt umbrechen
Folgeseiten sauber dargestellt werden
Hintergründe richtig übernommen werden
die finale ZUGFeRD-PDF professionell aussieht
Schritt 8 — Layout speichern
Klicken Sie auf:
„Speichern“
Das Layout wird nun für Ihre Rechnungen verwendet.
Ergebnis
Sie haben jetzt ein modernes Rechnungsdesign mit:
Firmenlogo
professioneller Tabellenstruktur
optimierter PDF-Darstellung
optionalem GiroCode
Schnellstart 2 — Rechnung mit Briefpapier
Ziel
In diesem Schnellstart erstellen Sie ein Rechnungslayout mit eigenem Briefpapier.
Ideal für:
bestehendes Corporate Design
vorgedruckte Layouts
feste Hintergründe
Schritt 1 — Briefpapier vorbereiten
Bereiten Sie Ihr Briefpapier als PDF-Datei vor.
Empfehlungen:
DIN A4
Hochformat
Hintergrundgrafiken ohne Rechnungsdaten
ausreichend Platz für Rechnungsinhalte
Für den Einstieg können Sie unsere Mustervorlage herunterladen. Diese steht als PDF- und Word-Datei zur Verfügung und zeigt beispielhaft den Aufbau eines geeigneten Briefpapiers.
Wichtig: Das Briefpapier sollte keine festen Rechnungsnummern oder Beträge enthalten.
Schritt 2 — Bereich „Briefpapier“ öffnen
Scrollen Sie im Layout-Editor zum Abschnitt:
„Briefpapier“
Hier können Sie Hintergrund-PDFs für:
die erste Seite
Folgeseiten
festlegen.
Schritt 3 — Briefpapier für die erste Seite auswählen
Wählen Sie unter:
„Briefpapier erste Seite“
Ihre PDF-Datei aus.
Nach dem Upload erscheint das Briefpapier direkt in der Vorschau. Die Datei wird gespeichert und später automatisch für die Erstellung der ZUGFeRD-PDF verwendet.
Schritt 4 — Verhalten für Folgeseiten festlegen
Nun bestimmen Sie, wie zusätzliche Seiten aussehen sollen.
Sie haben drei Möglichkeiten:
Option 1 — Erste Seite übernehmen
Das gleiche Briefpapier wird auf allen Seiten verwendet.
Empfohlen für:
einheitliches Corporate Design
einfache Layouts
Option 2 — Eigene PDF hochladen
Verwenden Sie ein separates Briefpapier für Folgeseiten.
Sinnvoll wenn:
die erste Seite einen großen Header besitzt
Folgeseiten reduzierter sein sollen
Das ist unsere Empfehlung.
Option 3 — Leer lassen
Folgeseiten erhalten keinen Hintergrund.
Schritt 5 — Seitenbereiche anpassen
Im Bereich:
„Seitenbereich“
legen Sie die nutzbaren Bereiche der Seite fest.
Wichtig: Das Briefpapier darf nicht mit Rechnungsinhalten kollidieren.
Wenn Rechnungsinhalte mit Elementen des Briefpapiers kollidieren, können die Seitenbereiche entsprechend angepasst werden:
Seitenanfang der Folgeseiten erhöhen
Seitenende anpassen
Die Änderungen werden direkt in der Vorschau sichtbar.
Schritt 7 — Vorschau und PDF-Ausgabe prüfen
Auf der rechten Seite sehen Sie die Live-Vorschau Ihrer Rechnung.
Die Vorschau aktualisiert sich direkt bei Änderungen am Layout und hilft dabei, das Zusammenspiel aus:
Briefpapier
Rechnungsinhalten
Seitenbereichen
Tabellen
Header- und Footerbereichen
direkt zu kontrollieren.
Prüfen Sie insbesondere:
werden Inhalte korrekt auf dem Briefpapier positioniert?
passen obere und untere Seitenabstände?
sitzen Tabellen und Summen an der richtigen Stelle?
werden Folgeseiten korrekt dargestellt?
kollidieren Inhalte mit Hintergrundelementen?
passen Logos und Seitenhintergründe zum Briefpapier?
Mit den Zoom-Schaltflächen oben rechts können Sie die Vorschau vergrößern oder verkleinern.
PDF-Vorschau verwenden
Über den Button:
„PDF-Vorschau“
oben im Editor können Sie die finale PDF-Ausgabe öffnen.
Wichtig: Die PDF-Vorschau verwendet denselben Erzeugungsprozess wie die spätere ZUGFeRD-Rechnung.
Dadurch sehen Sie die Rechnung exakt so, wie sie später:
erzeugt,
exportiert
und an Kunden versendet wird.
Die PDF-Vorschau eignet sich ideal zum Prüfen von:
Briefpapier auf der ersten Seite
Briefpapier auf Folgeseiten
Seitenumbrüchen
Tabellen über mehrere Seiten
Header- und Footerbereichen
Seitenhintergründen
Logos und Positionierungen
Testdaten verwenden
Im Bereich „Testdaten“ können Sie unterschiedliche Beispielrechnungen für die Vorschau auswählen.
Aktuell stehen verschiedene Rechnungen mit mehreren Seiten zur Verfügung, um insbesondere:
Seitenumbrüche
Folgeseiten
Tabellen über mehrere Seiten
Briefpapier auf Folgeseiten
realistisch zu testen.
Empfehlung
Prüfen Sie Ihr Layout immer zusätzlich in der PDF-Vorschau und mit mehrseitigen Testdaten.
So stellen Sie sicher, dass:
Inhalte korrekt umbrechen
Briefpapier sauber dargestellt wird
Folgeseiten korrekt funktionieren
Seitenbereiche ausreichend Platz bieten
die finale ZUGFeRD-PDF professionell aussieht
Schritt 8 — Layout speichern
Klicken Sie auf:
„Speichern“
Das Layout wird nun für Ihre Rechnungen verwendet.
Ergebnis
Sie haben jetzt ein professionelles Rechnungslayout mit:
eigenem Briefpapier
optimierten Seitenbereichen
sauberer PDF-Darstellung
korrekten Folgeseiten
vollständiger ZUGFeRD-PDF-Ausgabe
Sollten Fragen oder Probleme auftreten, zögern Sie nicht, uns zu kontaktieren. Wir stehen Ihnen gerne zur Verfügung und unterstützen Sie bei allen Anliegen.
Ihr eBill-Service Team
Zuletzt aktualisiert
War das hilfreich?