Zum Hauptinhalt springen
Im Formular einer Gutscheinvorlage gestaltest du, wie die Gutscheine von VOUCHER! (der Online-Gutscheinverkauf) als PDF aussehen. Du öffnest es über die Liste Gutscheinvorlagen, entweder mit Neu oder mit einem Klick auf eine Zeile. Nur Super-Admins können Vorlagen öffnen und speichern. Die Überschrift lautet bei einer neuen Vorlage „Einstellungen - Neue Vorlage”, sonst „Einstellungen - Name”. Eine neue Vorlage startet mit dem Namen „Template”, einer Standardkonfiguration mit Beispieltexten und leeren HTML- und CSS-Feldern.

​
Allgemein

​
Konfiguration

Der Bereich Konfiguration hat links sechs Registerkarten und rechts eine Live-Vorschau im DIN-A4-Format.

​
Standardkonfiguration

​
Daten im HTML

Die Gutscheine werden mit Handlebars gerendert. Über die Schaltfläche Info unten rechts in den HTML-Editoren öffnest du die vollständige Liste der verfügbaren Daten (RenderingModel). Die wichtigsten Daten:
  • texts.title, texts.text — Anrede und Nachricht in der Sprache des Gutscheins
  • staticTexts.hint, staticTexts.priceDescription, staticTexts.issuedOn, staticTexts.redeemableUntil — die festen Texte
  • companyData — Kontaktdaten des Betriebs, zum Beispiel companyData.name oder companyData.city
  • voucher — Gutscheindaten wie voucher.code, voucher.value, voucher.dateCreated, voucher.validUntil und voucher.voucherElements
  • logo.url, selectedImage.url, shouldShowPrice, visibleCompanyData — Werte aus der Konfiguration
  • {{{qrCode}}} — QR-Code des Gutscheincodes als SVG
  • {{{style}}} — das kompilierte CSS inklusive <style>-Tag
Preise formatierst du mit dem Filter formatPrice, Datumswerte mit formatDate.

​
Abhängigkeiten

  • Die Vorschau zeigt das Hochformat, solange zuletzt eine Hochformat-Registerkarte aktiv war, und das Querformat nach einer Querformat-Registerkarte. Standardkonfiguration und Allgemeines CSS behalten das zuletzt gewählte Format.
  • Preis standardmäßig anzeigen ist für den Käufer nur änderbar, wenn Preis kann beim Kauf ausgeblendet werden auf „Ja” steht.
  • Beim Speichern rendert die Anexis CLOUD! die Vorlage in Deutsch, Italienisch und Englisch, jeweils im Hoch- und Querformat. Schlägt das fehl, erscheint „Rendering fehlgeschlagen”, und die Vorlage wird nicht gespeichert.

​
Aktionen

​
Verwandte Artikel