Donation Form Suite: Single-Step Formulare

INHALTSVERZEICHNIS

• Was ist das Single-Step Formular?
  • Was ist der Unterschied zum Express Formular?
• Welche Zahlungsarten unterstützt das Single-Step Formular?
• Wo finde ich die Single-Step Formulare?
• Single-Step Formulare verwalten und KPIs auswerten
  • Conversion-Rate verstehen
• Single-Step Formular anlegen
• Allgemeine Formulareinstellungen festlegen
• Design des Single-Step Formulars anpassen
• Spendeneinstellungen konfigurieren
  • Spenden einem Projekt zuordnen
  • Spendenrhythmus festlegen
  • Betragsvorschläge einrichten
  • Gebührenübernahme aktivieren
• Persönliche Angaben und Einwilligungen konfigurieren
• Spenderdaten festlegen
  • Spenderdatenfeld entfernen
  • Feld als Pflichtfeld festlegen
  • Weitere Spenderdatenfelder hinzufügen
  • Einwilligungen festlegen
  • Links für Datenschutzerklärung und AGB hinterlegen
  • Einwilligungsfeld entfernen
• Ansicht nach der Spende einrichten
  • Teilen-Optionen aktivieren
  • Dankes-E-Mail auswählen
  • Abschlusstexte anpassen
• Single-Step Formular speichern
• Technische Voraussetzungen für die Einbettung prüfen
• Single-Step Formular auf der Website einbetten
• Formular bearbeiten, duplizieren oder löschen
• Troubleshooting: Fehler nach der Einbettung
  • Das Single-Step Formular wird nicht (immer) geladen/dargestellt

Mit dem Single-Step Formular der Donation Form Suite gestaltest Du eine Spendenseite, auf der alle wichtigen Informationen und Schritte des Spendenprozesses zusammengeführt werden. Spender*innen können sich über Dein Projekt informieren und Spendenbetrag, Spendenrhythmus sowie Zahlungsart direkt auf einer Seite auswählen. In diesem Artikel erfährst Du, wie Du ein Single-Step Formular erstellst, konfigurierst und auf Deiner Website einbettest.

Was ist das Single-Step Formular?

Das Single-Step Formular ist ein Formulartyp der Donation Form Suite, bei dem der gesamte Spendenprozess auf einer einzigen Seite stattfindet. Spender*innen erhalten alle wichtigen Informationen zu Deinem Spendenaufruf und können Projekt, Spendenbetrag und Spendenrhythmus direkt im Formular auswählen.

Das Single-Step Formular eignet sich besonders für Spendenseiten, auf denen Du Spender*innen informieren und ihnen verschiedene Spendenmöglichkeiten anbieten möchtest, beispielsweise:

• Zentrale Spendenseiten Deiner Organisation
• Projekt- und Kampagnenseiten
• Thematische Spendenseiten mit zusätzlichen Informationen zum Spendenzweck

Das Single-Step Formular ist Bestandteil der Donation Form Suite und steht Kund*innen mit einem aktuellen Fundraise-Vertrag zur Verfügung. Bei Fragen zu Deinem Vertrag kannst Du Dich an unseren Support wenden.

Was ist der Unterschied zum Express Formular?

Beide Formulartypen gehören zur Donation Form Suite und lassen sich für unterschiedliche Spendenanlässe einsetzen.

• Single-Step Formular: Bietet Spender*innen mehr Informationen und Auswahlmöglichkeiten auf einer Seite. Es eignet sich besonders, wenn sie sich zunächst über ein Projekt informieren und anschließend selbst entscheiden möchten, wie sie spenden.
• Express Formular: Ist auf einen möglichst schnellen Spendenabschluss ausgelegt. Es reduziert den Spendenprozess auf das Wesentliche und eignet sich besonders für konkrete Spendenaufrufe, beispielsweise bei Veranstaltungen, Nothilfe-Aktionen oder zeitlich begrenzten Kampagnen. Alle weiteren Informationen zum Express Formular findest Du hier: Donation Form Suite: Express Formulare

Welche Zahlungsarten unterstützt das Single-Step Formular?

Wichtig: Aktuell kannst Du Single-Step Formulare ausschließlich mit PayPal als Zahlungsart nutzen. PayPal muss dafür als aktive Zahlungsweise eingerichtet sein. Weitere Zahlungsarten werden künftig schrittweise ergänzt.

Wo finde ich die Single-Step Formulare?

