> ## Documentation Index > Fetch the complete documentation index at: https://foliant-help.iforiti.com/llms.txt > Use this file to discover all available pages before exploring further. # Den Vorlageneditor öffnen > Der Vorlageneditor öffnet sich im Vollbild über der Seite „Vorlagen“, mit einem visuellen Editor für Blöcke und einem Code-Editor für Liquid und HTML. Im Vorlageneditor ändern Sie, wie ein Dokument aussieht und was es druckt. Er öffnet sich in einem Vollbildfenster über der Seite **Vorlagen**. Die meisten Vorlagen lassen sich auf zwei Arten bearbeiten: im Editor **Visuell**, in dem Sie das Dokument ohne Code aus Blöcken aufbauen, und im Editor **Code**, in dem Sie das Liquid und HTML der Vorlage direkt bearbeiten. Was Sie auch ändern, die Seitenvorschau aktualisiert sich während der Arbeit. ![Der Vorlageneditor im Modus „Visuell“](https://mintcdn.com/foliant-dev/AoWxppgqeHqT1nDZ/template-editor/images/editor-overview.png?fit=max\&auto=format\&n=AoWxppgqeHqT1nDZ\&q=85\&s=4c16c3872dcf20e9f32165be1563b3b2) ## Den Editor öffnen 1. Gehen Sie in Foliant zu **Vorlagen**. 2. Öffnen Sie das Menü **Aktionen** der Vorlage und wählen Sie **Vorlage bearbeiten**. Sie können auch die Seite **Einstellungen** der Vorlage öffnen und dort auf **Vorlage bearbeiten** klicken. Der Editor öffnet immer eine bereits vorhandene Vorlage. Um eine neue anzulegen, verwenden Sie zuerst **Vorlage erstellen** auf der Seite „Vorlagen“ (siehe [Eine Vorlage erstellen](https://foliant-help.iforiti.com/de/templates/create-a-template.md)). Sobald die neue Vorlage erstellt ist, öffnet sich der Editor mit ihr. Um den Editor zu schließen, verwenden Sie die Schließen-Schaltfläche des Fensters im Shopify-Adminbereich. Sie kehren zu der Seite zurück, von der Sie gekommen sind. ## Was Sie sehen **Die obere Leiste** zeigt den Namen der Vorlage und diese Aktionen: | Aktion | Funktion | | - | - | | **Verlauf** | Öffnet den Versionsverlauf der Vorlage. Solange er geöffnet ist, lautet die Schaltfläche **Zurück zum Editor**. | | **Veröffentlichen** | Wird statt „Verlauf“ als Hauptschaltfläche angezeigt, wenn **Veröffentlichen erforderlich** aktiviert ist und die Vorlage einen unveröffentlichten Entwurf hat. Siehe [Änderungen speichern und veröffentlichen](https://foliant-help.iforiti.com/de/template-editor/save-and-publish.md). | | **Vorlageneinstellungen** | Schließt den Editor und öffnet die Einstellungsseite der Vorlage: wer die Vorlage erhält, ihr Name, Dokumenttyp, Sprache und Versand. | | **Blöcke als JSON anzeigen** | Nur für visuelle Vorlagen. Zeigt die Blöcke als Daten an, um sie zu exportieren oder zu importieren. Siehe [Blöcke als JSON exportieren und importieren](https://foliant-help.iforiti.com/de/template-editor/export-import-blocks.md). | | **Durch eine Vorlage ersetzen…** | Ersetzt die gesamte Vorlage durch eine fertige Startvorlage oder ein Design. Erst beim Speichern ändert sich etwas. | | **Löschen** | Löscht die Vorlage, nachdem Sie bestätigt haben. | **Die Zeile unter der oberen Leiste** enthält: * Den Modusschalter: **Visuell** und **Code**. Siehe [Zwischen Visuell und Code wechseln](https://foliant-help.iforiti.com/de/template-editor/visual-and-code-modes.md). * **Papier**, **Dokumentsprache**, **Zweite Sprache** (Code-Vorlagen) und **Zahlenformat** des Dokuments. Diese werden mit der Vorlage gespeichert. Siehe [Vorschau, Papierformat und Zoom](https://foliant-help.iforiti.com/de/template-editor/preview-paper-and-zoom.md) und [Datumsangaben, Sprachen und Übersetzungen](https://foliant-help.iforiti.com/de/template-editor/liquid-dates-and-languages.md). * Das Badge **Veröffentlicht** oder **Entwurf – unveröffentlichte Änderungen**, wenn eine Veröffentlichung erforderlich ist. * Ein Badge **Ungespeicherte Änderungen**, solange Sie Änderungen zu speichern haben. * Im visuellen Editor: **Rückgängig**, **Wiederholen**, **Dokumentstile** und die Anzahl der Blöcke. **Der Hauptbereich** hängt vom Modus ab: * **Visuell**: links die Blockpalette, in der Mitte die Seite und rechts der Inspektor. Siehe [Blöcke hinzufügen, verschieben und entfernen](https://foliant-help.iforiti.com/de/template-editor/add-and-arrange-blocks.md). * **Code**: links der Code-Editor mit den Referenzen **Liquid-Variablen** und **Metafelder**, rechts die Live-Vorschau. Siehe [Den Code einer Vorlage bearbeiten](https://foliant-help.iforiti.com/de/template-editor/code-editor.md). Über der Seite finden Sie außerdem **PDF-Vorschau**, die Schaltfläche **Wasserzeichen: an** / **Wasserzeichen: aus** (siehe [Ein Wasserzeichen oder einen Stempel hinzufügen](https://foliant-help.iforiti.com/de/template-editor/watermarks.md)), die Auswahl der Vorschaubestellung und die Zoom-Schaltflächen. ## In welchem Editor sich eine Vorlage öffnet * Eine aus Blöcken aufgebaute Vorlage öffnet sich in **Visuell**, wenn Ihr Tarif den visuellen Editor enthält. Andernfalls öffnet sie sich in **Code**. Siehe [Verfügbarkeit des visuellen Editors nach Tarif](https://foliant-help.iforiti.com/de/template-editor/visual-editor-plans.md). * Eine in Code geschriebene Vorlage öffnet sich in **Code**. Über den Tab **Visuell** können Sie sie in Blöcke umwandeln. * Eine aus einem gekauften Design erstellte Vorlage öffnet sich stattdessen im Design-Editor. Siehe [Ein Design anpassen](https://foliant-help.iforiti.com/de/designs/customize-a-design.md). ## Gut zu wissen * Links, die aus dem Editor herausführen (etwa **Vorlageneinstellungen**, die Branding-Einstellungen oder die Tarifseite), schließen das Fenster. Wenn Sie ungespeicherte Änderungen haben, fragt Foliant zuerst, ob Sie **Speichern und fortfahren** oder **Verwerfen und fortfahren** möchten. * Bei Rechnungs- und Gutschriftvorlagen, mit denen bereits Dokumente ausgestellt wurden, erinnert Sie ein Banner daran, dass Änderungen nur für ab jetzt ausgestellte Dokumente gelten. Siehe [Ausgestellte Rechnungen sperren](https://foliant-help.iforiti.com/de/invoices-and-numbering/locked-invoices.md). * Vorlagen, die ein Dokument für alle ausgewählten Bestellungen drucken (Versandlisten, Bestellübersichten, Picklisten), bieten eigene Blöcke und Felder. Die Vorschau verwendet für sie drei Beispielbestellungen, und Blöcke können keine Bedingungen haben. ## Verwandte Artikel * [Zwischen Visuell und Code wechseln](https://foliant-help.iforiti.com/de/template-editor/visual-and-code-modes.md) * [Blöcke hinzufügen, verschieben und entfernen](https://foliant-help.iforiti.com/de/template-editor/add-and-arrange-blocks.md) * [Den Code einer Vorlage bearbeiten](https://foliant-help.iforiti.com/de/template-editor/code-editor.md) * [Änderungen speichern und veröffentlichen](https://foliant-help.iforiti.com/de/template-editor/save-and-publish.md) * [Eine Vorlage erstellen](https://foliant-help.iforiti.com/de/templates/create-a-template.md) This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.