Anpassungsmöglichkeiten im twingleMANAGER
- Vorschau und Textfelder: Logge Dich im twingleMANAGER ein und öffne Projekteinstellungen / Inhalte / Spendenurkunde. Über den Link zur Vorschau siehst Du die Urkunde mit Beispieldaten. Direkt darunter stehen alle Textfelder, die auf der Urkunde ausgegeben werden.
- Primärfarbe anpassen: Diese ergibt sich aus der Primärfarbe des Projekts. Sie färbt den Rahmen der Urkunde, Überschriften und weitere Hervorhebungen. Die Urkunde ist ein A4-Blatt im Hochformat: Motivbild und individueller Text sind die beiden Stellen, die Du füllen kannst.
- Texte anpassen: Alle Texte der Spendenurkunde können angepasst werden. Diese sind in den jeweiligen Projekteinstellungen unter Inhalte / Spendenurkunde zu finden. In fast allen Texten ist dabei die Verwendung von html möglich. In den Texten kannst Du Platzhalter verwenden, die beim Erstellen der Urkunde ersetzt werden. Die vollständige Liste steht im twingleMANAGER unter den Textfeldern. Häufig genutzt:
{{purpose}}(gewählter Spendenzweck),{{receiver}}und{{sender}}(Empfänger:in und Absender:in),{{amount}}und{{currency}}(Betrag und Währung),{{date}}(Datum der Zahlung) und{{organisation}}(Name der Organisation). Bei Spendenurkunden-Projekten kannst Du zusätzlich{{product}}(Name des Motivs) und{{count}}(Anzahl) verwenden. - Dateinamen anpassen: Der Dateiname, der Spendenurkunde die an der Danke-Mail hängt, kann in den Projekteinstellungen unter Inhalte / Spendenurkunde / Dateiname geändert werden.
- Bild hinterlegen: Bei Projekten vom Typ Spenden und Anlassspenden kann ein Bild zur Urkunde hinterlegt werden. Beim Spendenshop und den Spendenurkunden wird das gewähle Produkt/Motiv verwendet. Hier kann aber ein extra Bild nur für die Urkunde hinterlegt werden. Bei Spendenurkunden-Projekten pflegst Du Text und Bild pro Motiv: Logge Dich im twingleMANAGER ein und öffne Projekteinstellungen / Motive. Im Motiv gibt es das Feld "Beschreibung auf der Urkunde" (auch mit Platzhaltern) und optional ein eigenes "Bild für Spendenurkunde". Schriftart, Farben und Positionen gelten dagegen für alle Motive eines Projekts.
- Das Logo wird automatisch aus den Organisationseinstellungen übernommen (Einstellungen / Design). Ein abweichendes Logo im Design eines einzelnen Projekts wird für die Urkunde nicht verwendet. Die Urkunde verkleinert das Logo: Bei Spendenurkunden-Projekten steht es oben links mit maximal 250 x 70 Pixeln, bei allen anderen Projekten unten mittig mit maximal 400 x 100 Pixeln. Bei sehr filigranen Elementen im Logo, wie z. B. Schrift, kann es zu Unschärfen bei der Darstellung kommen.
Hinweise:
- Prüfe jede Änderung in der Vorschau.
- Im Spendenshop gibt die Urkunde die bestellten Produkte, den Empfänger und die persönliche Botschaft aus. Der Text "Text unter dem Bild" wird dort nicht auf der Urkunde angezeigt.
- Die Textfelder unterscheiden sich je nach Widgetart. Was für Dein Projekt zur Verfügung steht, siehst Du in der Vorschau.
- Bild, Texte und Logo teilen sich eine A4-Seite. Sind sie zusammen zu hoch (zum Beispiel hohes Logo, zwei Zeilen Text am Ende und ein hohes Bild), überschneiden sie sich. Verwende ein Bild mit höchstens 400 Pixeln Höhe, kürze die Texte oder verkleinere das Logo.
- Wurde das Logo geändert und erscheint nicht auf der Urkunde, prüfe zuerst, ob es in Einstellungen / Design hinterlegt ist. Wende Dich bei weiter falscher Darstellung an den Support.
Individuelle Anpassungen
Zu jeder Spendenurkunde kann eine CSS-Datei hinterlegt werden. Diese wird dann bei der Generierung der PDF-Datei geladen und wirkt sich auf das Layout der Urkunde aus. Die CSS-Datei muss dabei auf einem Webspace abgelegt werden und die komplette URL der Datei im twingleMANAGER hinterlegt werden. Trage die vollständige Adresse der CSS-Datei unter Projekteinstellungen / Inhalte / Spendenurkunde im Feld "Eigene CSS-Datei für Spendenurkunden" ein. Die Datei muss über eine sichere Verbindung (
https://…) erreichbar sein:Die Urkunde selbst ist ein HTML-Dokument, welches in ein PDF umgewandelt wird. Mit Kenntnissen über CSS ist dadurch möglich Anpassungen vorzunehmen. Um den HTML-Code der jeweiligen Urkunde zu sehen, führe diese Schritte aus:
- Öffne die Vorschau der Urkunde im Browser
- Entferne aus der Vorschau den letzten Teil: "/de/pdf", so dass die URL mit "/example" endet
Dann siehst Du die HTML-Version der Urkunde und kannst den Quellcode der Seite einsehen.
Hinweise:
- Die PDF-Generierung kann unter Umständen nicht alle CSS-Anweisungen umsetzen. Prüfe daher alle Änderungen unbedingt auch in der PDF-Vorschau.
- Bei Schriften musst Du darauf achten, dass die .ttf-Version eingebunden wird.
Individuelle Urkunde zum selber ausfüllen
Auch das ist möglich und diese Variante ist in dieser FAQ beschrieben.