Individuelle Dankesmails mit HTML: Mehr Wirkung nach der Spende
Mehr Gestaltungsspielraum für Deine Kommunikation: In den Editoren der FundraisingBox kannst Du jetzt eigene HTML-Inhalte verwenden und bearbeiten. Damit lassen sich E-Mail-Templates, Dokumenten-Templates, Signaturen und Kommunikationen deutlich individueller gestalten.
Wie viel damit möglich ist, zeigen wir Dir in diesem Artikel an einem besonders wichtigen Kontaktpunkt: der Dankesmail nach einer erfolgreichen Spende. Sie dient uns hier als Beispiel – die neue HTML-Funktion kannst Du genauso für weitere E-Mail-Templates, Dokumenten-Templates, Signaturen und Kommunikationen in der FundraisingBox nutzen.
An drei unterschiedlichen Dankesmails siehst Du, wie aus einer funktionalen Bestätigung eine individuell gestaltete Nachricht werden kann – passend zu Deiner Organisation, Deinem Spendenzweck und Deiner Markenwelt.
Besonders praktisch: Du musst Deine Inhalte anschließend nicht ausschließlich im Code pflegen. Du kannst HTML als Grundlage nutzen und Dein Template danach direkt im Editor weiterbearbeiten. So verbindest Du individuelle Gestaltung mit einem praktischen Workflow für Deinen Alltag.
Inhalt
Von der Transaktionsmail zum Markenerlebnis
Drei Beispiele: So unterschiedlich kann Deine Dankesmail aussehen
Kein fertiges HTML-Template? Lass Dir den Start von KI erleichtern
Mit HTML starten, im Editor weitergestalten
Nicht nur für Dankesmails: HTML in weiteren Bereichen nutzen
Von der Transaktionsmail zum Markenerlebnis
Die Spende ist abgeschlossen. Deine Unterstützer*innen haben sich bewusst für Deine Organisation entschieden. Kurz darauf landet die Bestätigungsmail im Postfach.
Eine klassische Vorlage erfüllt hier vor allem ihren funktionalen Zweck: Sie bestätigt die Spende und übermittelt die wichtigsten Informationen.
Mit einem individuellen HTML-Template kannst Du diesen Kontaktpunkt deutlich stärker gestalten. Du kannst zum Beispiel:
-
Spendendaten visuell hervorheben
-
Farben und Gestaltung Deiner Organisation aufgreifen
-
Wirkung in eigenen Inhaltsbereichen zeigen
-
Bilder, Karten und Buttons einsetzen
-
einen passenden nächsten Schritt anbieten
So bleibt die Dankesmail eine verlässliche Bestätigung und wird gleichzeitig zu einem Kommunikationsmoment, der Deine Organisation widerspiegelt und die Spender*innen-Bindung erhöht.
Und genau dieses Prinzip kannst Du auf weitere Inhalte übertragen. Auch Dokumenten-Templates, Signaturen oder andere Kommunikationen lassen sich mit HTML stärker an Deine Organisation und Deinen Kommunikationsstil anpassen.
Den HTML-Modus erreichst Du direkt im jeweiligen Editor der FundraisingBox. Öffne dafür Dein Template, Deine Signatur oder Deine Kommunikation und klicke auf das HTML-Symbol. Dort kannst Du eigenen HTML-Code einfügen oder bestehenden Code bearbeiten. Anschließend speicherst Du Deine Änderungen wie gewohnt.
Mehr Informationen zur grundsätzlichen Verwendung des HTML-Editors findest Du im Hilfe-Center-Artikel.
Drei Beispiele: So unterschiedlich kann Deine Dankesmail aussehen
Wie unterschiedlich das Ergebnis aussehen kann, zeigen die folgenden drei Beispiele. Unsere Beispiele sollen vor allem zeigen, was mit HTML möglich ist. Sie sind keine fertigen Best-Practice-Templates, sondern unterschiedliche Ausgangspunkte, die Du an Deine Marke, Deine Inhalte und Deine Zielgruppe anpassen kannst.
#1 Humanitäre Hilfe: Klarheit und Vertrauen
Bei humanitärer Hilfe stehen schnelle Orientierung, Vertrauen und konkrete Wirkung im Mittelpunkt.
In unserem Beispiel wird die Spendensumme prominent hervorgehoben. Zusätzlich zeigen eigene Inhaltsbereiche, wofür Unterstützung eingesetzt werden kann – etwa für Trinkwasser, Lebensmittel oder medizinische Versorgung.
Das Beispiel zeigt unter anderem:
-
eine eigene Farb- und Markenwelt
-
eine deutlich hervorgehobene Spendenübersicht
-
mehrere Impact-Bereiche
-
einen klaren CTA
-
eine persönliche Absender*in
Durch den klaren Aufbau können Spendende schnell erfassen, dass ihre Spende angekommen ist und wofür sie eingesetzt werden kann.
#2 Tierschutz: Emotionen und persönliche Geschichten
Eine Tierschutzorganisation kann denselben Kontaktpunkt ganz anders gestalten.
Im Beispiel steht die Geschichte eines konkreten Tieres im Mittelpunkt. Warme Farben, weichere Formen und eine eigene Story-Karte unterstützen die persönliche Ansprache. Gleichzeitig bleiben die wichtigsten Informationen zur Spende übersichtlich.
#3 Kinder- und Jugendhilfe: Lebendig und modular
Für eine Organisation aus der Kinder- und Jugendhilfe kann die Gestaltung wiederum deutlich dynamischer ausfallen.
In unserem Beispiel strukturieren verschiedene Farben und Module die Inhalte. Ein Projektbeispiel, ein Zitat und mehrere Wirkungsbereiche machen sichtbar, welche Chancen durch die Unterstützung entstehen.
Das Beispiel zeigt:
-
mehrere farbige Content-Module
-
große, klare Headlines
-
einen eigenen Bereich für ein Projektzitat
-
verschiedene Wirkungsbereiche
-
eine moderne und lebendige visuelle Sprache
Alle drei Mails erfüllen dieselbe Grundfunktion: Sie bedanken sich für eine erfolgreiche Spende. Trotzdem sehen sie vollkommen unterschiedlich aus.
Genau darin liegt der Vorteil von HTML: Deine Kommunikation kann sich stärker an Deiner Organisation, Deinem Thema und Deiner Markenwelt orientieren.
Kein fertiges HTML-Template? Lass Dir den Start von KI erleichtern
Du möchtest individuell gestalten, hast aber noch kein eigenes HTML-Template? Dann kannst Du Dir einen ersten Entwurf auch mit einem KI-Tool wie ChatGPT erstellen lassen.
Der Ablauf kann zum Beispiel so aussehen:
- Passenden Prompt auswählen.
- Organisationsname, Farben, Spendenzweck und CTA ergänzen.
- HTML-Code erstellen lassen.
- Code in die FundraisingBox einfügen.
- Ergebnis im Editor weiter anpassen.
Beispiel-Prompt für humanitäre Hilfe
“Erstelle eine vollständige HTML-Dankesmail für eine Spende an eine Organisation im Bereich humanitäre Hilfe.
Nutze:
-
Organisation: [NAME]
-
Hauptfarbe: [HEX]
-
Akzentfarbe: [HEX]
-
Spendenzweck: [ZWECK]
-
CTA: [TEXT + URL]
-
Absender*in: [NAME + FUNKTION]
Verwende diese Platzhalter unverändert:
{{Vorname}}, {{Betrag}}, {{Spendenzweck}}, {{Datum}}
Die Mail soll seriös, modern und vertrauenswürdig wirken. Danke persönlich für die Spende und zeige konkret, wie sie z. B. Trinkwasser, Lebensmittel, Schutz oder medizinische Hilfe ermöglicht. Hebe den Spendenbetrag visuell hervor und integriere einen klaren CTA.
Technisch: vollständiges HTML, nur Inline-CSS, kein JavaScript, E-Mail-kompatibles Tabellenlayout, responsive, maximal 640 px breit.
Gib ausschließlich den fertigen HTML-Code aus.”
Tipp: Je genauer Du Farben, Tonalität, Ziel und gewünschte Inhalte beschreibst, desto besser kann der erste Entwurf zu Deiner Organisation passen.
Mit HTML starten, im Editor weitergestalten
Der HTML-Code muss dabei nicht das Ende Deiner Bearbeitung sein.
Nachdem Du Dein HTML eingefügt hast, kannst Du Dein Template im Editor der FundraisingBox weiter anpassen. Das macht den neuen HTML-Modus auch für Organisationen interessant, die ihre Templates nicht dauerhaft im Code pflegen möchten.
So kannst Du zum Beispiel:
-
Texte aktualisieren
-
Inhalte austauschen
-
Buttons anpassen
-
einzelne Elemente verändern
-
Dein Template für weitere Kommunikationsanlässe weiterentwickeln
Nicht nur für Dankesmails: HTML in weiteren Bereichen nutzen
Die Dankesmail ist in diesem Artikel bewusst unser Praxisbeispiel. Die neue HTML-Funktion bietet Dir aber deutlich mehr Einsatzmöglichkeiten.
Du kannst HTML in der FundraisingBox auch für andere Inhalte nutzen, zum Beispiel für:
-
E-Mail-Templates für unterschiedliche Kommunikationsanlässe wie Projektberichte oder Spendenquittungen
-
Dokumenten-Templates
-
Signaturen
-
Kommunikationen
So kannst Du nicht nur einzelne Dankesmails individueller gestalten, sondern Deine Kommunikation insgesamt stärker an Deine Markenwelt anpassen.
Ein einmal entwickeltes Grunddesign kann dabei als Ausgangspunkt für weitere Templates dienen. Farben, Layouts, Abstände oder bestimmte Inhaltsmodule lassen sich wiederverwenden und je nach Anlass mit neuen Inhalten füllen.
Damit entsteht Schritt für Schritt eine konsistentere Kommunikation über verschiedene Kontaktpunkte hinweg.