Öffne in der FundraisingBox den Bereich Formulare > Formular-Suite.

• Falls Du diesen Menüpunkt nicht siehst, erfüllt Dein Vertrag nicht die Voraussetzungen oder Deinem Login fehlen die Rechte für Formulare

Single-Step Formulare verwalten und KPIs auswerten

Unter Formulare > Formular-Suite findest Du eine Übersicht aller bereits angelegten Single-Step Formulare und Express Formulare der Donation Form Suite. Dort kannst Du Deine Formulare verwalten und ihre wichtigsten Performance-Kennzahlen direkt vergleichen.

Für jedes Formular siehst Du neben Name, Formulartyp und dem Zeitpunkt der letzten Änderung folgende Kennzahlen:

• Transaktionssumme
• Letzte Transaktion
• Conversion-Rate in %
• Durchschnittliche Einzelspende
• Dauerspenden-Anteil in %

Die FundraisingBox berechnet die Performance-Kennzahlen automatisch, sobald für das jeweilige Formular genügend Daten vorliegen. Für die Conversion-Rate, die durchschnittliche Einzelspende und den Dauerspenden-Anteil sind mindestens 10 erfolgreich abgeschlossene Spenden erforderlich.

Bis genügend Daten vorliegen, zeigt die FundraisingBox in der jeweiligen Spalte folgenden Status an:

• „-“: Das Formular wurde noch nicht eingebettet oder es wurde noch kein Event über das Formular erfasst.
• „Sammelt Daten“: Das Formular wurde mindestens einmal aufgerufen, es liegen aber noch nicht genügend Daten für die Berechnung der Kennzahl vor.

Conversion-Rate verstehen

Die Conversion-Rate zeigt, welcher Anteil der Besucher*innen eines Single-Step Formulars eine Spende erfolgreich abschließt. Sie wird folgendermaßen berechnet:

Conversion-Rate = (Anzahl der Spenden ÷ Anzahl der Aufrufe des eingebetteten Formulars) × 100

Single-Step Formular anlegen

Folge dem Menüpfad von "Wo finde ich die Single-Step Formulare"? Klicke oben rechts auf Neues Formular anlegen.

Und wähle Single-Step Formular aus.

Der Formular-Editor ist in drei Bereiche aufgeteilt:

• Links: Navigation zwischen den Konfigurationsbereichen.
• Mitte: Einstellungen des aktuell ausgewählten Bereichs.
• Rechts: Live-Vorschau Deines Single-Step Formulars.

Allgemeine Formulareinstellungen festlegen

Im Bereich Allgemein hinterlegst Du die grundlegenden Informationen zu Deinem Single-Step Formular.

1. Gib unter Interner Formularname eine eindeutige Bezeichnung ein. Der Name dient der internen Verwaltung und ist für Spender*innen nicht sichtbar. Du kannst ihn über eine Variable im Verwendungszweck der Zahlungsweise verwenden.
2. Das System übernimmt automatisch die Domain, die Du unter Account > Organisationsdetails in Deinem FundraisingBox Account hinterlegt hast. Möchtest Du eine andere Domain hinterlegen, dann trage unter Domain der Website die Domain ein, auf der Du das Formular einbetten möchtest, beispielsweise www.meineorganisation.de. Verwende nicht die vollständige URL einer Unterseite, wie z.B. www.meineorganisation.de/spenden.
3. Aktiviere bei Bedarf Titel im Formular und gib eine passende Überschrift ein. Diese wird Spender*innen direkt im Formular angezeigt.
4. Aktiviere optional Link zur Spendenseite mit mehr Zahlungsarten.
5. Hinterlege den gewünschten Linktext und die URL Deines klassischen Spendenformulars.

Tipp: Wir empfehlen unbedingt den Link zu Deinem klassischen Spendenformular mit weiteren Zahlungsarten zu aktivieren. So bietest Du Spender*innen ohne PayPal eine einfache Alternative und verringerst die Wahrscheinlichkeit, dass ein Spendenvorgang abgebrochen wird.

Design des Single-Step Formulars anpassen

Im Bereich Design passt Du das Erscheinungsbild Deines Formulars an Deine Website und das Corporate Design Deiner Organisation an.

