> ## Documentation Index > Fetch the complete documentation index at: https://docs.hocdoc.com/llms.txt > Use this file to discover all available pages before exploring further. # Angebot erstellen > So legst du ein Angebot an und baust es im Builder: Sections einfügen, ordnen, Texte bearbeiten, Vorschau prüfen und den Offer-Score lesen. Ein Angebot ist eine Seite aus Sections. Du legst es an, baust es im Builder und versendest es danach. Diese Seite zeigt den Weg bis zum fertigen Entwurf. Die einzelnen Section-Typen stehen unter [Sections](/guides/sections). ## Angebot anlegen Es gibt drei Wege. Jeder erzeugt einen Entwurf und öffnet danach die Detailseite des Angebots. Von dort kommst du mit **Im Builder öffnen** in den Builder. Angebote anlegen, bearbeiten und duplizieren dürfen die Rollen Inhaber, Admin und Mitglied. Mit der Rolle Betrachter siehst du den Builder nur im Lesemodus (siehe unten). Mehr dazu unter [Team und Rollen](/guides/team-und-rollen). ### Leeres Angebot Klicke in der Angebotsliste auf **Neues Angebot**. Klicke bei **Leeres Angebot** auf **Angebot anlegen**. Das Angebot startet mit dem Standard-Aufbau: Einstieg, Ausgangslage, Referenzen, Preise, Häufige Fragen und Annahme. Klicke auf der Detailseite auf **Im Builder öffnen**. Titel und Inhalt änderst du dort. ### Aus Vorlage Unter **Aus Vorlage** stehen deine Vorlagen mit der Anzahl ihrer Sections. Klicke auf **Vorlage verwenden**. Hat die Vorlage Fragen, führt der Knopf zuerst zur Seite **Fragen zum Angebot**. Deine Antworten füllen die Variablen in den Texten. Erst danach entsteht das Angebot. Mehr dazu unter [Vorlagen und Variablen](/guides/vorlagen-und-variablen). Gibt es noch keine Vorlage, steht dort **Noch keine Vorlagen**. Ein Angebot machst du auf seiner Detailseite über **Als Vorlage speichern** zur Vorlage. ### Angebot duplizieren Öffne in der Angebotsliste das Aktionsmenü einer Zeile oder die Detailseite eines Angebots und wähle **Duplizieren**. Die Kopie ist ein neuer Entwurf mit dem Titel „Titel (Kopie)“. Wer eine Kopie kopiert, bekommt „Titel (Kopie 2)“ und so weiter. Die Kopie übernimmt den Entwurf und die Antworten auf die Fragen der Vorlage. Sie hat keinen Empfänger. Der Verlauf des Originals wird nicht mitkopiert, die Kopie beginnt mit einem eigenen Eintrag „Angebot erstellt“. ## Aufbau des Builders Der Builder füllt den ganzen Bildschirm und hat drei Bereiche. | Bereich | Inhalt | | - | - | | Links | Drei Reiter: **Sections**, **Struktur** und **Variablen** | | Mitte | Die Leinwand mit dem Angebot. Texte bearbeitest du hier direkt. | | Rechts | Einstellungen der gewählten Section oder des ganzen Angebots | Oben steht die Leiste mit dem Pfeil **Zurück zum Angebot**, dem Titel, dem Speicherstatus, dem Gerätewähler, dem Score, **Rückgängig** und **Wiederholen**, **Vorschau** und **Versenden**. ### Die drei Reiter links * **Sections** zeigt alle Section-Typen mit Kurzbeschreibung. Hier fügst du neue Sections ein. * **Struktur** zeigt die Reihenfolge deiner Sections als Liste. Hier sortierst du, blendest aus, duplizierst und löschst. * **Variablen** zeigt die Platzhalter, die du in Texten verwenden kannst, und die Antworten aus dem Interview. Ein Klick kopiert einen Platzhalter in die Zwischenablage. Siehe [Vorlagen und Variablen](/guides/vorlagen-und-variablen). ### Einstellungen rechts Ist keine Section gewählt, zeigt die rechte Seite **Angebot** mit den Feldern **Titel** und **Theme**. Beim Theme gibt es nur **Standard**. Der Titel darf nicht leer sein und höchstens 200 Zeichen haben. Du kannst ihn auch oben in der Leiste ändern. Ist eine Section gewählt, zeigt die rechte Seite ihren Namen und darunter zwei Teile: * **Layout**: die Varianten der Section als Kacheln mit Vorschau. * **Inhalt**: alle Felder der Section. Bei Preise, Referenzen und Häufige Fragen gibt es dort außerdem **Aus Bibliothek einfügen**. Umgekehrt speicherst du dort ein Paket, eine Zusatzleistung, eine Kundenstimme oder eine Frage über das Lesezeichen-Symbol am Eintrag in die Bibliothek. Siehe [Bibliothek](/guides/bibliothek). Neben dem Namen sitzt ein Menü mit **Duplizieren**, **Ausblenden** und **Löschen**. Bei der Annahme fehlt es. Listen wie Pakete, Schritte oder Fragen haben den Knopf **Hinzufügen**. Er legt eine Kopie des letzten Eintrags an, die du überschreibst. Er ist gesperrt, sobald die Höchstzahl erreicht ist. Einträge sortierst du durch Ziehen am Griff oder per Tastatur und entfernst sie über das Papierkorb-Symbol. Das Entfernen ist gesperrt, solange die Liste nur ihre Mindestzahl an Einträgen hat. ## Sections einfügen Im Reiter **Sections** hast du zwei Wege: * **Klicken** (oder Enter bzw. Leertaste auf der Karte): Die Section kommt direkt unter die gewählte Section. Ist keine gewählt, kommt sie vor die Annahme. * **Ziehen** (nur mit der Maus): Zieh die Karte auf die Leinwand. Eine Linie zeigt, wo die Section landet. Die neue Section startet mit Beispieltexten und ist sofort gewählt. Ersetze die Beispieltexte, bevor du versendest. Die Annahme darf nur einmal vorkommen. Ihre Karte zeigt deshalb **Vorhanden** und den Hinweis „Ist schon im Angebot und darf nur einmal vorkommen.“ ## Sections verschieben Du kannst Sections auf drei Wegen ordnen: * **Mit der Maus**: Zieh den Griff in der Werkzeugleiste einer Section auf der Leinwand oder in der Liste im Reiter **Struktur**. * **Mit den Pfeilen**: Die Werkzeugleiste jeder Section hat **Nach oben** und **Nach unten**. * **Mit der Tastatur**: Fokussiere den Griff einer Section (zum Beispiel „Preise verschieben“), drücke die Leertaste, um die Section aufzunehmen, verschiebe sie mit Pfeil nach oben oder unten und lege sie mit der Leertaste ab. Escape bricht ab. Screenreader sagen die neue Position an. Die Annahme lässt sich verschieben wie jede andere Section. ## Duplizieren, ausblenden, löschen Diese Aktionen findest du an drei Stellen: * in der Werkzeugleiste auf der Leinwand (sie erscheint beim Darüberfahren und an der gewählten Section), * im Reiter **Struktur**: das Auge blendet aus und ein, das Menü der Zeile enthält **Duplizieren** und **Löschen**, * im Menü neben dem Namen der Section rechts. | Aktion | Wirkung | | - | - | | **Duplizieren** | Legt eine Kopie direkt hinter der Section an und wählt sie. | | **Ausblenden** / **Einblenden** | Eine ausgeblendete Section bleibt im Entwurf, erscheint aber weder in der Vorschau noch beim Empfänger. Auf der Leinwand steht sie abgeblendet mit dem Etikett „Ausgeblendet“. Für den Offer-Score zählt sie nicht mit. Fehler in ihren Feldern sperren den Versand trotzdem. | | **Löschen** | Entfernt die Section ohne Rückfrage. Mit **Rückgängig** holst du sie zurück. | Die Annahme ist eine Pflicht-Section. Sie lässt sich nicht löschen, nicht ausblenden und nicht duplizieren („Nur einmal pro Angebot“). Ohne Annahme kann der Empfänger das Angebot nicht annehmen. ## Texte direkt auf der Leinwand bearbeiten Klicke in einen Text auf der Leinwand und tippe. Das gilt auch für die Beschriftung von Buttons. Layout und alle weiteren Felder, zum Beispiel Preise, änderst du rechts in den Einstellungen. * **Enter** übernimmt den Text. In mehrzeiligen Texten (zum Beispiel Unterzeile oder Antwort) fügt Enter einen Zeilenumbruch ein. Dort übernimmst du mit Strg+Enter bzw. ⌘+Enter. * Ein Klick außerhalb des Texts übernimmt ihn ebenfalls. * **Escape** verwirft deine Eingabe. * Beim Einfügen aus der Zwischenablage kommt nur reiner Text an. Formatierung geht verloren. Die Auswahl einer Section hebst du auf, indem du auf den Hintergrund klickst oder Escape drückst (solange du nicht gerade in einem Text tippst). ### Leere optionale Texte anlegen und entfernen Manche Texte sind optional, zum Beispiel die **Dachzeile** im Einstieg. Ist ein solcher Text leer, zeigt die Leinwand eine gestrichelte Fläche mit Plus und dem Namen des Felds, zum Beispiel „Dachzeile hinzufügen“. * **Anlegen**: Klicke auf die Fläche (oder fokussiere sie und drücke Enter oder Leertaste) und tippe. Das Öffnen speichert noch nichts. Erst ein übernommener Text wird gespeichert. * **Entfernen**: Lösche den ganzen Text und übernimm die leere Eingabe. Dann kommt die Fläche zurück. Ein Text, der nur aus Leerzeichen besteht, gilt als leer. Leere Listen und die Beschreibung von Zusatzleistungen legst du nur in den Einstellungen rechts an. Auch den Link eines Videos trägst du dort ein. Auf der Leinwand steht bei einem Video ohne Link nur der Hinweis „Link zum Video einfügen“. ## Automatisch speichern Du musst nicht speichern. Der Builder speichert den Entwurf etwa 0,8 Sekunden nach deiner letzten Änderung. Sofort speichert er, wenn du ein Feld verlässt, das Fenster den Fokus verliert oder du den Tab wechselst. Neben dem Titel zeigt die Leiste den Stand: | Anzeige | Bedeutung | | - | - | | **Gespeichert** | Alles ist gespeichert. | | **Speichert …** | Eine Änderung ist noch nicht gespeichert oder gerade unterwegs. | | **Nicht gespeichert, erneut versuchen** | Das Speichern ist fehlgeschlagen. Ein Klick auf „erneut versuchen“ startet es neu. | | **Konflikt: in einem anderen Tab geändert** | Das Angebot wurde inzwischen an anderer Stelle gespeichert. Der Builder überschreibt nichts und speichert in diesem Tab nicht weiter. **Neu laden** holt den aktuellen Stand. Nicht gespeicherte Änderungen aus diesem Tab gehen dabei verloren. | Verlässt du die Seite mit ungespeicherten Änderungen, startet der Builder noch einmal das Speichern und der Browser fragt nach. Ein Entwurf darf nicht beliebig groß werden. Wird er zu groß, meldet der Builder: „Der Entwurf ist zu groß zum Speichern. Kürze Texte oder entferne Bausteine.“ ### Rückgängig und Wiederholen Mit **Rückgängig** (⌘Z oder Strg+Z) und **Wiederholen** (⇧⌘Z, ⌘Y oder Strg+Y) nimmst du Änderungen zurück oder stellst sie wieder her. Während du in einem Textfeld tippst, gilt stattdessen das Rückgängig des Felds. Mehrere Eingaben im selben Feld innerhalb von etwa einer Sekunde zählen als ein Schritt. Der Builder merkt sich höchstens 200 Schritte, und nur solange er geöffnet ist. Nach dem Neuladen ist der Verlauf leer. ### Nach dem Versand Nach dem Versand bleibt der Builder offen für Änderungen am Entwurf. Die bereits versendete Version ändert sich dadurch nicht. Der Knopf oben heißt dann **Erneut versenden**. Erst damit kommen deine Änderungen zum Empfänger. Mehr dazu unter [Versenden](/guides/versenden). Ist das Angebot angenommen oder zurückgezogen, ist **Versenden** gesperrt. ## Vorschau und Geräteansicht Mit dem Gerätewähler oben schaltest du die Leinwand um: **Desktop**, **Tablet** (768 px) und **Mobil** (390 px). Die Sections passen ihr Layout an die Breite an. **Vorschau** öffnet den Entwurf in einem neuen Tab, ohne Builder-Oberfläche und mit denselben Bausteinen wie die Seite des Empfängers. Der Builder speichert vorher. In der Vorschau gilt: * Ausgeblendete Sections fehlen. * Bekannte Variablenwerte sind eingesetzt. Platzhalter ohne Wert bleiben stehen und sind markiert. Dazu steht der Hinweis „Markierte Platzhalter werden beim Versand gefüllt.“ * Die Rechner lassen sich bedienen. Ein Video lädt erst nach einem Klick. * Die Buttons der Annahme sind ohne Funktion. Den Ablauf mit Name, E-Mail-Adresse und Code gibt es nur auf der Seite des Empfängers. ## Hinweise und Versandbereitschaft Hat der Entwurf Fehler, zeigt die Leiste neben dem Score einen Knopf mit ihrer Anzahl, zum Beispiel „2 Hinweise“. Die Liste nennt Fehler in Feldern, etwa ein leeres Pflichtfeld oder eine zu kurze Paketliste. Ein Klick auf einen Hinweis wählt die Section aus. Entwürfe werden trotz Hinweisen gespeichert. Solange der Entwurf Fehler hat, ist **Versenden** gesperrt. Der Tooltip nennt den ersten Fehler („Nicht versandbereit: …“). ## Offer-Score Der Score in der Leiste (zum Beispiel „Score 85“) bewertet den Aufbau deines Angebots von 0 bis 100. Ein Klick öffnet die Liste der Hinweise. Gehört ein Hinweis zu einer Section, springst du mit einem Klick dorthin. Auf der Leinwand und in der Liste im Reiter **Struktur** ist die Section markiert. Der Score ist eine Empfehlung. Versenden kannst du immer. Die einzige Ausnahme sind offene Variablen: Sie sperren den Versand. Der Score startet bei 100. Jeder Hinweis zieht Punkte ab: | Gewicht | Abzug | | - | - | | Hoch | 25 Punkte | | Mittel | 15 Punkte | | Niedrig | 10 Punkte | Die Stufen sind **Stark** (ab 85), **Solide** (ab 60) und **Lücken** (darunter). | Hinweis | Gewicht | Wann er erscheint | | - | - | - | | Offene Variablen | Hoch | Ein Platzhalter in einer sichtbaren Section hat keinen Wert. Die Platzhalter `{{name}}`, `{{firma}}`, `{{email}}` und `{{gueltig_bis}}` zählen im Builder nicht mit. Ihre Werte stehen erst im Versand-Dialog fest. | | Beweis fehlt | Hoch | Es gibt keine sichtbare Section Referenzen mit mindestens einem Eintrag. Gezählt wird nur die Liste des gewählten Layouts (Zitate oder Logos). | | Preis steht vor dem Wert | Hoch | Die erste Section Preise steht vor der ersten Wert-Section, oder es gibt keine Wert-Section. Als Wert zählen Ausgangslage, Kosten des Wartens, ROI-Rechner und Eigener Rechner. Ohne Section Preise erscheint der Hinweis nicht. | | Absicherung fehlt | Mittel | Es gibt keine sichtbare Section Absicherung mit mindestens einer Zusage mit Titel. Ersatzweise reicht ein Stichwort wie „Garantie“ oder „Festpreis“ im Text einer anderen sichtbaren Section. | | Einwände unbeantwortet | Mittel | Es gibt keine sichtbare Section Häufige Fragen mit mindestens einer beantworteten Frage. | | Zu viele Pakete | Niedrig | Alle sichtbaren Sections Preise haben zusammen mehr als 3 Pakete. | | Kein Ablaufdatum | Niedrig | Im Versand-Dialog ist kein „Gültig bis“ gesetzt. Im Builder wird dieser Hinweis nicht ausgewertet. | Der Score wird nicht gespeichert. Er rechnet bei jeder Änderung neu, mit dem Stand deiner gespeicherten Antworten im Reiter **Variablen**. ## Lesemodus für Betrachter Mit der Rolle Betrachter öffnest du den Builder über **Im Builder ansehen** im Lesemodus. Die Leiste zeigt **Nur Lesen**, und ein Hinweis erklärt: Du hast Leserechte und kannst das Angebot ansehen, aber nicht ändern. Links steht nur die Struktur als Liste zum Auswählen, die Einstellungen rechts fehlen. Score und **Vorschau** bleiben. Es wird nie gespeichert. ## Grenze bei schmalen Bildschirmen Der Builder braucht mindestens 900 Pixel Breite. Auf schmaleren Bildschirmen siehst du statt des Builders den Hinweis **Der Builder braucht einen größeren Bildschirm** mit zwei Wegen: **Vorschau ansehen** und **Zurück zum Angebot**. Öffne das Angebot zum Bearbeiten am Laptop oder Desktop. Vorschau und Angebotsseite funktionieren auch auf dem Handy. ## Weiter * [Sections](/guides/sections): alle Typen, Layouts und Grenzen * [Vorlagen und Variablen](/guides/vorlagen-und-variablen) * [Versenden](/guides/versenden) This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.