Zum Hauptinhalt springen

Vorlage auswählen

docs101 enthält eine Bibliothek professionell gestalteter Vorlagen für Rechnungen und Kontoauszüge. Dieser Leitfaden zeigt Ihnen, wie Sie die Bibliothek durchsuchen, Vorlagen in der Vorschau ansehen und Standards für Ihr Konto festlegen.

Zugriff auf die Vorlagenbibliothek​

Navigieren Sie zu Vorlagen im Hauptmenü. Die Bibliothek zeigt alle verfügbaren Vorlagen als Karten mit:

  • Vorschau-Miniaturansichten: Eine visuelle Vorschau jedes Vorlagendesigns
  • Vorlagenname: Der der Vorlage zugewiesene Name
  • Zuletzt aktualisiert: Wann die Vorlage zuletzt geändert wurde

Ihre benutzerdefinierten Vorlagen (erstellt oder dupliziert in der Template IDE) erscheinen hier neben den vorgefertigten Designs.

Vorlagen durchsuchen​

Vorgefertigte Vorlagen​

docs101 wird mit professionell gestalteten Vorlagen für gängige Rechnungsstile ausgeliefert. Jede vorgefertigte Vorlage enthält:

  • Eine vollständige HTML-Struktur mit Kopfzeile, Inhalt und Fußzeile
  • Professionelle CSS-Gestaltung, optimiert für PDF-Rendering und Druck
  • Vorkonfigurierte Variablen, die Rechnungs-, Kunden- und Unternehmensdaten zugeordnet sind
  • Übersetzungsschlüssel für Englisch und Deutsch sofort einsatzbereit
  • Einen Kontoauszugsinhalt-Abschnitt für die Erstellung von Auszügen

Benutzerdefinierte Vorlagen​

Jede Vorlage, die Sie erstellen oder duplizieren, erscheint in derselben Bibliothek. Benutzerdefinierte Vorlagen sind vollständig in der Template IDE bearbeitbar und können genauso wie vorgefertigte Vorlagen als Standard festgelegt werden.

Vorlagen in der Vorschau ansehen​

Schnellvorschau​

Klicken Sie auf eine Vorlagenkarte, um die Detailansicht zu sehen. Die Vorlagendetailseite zeigt:

  • Vorschaubilder der gerenderten Vorlage (falls verfügbar)
  • Vorlagen-Metadaten: Name, Version, Datum der letzten Aktualisierung
  • Zugang zur Template IDE zum Bearbeiten

Live-Vorschau in der IDE​

Für eine detailliertere Ansicht öffnen Sie die Vorlage in der Template IDE:

  1. Klicken Sie auf eine Vorlagenkarte, um die Detailansicht zu öffnen
  2. Klicken Sie auf Bearbeiten, um die Template IDE zu starten
  3. Das rechte Panel zeigt eine Live-PDF-Vorschau, gerendert mit Beispieldaten aus den Variablendefinitionen der Vorlage
Beispieldaten in der Vorschau

Die Vorschau in der Template IDE verwendet die Beispielwerte, die in den Variablen-Metadaten der Vorlage definiert sind. Dies sind nicht Ihre echten Unternehmens- oder Kundendaten — es sind Platzhalterwerte, die zeigen, wie das Design mit realistischem Inhalt aussieht.

Standardvorlage festlegen​

Jedes Firmenkonto kann eine Standardvorlage haben. Beim Erstellen einer neuen Rechnung verwendet docs101 die Standardvorlage, sofern keine andere ausgewählt wird.

Standard festlegen​

  1. Öffnen Sie die Vorlagenbibliothek
  2. Navigieren Sie zu der Vorlage, die Sie als Standard verwenden möchten
  3. Legen Sie sie als Standardvorlage für Ihr Konto fest
Bestehende Rechnungen

Das Ändern der Standardvorlage betrifft nur neue Rechnungen. Bestehende Rechnungen behalten die Vorlage, mit der sie erstellt wurden. Um die Vorlage einer bestehenden Rechnung zu ändern, bearbeiten Sie die Rechnung und wählen Sie eine andere Vorlage.

Kundenspezifische Vorlagen​

Kunden können eine bevorzugte Vorlage zugewiesen bekommen. Bei der Erstellung einer Rechnung für diesen Kunden verwendet docs101 die zugewiesene Vorlage anstelle des Kontostandards.

  1. Öffnen Sie den Bereich Kunden
  2. Bearbeiten Sie den Kunden
  3. Wählen Sie eine Vorlageneinstellung
  4. Speichern Sie die Änderungen

Vorlage duplizieren​

Um eine Variante einer bestehenden Vorlage zu erstellen:

  1. Öffnen Sie die Vorlage, auf der Ihr neues Design basieren soll
  2. Duplizieren Sie die Vorlage
  3. Geben Sie dem Duplikat einen neuen Namen
  4. Öffnen Sie es in der Template IDE, um Ihre Änderungen vorzunehmen
  5. Speichern Sie die angepasste Version

Dies ist ein guter Weg, um mit Designänderungen zu experimentieren, ohne die Originalvorlage zu verändern.

Die richtige Vorlage auswählen​

Berücksichtigen Sie Ihren Anwendungsfall​

  • Standardrechnungen: Wählen Sie ein sauberes, professionelles Design mit übersichtlichen Positionstabellen und Summen
  • Internationale Kunden: Wählen Sie eine Vorlage mit bereits konfigurierter Übersetzungsunterstützung
  • Kontoauszüge: Stellen Sie sicher, dass die Vorlage den Kontoauszugsinhalt-Abschnitt ausgefüllt hat

Testen Sie vor der Bereitstellung​

  1. Öffnen Sie die Vorlage in der Template IDE und überprüfen Sie die Vorschau
  2. Erstellen Sie eine Testrechnung mit der Vorlage
  3. Laden Sie das generierte PDF herunter und überprüfen Sie es
  4. Drucken Sie das PDF, um Formatierung und Lesbarkeit zu prüfen
  5. Wenn Sie internationale Kunden bedienen, testen Sie mit verschiedenen Kundensprachen
PDF-Rendering

Die PDF-Vorschau in der Template IDE wird vom selben Service (DocsRabbit) gerendert, der auch Ihre endgültigen Rechnungen erstellt. Was Sie in der Vorschau sehen, entspricht dem, was Ihre Kunden erhalten.

Fehlerbehebung​

Vorlage wird nicht angezeigt​

Wenn eine Vorlage beim Erstellen einer Rechnung nicht erscheint:

  • Überprüfen Sie, ob die Vorlage zu Ihrem Firmenkonto gehört
  • Stellen Sie sicher, dass eine Standardvorlage gesetzt ist, falls keine explizit auf der Rechnung ausgewählt wurde

Vorschau sieht anders aus als erwartet​

Wenn die Vorschau nicht Ihren Erwartungen entspricht:

  • Prüfen Sie, ob alle im HTML referenzierten Variablen in den Variablen-Metadaten definiert sind
  • Überprüfen Sie, ob die CSS-Klassen im HTML mit den Definitionen in der CSS-Registerkarte übereinstimmen
  • Suchen Sie nach Tippfehlern in Variablennamen (z.B. {{ company.name }} nicht {{ company.nme }})

Bereit, Ihre gewählte Vorlage anzupassen? Fahren Sie fort mit Vorlage anpassen, um zu erfahren, wie Sie das Design ändern, Variablen einfügen und Ihr Branding hinzufügen.