Mit unserem Angebotseditor können Sie Ihre Angebote noch individueller, professioneller und ansprechender gestalten. Durch das flexible Block-System und sogenannte „Smarte Elemente“ passen sich Ihre Vorlagen automatisch an die Daten des jeweiligen Auftrags an.
In diesem Artikel erfahren Sie, wie Sie den Editor bedienen und das Beste aus Ihren Angebotsvorlagen herausholen.
1. Wo finde ich die Angebotsvorlagen?
Sie haben zwei Möglichkeiten, um zu Ihren Angebotsvorlagen zu gelangen:
Weg A: Über die Agenda
Gehen Sie in der linken Menüleiste auf Agenda.
Klicken Sie oben rechts auf Tools.
Wählen Sie Angebotsvorlagen.
Weg B: Über die Einstellungen
Gehen Sie unten links auf Einstellungen (Zahnrad-Symbol).
Klicken Sie im Menü auf Angebote, E-Mail & Marken.
Scrollen Sie zu der gewünschten Marke und klicken Sie unter Angebotsvorlagen verwalten auf den jeweiligen Bereich.
Hier können Sie eine neue Vorlage erstellen, eine bestehende bearbeiten oder löschen.
2. Eine neue Angebotsvorlage erstellen
Um eine neue Vorlage anzulegen, klicken Sie auf den Button + Neue Angebotsvorlage.
Startpunkt wählen: Sie haben nun verschiedene Optionen. Sie können mit einer leeren Vorlage beginnen (z. B. 16:9 Querformat, A4 Querformat oder A4 Hochformat) oder ein vorgefertigtes Beispiel-Design (z. B. Bunt/Foodtruck, Hochzeit, BBQ etc.) als Basis nutzen.
Wichtig: Vergessen Sie nicht, Ihrer neuen Vorlage oben links direkt einen eindeutigen Namen zu geben.
3. Allgemeine Dokumenteinstellungen
Über den Button Einstellungen (oben rechts) öffnen Sie die grundlegenden Dokumenteinstellungen für Ihre Vorlage. Hier legen Sie die Basis für Ihr gesamtes Angebot fest:
Seitengröße: Ändern Sie das Format Ihres Dokuments.
Ausgewählte Sprache: Legen Sie die Standardsprache für das Dokument fest.
Typografie: Legen Sie die Basis-Schriftart, Schriftgröße und Standard-Textfarbe für das gesamte Dokument fest. (Hinweis: Diese Einstellungen gelten für das gesamte Dokument, können aber später in jedem Textblock individuell überschrieben werden).
Digitale Signatur: Aktivieren Sie diese Option, wenn Kunden das Angebot bei Annahme digital unterschreiben sollen. Weitere Informationen finden Sie im Artikel Angebote online unterzeichnen.
Tage bis zum Fälligkeitsdatum: Legen Sie fest, wie viele Tage das Angebot standardmäßig gültig ist. Details hierzu finden Sie im Artikel Ablaufdatum für Angebote festlegen.
4. Seiten verwalten und Layouts anwenden
Die Arbeitsleiste direkt über der jeweils ausgewählten Seite hilft Ihnen, das Layout und die Organisation der einzelnen Seiten zu steuern:
Seitenverwaltung: Hier können Sie eine neue Seite hinzufügen, die aktuelle Seite Duplizieren oder über das „X“-Symbol (Löschen) entfernen. Die Seitenreihenfolge ändern Sie ganz einfach über die Pfeiltasten Nach oben und Nach unten.
Layouts: Über die Schaltfläche Layouts können Sie die aktuelle Seite in vorgefertigte Farbbereiche unterteilen oder das Layout einer anderen Seite aus dieser Vorlage hierher kopieren.
5. Der Editor-Aufbau: Eine Seite anpassen (Blöcke hinzufügen)
Der Editor ist ein Drag-and-Drop-System, das auf Blöcken basiert. Über das Menü + Block hinzufügen platzieren Sie verschiedene Elemente auf Ihrer Seite:
A. Ihre Marke
Logo: Fügt das in Ihren Einstellungen hinterlegte Logo ein.
Kontaktdaten: Fügt Ihre Unternehmensinformationen automatisch ein.
B. Design
Textblock: Ein flexibler Textbereich. Doppelklicken Sie in den Block, um Text hinzuzufügen oder zu bearbeiten. Es öffnet sich eine Formatierungsleiste. Hier können Sie den Text formatieren oder den gesamten Block rotieren.
Tipp für Variablen (Seriendruckfelder): Über den Button „Seriendruckfelder“ in dieser Leiste fügen Sie Platzhalter (z. B. Auftrag - Name, Datum, Kunden-Vorname) ein. Diese füllen sich beim Erstellen des Angebots automatisch mit Live-Daten. Mehr dazu im Hilfeartikel zu Angebotsvariablen.
Elementblock (Farben & Bilder): Ein visuelles Element für Ihr Layout. Sie können die Größe des Elements jederzeit anpassen, indem Sie auf die blauen Quadrate an den Rändern klicken und diese ziehen.
Als Farbblock: Fügen Sie eine Hintergrundfarbe hinzu und passen Sie Transparenz, Rotation, abgerundete Ecken und Rahmenbreite an.
Als Bild/Foto: Wechseln Sie in den Einstellungen des Elements auf Bild/Foto. Hier haben Sie tolle Möglichkeiten:
Fügen Sie manuell ein oder mehrere Fotos hinzu.
Lassen Sie Bilder dynamisch auf Basis der Produkte im jeweiligen Auftrag laden.
Wählen Sie die Darstellung: Statisch (der Kunde scrollt selbst durch eine kleine Galerie) oder Filmisch (die Fotos werden als automatische Slideshow präsentiert).
C. Smarte Elemente (Auftragsdaten)
Diese Blöcke ziehen sich automatisch die spezifischen Informationen aus dem jeweiligen Auftrag.
Produkte: Zeigt die bestellten Artikel als detaillierte Tabelle (Preise, Mengen, Summen) oder als reine Menü-Übersicht an.
Planung: Erstellt eine chronologische Zeitleiste der Veranstaltungsplanung.
Anmerkungen: Zeigt Kundenanmerkungen an, wobei Absätze und Zeilenumbrüche erhalten bleiben.
⚠️ Wichtige Layout-Regel für Smarte Elemente: Pro Seite kann nur eine spezifische Region für Produkte, Planung oder Anmerkungen platziert werden.
6. Automatische Seitenumbrüche & Sichtbarkeit
Smarte Elemente benötigen je nach Auftrag unterschiedlich viel Platz. Wenn der Text oder die Tabelle nicht mehr auf die Seite passt, dupliziert das System die Seite beim Erstellen des Angebots automatisch und setzt den Bereich auf der neuen Seite fort.
Damit bei diesem Umbruch nicht auch jedes Design-Element wiederholt wird, können Sie für Blöcke (z.B. Texte, Bilder, Logos) die Sichtbarkeit einstellen:
Immer sichtbar: Wird auf jeder generierten Seite angezeigt (ideal für Kopfzeilen).
Nur erste Seite: Erscheint nur zu Beginn des Umbruchs.
Nur letzte Seite: Wird erst auf der letzten generierten Seite des Bereichs angezeigt (z. B. ein Unterschriftsfeld).
7. Effizient arbeiten: Tastaturkürzel
Um Ihnen die Arbeit im Editor zu erleichtern, werden gängige Tastaturkürzel unterstützt, sobald ein Block ausgewählt ist:
Kopieren / Einfügen:
Strg + C/Strg + V(Mac:⌘ + C/⌘ + V)Duplizieren:
Strg + D(Mac:⌘ + D)Rückgängig / Wiederholen:
Strg + Z/Strg + Shift + ZFeinjustierung: Block mit Pfeiltasten um 1px verschieben (mit gehaltener Strg/⌘-Taste um 5px).
Skalieren:
Shiftgedrückt halten, um Proportionen beizubehalten.Altgedrückt halten, um die Rasterausrichtung zu deaktivieren.
8. Speichern
Sobald Sie mit Ihrer Vorlage zufrieden sind, klicken Sie oben rechts auf Vorlage speichern.
Haben Sie noch Fragen? Schreiben Sie uns gerne im Chat!
Team Catermonkey 🍌