Zum Hauptinhalt springen
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.

​
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.
  • Die Standardkonfiguration ist nur der Startwert für neue Gutscheine. Logo, Bilder und Texte passen die Betriebe danach selbst über Konfigurieren an.

​
Verwandte Artikel