1. Öffne den Bereich Design.
2. Lege die gewünschte Akzentfarbe fest. Du kannst einen Hex-Farbcode eingeben oder die Farbe über die Farbauswahl bestimmen.
3. Wähle unter Rundung, wie stark die Ecken der Formularfelder und Schaltflächen abgerundet sein sollen.
4. Entscheide Dich für eine der Optionen Eckig, Leicht, Mittel oder Rund.

Die meisten Designänderungen werden direkt in der Live-Vorschau angezeigt.

Spendeneinstellungen konfigurieren

Im Bereich Spende legst Du fest, wie Spender*innen ihren Spendenbetrag und den Spendenrhythmus auswählen können. Außerdem kannst Du Spenden einem Projekt zuordnen und die Gebührenübernahme aktivieren.

Spenden einem Projekt zuordnen

Du kannst festlegen, ob Spenden über Dein Single-Step Formular automatisch einem bestimmten Projekt zugeordnet werden.

1. Öffne den Bereich Spende.
2. Wähle unter Projektzuordnung das gewünschte Projekt aus.

Wenn Dir keine Projektauswahl angezeigt wird, sind in Deinem FundraisingBox Account noch keine Projekte angelegt.

Wie Du Projekte einrichtest, erfährst Du im Artikel Projekte konfigurieren und auswerten.

Hinweis: Die Projektzuordnung erfolgt im Hintergrund. Spender*innen sehen das ausgewählte Projekt nicht im Single-Step Formular.

Spendenrhythmus festlegen

Aktiviere einen oder beide verfügbaren Spendenrhythmen:

• Einmalig
• Monatlich

Wenn Du beide Optionen aktivierst, kannst Du zusätzlich festlegen, welcher Spendenrhythmus vorausgewählt sein soll.

Wichtig: Der Spendenrhythmus „monatlich“ kann für PayPal gesperrt sein. Sind wiederkehrende PayPal-Zahlungen nicht aktiviert, wird im Bereich „Spende“ der Hinweis „Wiederkehrende Spenden sind für PayPal nicht aktiviert.“ angezeigt.

Betragsvorschläge einrichten

Mit Betragsvorschlägen erleichterst Du Spender*innen die Auswahl eines Spendenbetrags.

1. Aktiviere im Bereich Spende die Option Betragsvorschläge.
2. Trage die gewünschten Spendenbeträge ein.
3. Wenn Du einmalige und monatliche Spenden anbietest, konfiguriere die Betragsvorschläge für beide Spendenrhythmen getrennt.

Standardmäßig ist der mittlere Betragsvorschlag vorausgewählt.

Wenn Du keine Betragsvorschläge verwenden möchtest, deaktiviere die Option und hinterlege stattdessen einen Standardbetrag. Dieser Betrag wird beim Öffnen des Formulars angezeigt.

Gebührenübernahme aktivieren

Mit der Gebührenübernahme können Spender*innen zusätzlich zu ihrer Spende die anfallenden Transaktionsgebühren übernehmen.

1. Öffne den Bereich Spende.
2. Aktiviere die Option Gebührenübernahme.

Weitere Informationen findest Du im Artikel Was ist die Gebührenübernahme (Cover the fee)?.

Den Spender*innen wird dann ein entsprechender Hinweis im Single-Step Formular angezeigt.

Persönliche Angaben und Einwilligungen konfigurieren

Im Bereich Persönliche Angaben verwaltest Du die Spenderdaten und Einwilligungen, die Spender*innen im Single-Step Formular abgefragt werden sollen. Du kannst vorhandene Felder konfigurieren, entfernen und bei Bedarf erneut hinzufügen.

Spenderdaten festlegen

Im Bereich Spenderdaten bestimmst Du, welche persönlichen Angaben im Single-Step Formular abgefragt werden und welche davon verpflichtend sind.

Standardmäßig sind folgende Felder bereits hinterlegt:

• Vorname (Pflichtfeld)
• Nachname (Pflichtfeld)
• E-Mail-Adresse

Wichtig: Vorname und Nachname sind verpflichtende Felder und können nicht entfernt werden.

Spenderdatenfeld entfernen

Wenn Du ein Feld nicht benötigst, kannst Du es aus dem Formular entfernen.

1. Klicke auf das Zahnradsymbol neben dem gewünschten Feld, um das Kontext-Menü zu öffnen.
2. Bestätige unten im Kontext-Menü über den roten Button "Feld entfernen", dass Du das Feld löschen möchtest.

Feld als Pflichtfeld festlegen

Du kannst bestimmen, welche Angaben Spender*innen verpflichtend ausfüllen müssen.

