> ## Documentation Index
> Fetch the complete documentation index at: https://docs.cloud.anex.is/llms.txt
> Use this file to discover all available pages before exploring further.

# Eine Gutscheinvorlage anlegen

> So legst du im Admin-Bereich der Anexis CLOUD! eine neue Gutscheinvorlage mit HTML, CSS und Standardkonfiguration an, die alle Betriebe in VOUCHER! für ihre PDF-Gutscheine auswählen können.

Mit einer Gutscheinvorlage gestaltest du ein neues Layout für die PDF-Gutscheine von VOUCHER! (der Online-Gutscheinverkauf). Nach dem Speichern steht die Vorlage allen Betrieben im Feld **Vorlage** zur Verfügung, wenn sie einen Gutschein anlegen oder bearbeiten.

## Voraussetzungen

* Du bist Super-Admin. Benutzer mit der Berechtigung VOUCHER! sehen die Liste, können Vorlagen aber nicht speichern.
* Du kennst die Grundlagen von HTML, CSS und [Handlebars](https://handlebarsjs.com/).

## Schritte

1. Klicke im Admin-Dashboard im Bereich **VOUCHER!** auf **Gutscheinvorlagen**.
2. Klicke oben auf **Neu**. Die Vorlage startet mit dem Namen „Template" und Beispieltexten.
3. Ersetze bei **Name** den Platzhalter durch einen aussagekräftigen Namen.
4. Prüfe in der Registerkarte **Standardkonfiguration** die Startwerte: **Bild**, **Logo**, **Preis kann beim Kauf ausgeblendet werden**, **Preis standardmäßig anzeigen** und **Angezeigte Kontaktdaten**.
5. Pflege in den Sprachregisterkarten Deutsch, Italienisch und Englisch die Texte **Anrede**, **Nachricht**, **Hinweis**, **Preisbeschreibung**, **Ausgestellt am** und **Einlösbar bis**.
6. Öffne die Registerkarte **HTML (Hochformat)** und schreibe den Aufbau des Gutscheins. Klicke auf **Info** unten rechts im Editor, um alle verfügbaren Daten zu sehen. Binde das CSS mit `{{{style}}}` ein.
7. Lege in **CSS (Hochformat)** die Styles für das Hochformat fest. Styles für beide Formate gehören in **Allgemeines CSS**.
8. Wiederhole die Schritte 6 und 7 in **HTML (Querformat)** und **CSS (Querformat)**.
9. Kontrolliere rechts die Vorschau. Sie aktualisiert sich nach jeder Änderung mit Beispieldaten.
10. Klicke auf **Speichern**. Die Anexis CLOUD! rendert die Vorlage dabei in allen drei Sprachen und beiden Formaten.
11. Klicke auf **Speichern und schließen**, um zur Liste **Gutscheinvorlagen** zurückzukehren.

## Tipps

* Falls die Vorschau „Fehler" zeigt oder beim Speichern „Rendering fehlgeschlagen" erscheint, prüfe zuerst die Handlebars-Ausdrücke, zum Beispiel nicht geschlossene `{{#if}}`-Blöcke, und danach die CSS-Syntax.
* Am schnellsten startest du, wenn du HTML und CSS einer bestehenden Vorlage kopierst und anpasst.
* Die Vorlage ist sofort für alle Betriebe auswählbar. Ein Betrieb sieht sie in der Vorlagenauswahl seines Gutscheins, siehe [Einen neuen Gutschein erstellen](https://docs.cloud.anex.is/de/mandants/components/voucher/create-voucher.md).
* Die Standardkonfiguration ist nur der Startwert für neue Gutscheine. Logo, Bilder und Texte passen die Betriebe danach selbst über **Konfigurieren** an.

## Verwandte Artikel

* [Gutscheinvorlage bearbeiten Seitenreferenz](./voucher-template-edit) -- alle Felder und Einstellungen im Detail
* [Gutscheinvorlagen Seitenreferenz](./voucher-templates) -- die Liste aller Vorlagen
* [Gutscheinvorlagen ändern und löschen](https://docs.cloud.anex.is/de/admin/voucher/manage-voucher-templates.md) -- Schritt-für-Schritt-Anleitung
* [VOUCHER! Einstellungen Seitenreferenz](../../mandants/components/voucher) -- VOUCHER! aus Sicht der Betriebe


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.