1. Klicke auf das Zahnradsymbol neben dem gewünschten Feld, um das Kontext-Menü zu öffnen.
2. Aktiviere oben rechts im Kontext-Menü die Option Pflichtfeld.

Weitere Spenderdatenfelder hinzufügen

Du kannst Dein Single-Step Formular um zusätzliche Felder erweitern.

1. Klicke auf + Feld hinzufügen.
   
2. Wähle im geöffneten Auswahlfenster das gewünschte Feld aus.

Zusätzlich zu den Standardfeldern stehen Dir folgende Spenderdatenfelder zur Verfügung:

• Anrede
• Titel
• Adresse
• Telefonnummer
• Geburtsdatum

Unter Adresse kannst Du festlegen, welche Adressdaten im Single-Step Formular abgefragt werden sollen.

Folgende Felder stehen Dir zur Verfügung:

• Straße und Hausnummer
• Postleitzahl
• Ort
• Land

Du kannst jedes Feld einzeln aktivieren und bei Bedarf als Pflichtfeld festlegen. Klicke dazu auf das Zahnradsymbol neben dem jeweiligen Feld, um das Kontext-Menü zu öffnen und aktiviere die Option Pflichtfeld.

Einwilligungen festlegen

Um Einwilligungsfelder in Deinem Single-Step Formular hinzuzufügen, klicke auf + Einwilligung hinzufügen.

Folgende Einwilligungsfelder stehen zur Verfügung:

• Newsletter: freiwillige Einwilligung zum Newsletter-Empfang.
• Datenschutzerklärung: verpflichtende Zustimmung.
• Allgemeine Geschäftsbedingungen (AGB): verpflichtende Zustimmung.

Links für Datenschutzerklärung und AGB hinterlegen

Für die Datenschutzerklärung und die Allgemeinen Geschäftsbedingungen kannst Du jeweils einen Link hinterlegen.

1. Klicke rechts neben dem gewünschten Feld auf den kleinen Pfeil.
   

2. Das Feld für den Link wird ausgeklappt.
3. Trage den gewünschten Link ein.
   

Einwilligungsfeld entfernen

Wenn Du eine Einwilligung nicht im Single-Step Formular benötigst, kannst Du das entsprechende Feld entfernen.

1. Klicke auf das Zahnradsymbol neben dem gewünschten Feld.
2. Bestätige, dass Du das Feld löschen möchtest.
   

Ansicht nach der Spende einrichten

Im Bereich Nach der Spende konfigurierst Du die Ansicht, die nach einer erfolgreichen oder nicht abgeschlossenen Spende erscheint.

Teilen-Optionen aktivieren

Aktiviere die Teilen-Optionen, wenn Spender*innen den Spendenaufruf nach ihrer Spende teilen dürfen.

Dankes-E-Mail auswählen

Lege fest, welche Dankes-E-Mail nach der Spende versendet wird.

Du hast zwei Möglichkeiten:

• Verwende eine vorbereitete (out of the box) Dankes-E-Mail mit einer Absender-Adresse der FundraisingBox. Mehr Informationen dazu findest Du hier: Out of the box E-Mailversand für Formular-Dankes-Mails
• Wähle eine eigene, zuvor konfigurierte Absender-Adresse und ein bereits angelegtes E-Mail-Template aus. Wie Du eine Absender-Adresse anlegst, haben wir hier beschrieben: E-Mail Versand einrichten und Absender-Adressen aktivieren

Abschlusstexte anpassen

Du kannst die Standardtexte für folgende Fälle individuell anpassen:

• Überschrift bei erfolgreicher Spende
• Text bei erfolgreicher Spende
• Überschrift bei nicht abgeschlossener Spende
• Text bei nicht abgeschlossener Spende

Single-Step Formular speichern

Nachdem Du alle Einstellungen vorgenommen hast, kannst Du Dein Single-Step Formular speichern.

1. Klicke oben rechts im Formular-Editor auf Speichern.
   
2. Wenn eine Fehlermeldung erscheint, prüfe die Navigation auf der linken Seite. Dort siehst Du, in welchen Bereichen noch Angaben fehlen oder Fehler vorliegen. Die Anzahl der Fehler wird direkt am jeweiligen Menüpunkt angezeigt.
3. Öffne die betroffenen Bereiche und korrigiere die Angaben.
4. Klicke erneut auf Speichern.

Nach dem Speichern erscheint der Hinweis, dass es bis zu 60 Sekunden dauern kann, bis die Änderungen sichtbar werden.

Sobald das Formular erfolgreich gespeichert wurde, steht Dir in der linken Navigation zusätzlich der Bereich Einbetten zur Verfügung.

Technische Voraussetzungen für die Einbettung prüfen

Technische Voraussetzungen für die Einbettung prüfen

Bevor Du das Formular in Deine Website einfügst, prüfe die technischen Voraussetzungen.

• Dein Content-Management-System erlaubt das Einbinden von JavaScript und HTML.
• Der Formularbereich ist mindestens 320 Pixel breit.
• Bei einer aktiven Content Security Policy dürfen die erforderlichen Ressourcen geladen werden.
  • Siehe auch: Das Single-Step Formular wird nicht (immer) geladen/dargestellt
• Der Formularbereich hat möglichst keine feste Höhe.

Single-Step Formular auf der Website einbetten

Für die Einbettung benötigst Du zwei Codes: ein allgemeines Skript und den individuellen Formularcode.

1. Öffne im Formular-Editor den Bereich Einbetten.
2. Kopiere den Code unter 1. Skript einbinden.
3. Füge das allgemeine Skript in den <head>- oder <body>-Bereich Deiner Website ein. Dies reicht einmal pro Seite, auch wenn Du auf der gleichen Seite mehrere Single-Step Formulare einbetten willst.
4. Kopiere anschließend den Formular-individuellen Code aus dem Bereich 2. Formularcode einfügen.
5. Füge diesen Code an der Stelle Deiner Website ein, an der das Single-Step Formular erscheinen soll.

Änderungen am Formular werden automatisch übernommen, da der Einbettungscode immer gleich bleibt.

Formular bearbeiten, duplizieren oder löschen

Bereits erstellte Single-Step Formulare kannst Du über die Formularübersicht verwalten.

1. Öffne Formulare > Formular-Suite.
   
2. Suche das gewünschte Single-Step Formular.
3. Klicke ganz rechts in der Zeile des jeweiligen Formulars auf das Drei-Punkte-Menü. Bei kleineren Bildschirmen kann es auch sein, dass Du nach rechts scrollen musst, um sie zu sehen.
4. Wähle die gewünschte Aktion.
   

Folgende Aktionen stehen zur Verfügung:

• Bearbeiten: Öffne das Formular und passe seine Einstellungen an.
• Duplizieren: Erstelle ein weiteres Single-Step Formular mit denselben Einstellungen.
• Löschen: Entferne ein Formular, sofern darüber noch keine Transaktionen erfolgt sind.

Wichtig: Ob Du ein Formular löschen kannst, hängt davon ab, ob darüber bereits Transaktionen durchgeführt wurden.

Troubleshooting: Fehler nach der Einbettung

Das Single-Step Formular wird nicht (immer) geladen/dargestellt

Wenn Dein Single-Step Formular auf Deiner Website nicht oder nicht immer geladen wird, kann die Ursache in der verwendeten Consent-Management-Plattform (CMP)* liegen (das können Lösungen von Diensten wie z.B. Usercentrics, Cookiebot, consentmanager, Borlabs Cookies, usw. sein).

*Erklärung: Was ist eine Consent-Management-Platform (CMP)?
Eine Consent Management Platform (CMP) ist eine Software, das Website-Betreibenden hilft, datenschutzrechtliche Einwilligungen (Consents) von Nutzenden für Cookies und Datenerfassung rechtskonform einzuholen, zu verwalten und zu speichern.

Potenzielle Ursache:

• Consent-Management-Plattformen können externe Skripte blockieren, solange keine entsprechende Einwilligung vorliegt. Dabei wird beispielsweise der Skript-Typ auf type="text/plain" gesetzt. Das Single-Step Formular Einbettungs-Skript kann dadurch zwar eingebunden werden, wird vom Browser jedoch nicht ausgeführt.
• Erst nach entsprechender Freigabe im CMP kann das JavaScript ausgeführt und das Single-Step Formular geladen werden.

Lösungssansatz:

• Prüfe daher die Konfiguration Deiner Consent-Management-Plattform und stelle sicher, dass die für das Single-Step Formular erforderlichen Ressourcen geladen und ausgeführt werden dürfen:

https://forms.fundraisingbox.com
https://donate.fundraisingbox.com
PayPal als externer Zahlungsdienst