Handbuch

Spenden über die Website

Das Spendenformular von spenden.live auf der Website Ihres Vereins: Spenden das ganze Jahr, nicht nur an der Veranstaltung. Für Admins und alle, die die Vereinswebsite pflegen. Wie Sie eine Spendenaktion anlegen, steht im Teil Spendenaktion vorbereiten.

Überblick

Spenden das ganze Jahr

Jede Spendenaktion lässt sich auf der Website Ihres Vereins einbinden. Besucher wählen dort einen Betrag; bezahlt wird auf der sicheren Spendenseite von spenden.live, die sich in einem neuen Fenster öffnet. Name, Zuwendungsbestätigung, Beleg und Zahlung laufen dort wie bei jeder anderen Spende.

Das ist im Jahresbeitrag enthalten. Je Spende gilt dieselbe Plattformgebühr wie sonst auch; das Geld geht direkt auf das Stripe-Konto Ihres Vereins.

  1. Dauerseite anlegen und starten.
  2. Auf der Seite der Spendenaktion im Reiter Teilen unter Auf der Website einbinden eine der drei Formen wählen und Code kopieren.
  3. Den Code auf Ihrer Website einfügen und einmal selbst ausprobieren.
  4. Einen Absatz in Ihre Datenschutzerklärung aufnehmen.
Schritt 1

Dauerseite anlegen

Für die Website eignet sich am besten eine Spendenaktion der Art Dauerseite (immer erreichbar). Sie legen sie an wie jede andere Spendenaktion, siehe Spendenaktion anlegen.

  • Titel und Kurztext erscheinen im Formular auf Ihrer Website. Ein allgemeiner Titel passt, etwa „Spenden für unseren Verein“. Spenden sind nicht zweckgebunden; nennen Sie kein konkretes Vorhaben, für das das Geld ausgegeben wird.
  • Beträge: Die Vorschläge der Spendenaktion stehen als Kacheln im Formular, dazu „Anderer Betrag“. Der Mindestbetrag einer Online-Spende ist 5 €, sofern die Spendenaktion keinen höheren verlangt.
  • Ziel (freiwillig): Mit Ziel zeigt das Formular einen Balken mit dem Stand, etwa „1.250 € von 5.000 €“.
  • Zuwendungsbestätigung: Ist sie für die Spendenaktion eingeschaltet, weist das Formular darauf hin. Anfordern können Spender sie auf der Spendenseite, sobald Ihr Steuerprofil vollständig ist.

Danach starten. Solange die Spendenaktion ein Entwurf ist, zeigen die Codes „Dieses Spendenformular gibt es nicht“.

Live-Event oder Dauerseite? Auch eine Spendenaktion der Art Live-Event lässt sich einbinden, etwa damit Gäste schon vor der Veranstaltung spenden können. Bei einem Live-Event bietet die Spendenseite nur Zahlarten an, die sofort bestätigen, damit jede Spende in Sekunden auf der Anzeige steht. Für das ganze Jahr ist die Dauerseite gedacht.
Schritt 2

Drei Formen

Auf der Seite der Spendenaktion stehen im Reiter Teilen unter Auf der Website einbinden drei Codes zum Aufklappen und daneben eine Vorschau des Formulars.

FormWie es aussiehtPasst, wenn …
Formular in der SeiteDas Formular steht an der Stelle, an der Sie den Code einfügen: Name des Vereins, Titel, Beträge, Jetzt spenden. Die Höhe passt sich von selbst an.Sie eine eigene Seite „Spenden“ haben.
Knopf mit Formular darüberEin Knopf Jetzt spenden. Ein Klick öffnet das Formular über Ihrer Seite; schließen mit dem Kreuz, der Escape-Taste oder einem Klick daneben.der Knopf auf jeder Seite stehen soll, etwa in der Kopfzeile oder unter einem Beitrag.
Einfacher SpendenknopfEin Knopf in den Farben Ihres Vereins, der direkt die Spendenseite in einem neuen Fenster öffnet. Reines HTML ohne Skript.Ihr Baukasten keine Skripte erlaubt oder Sie nichts nachladen möchten.

Den Knopf mit Formular darüber können Sie wie Ihre übrigen Knöpfe gestalten: Der Code ist ein gewöhnlicher <button>, den Text dürfen Sie ändern.

Schritt 3

Code einfügen

  1. Auf der Seite der Spendenaktion im Reiter Teilen unter Auf der Website einbinden bei der gewünschten Form Code kopieren.
  2. Auf Ihrer Website an der gewünschten Stelle ein Element für eigenen HTML-Code einfügen und den Code hineinkopieren, siehe Baukästen.
  3. Speichern, veröffentlichen und in einem privaten Browserfenster prüfen: Betrag wählen, Jetzt spenden, die Spendenseite öffnet sich in einem neuen Fenster mit dem gewählten Betrag.

Im Demomodus steht unter dem Formular „Demomodus: Es wird kein Geld abgebucht.“ Sie können also schon vor der Freischaltung alles einbauen und ausprobieren; nach der Freischaltung verschwindet der Hinweis, und es gehen echte Spenden ein. Der Code bleibt derselbe.

Beide Skript-Formen laden dasselbe Skript. Stehen mehrere Formulare oder Knöpfe auf einer Seite, genügt es einmal; doppelt schadet aber nicht.

Anleitung

WordPress, IONOS, Jimdo, Wix

BaukastenSo geht es
WordPressIm Block-Editor einen Block Individuelles HTML einfügen und den Code hineinkopieren.
IONOS MyWebsite NowIm Editor links Inhalte, im gewünschten Abschnitt oben links Elemente, dann das Plus und HTML-Modul; Fertig. Auf den Platzhalter klicken, Code wählen und den Code einfügen. Darunter fragt IONOS nach der Datenschutz-Zustimmung: Mit Keine Zustimmung erforderlich erscheint das Formular sofort, mit Zustimmung erforderlich erst, wenn Besucher im Cookie-Hinweis Ihrer Website zugestimmt haben. Mit Fertig speichern und die Website veröffentlichen. Das HTML-Modul gibt es nicht in allen Tarifen, siehe ohne Skripte.
IONOS MyWebsite Creator (ältere Baukästen)Das Widget HTML-Element bei den grundlegenden Widgets auf die Seite ziehen und den Code hineinkopieren.
JimdoElement Widget/HTML einfügen und den Code hineinkopieren.
WixEinbetten → Code einbetten → Eigener Code; die Höhe des Elements auf etwa 520 Pixel stellen.
AndereEin Element suchen, das „HTML“, „Code“, „Einbetten“ oder „Widget“ heißt. Gibt es keines, hilft der Weg ohne Skripte oder der einfache Spendenknopf.
Sonderfall

Baukasten ohne Skripte

Manche Vereinsportale erlauben keine Skripte. Dann fügen Sie einen „iframe“ oder „externen Inhalt“ mit der Adresse ein, die unter den Codes steht, Höhe etwa 520 Pixel.

Die Adresse hat die Form app.spenden.live/{verein}/{spendenaktion}/einbetten. Die Höhe passt sich dann nicht von selbst an; wird das Formular abgeschnitten, die Höhe etwas größer stellen.

Für Ihre Besucher

Was Spender erleben

  1. Im Formular einen Betrag antippen oder „Anderer Betrag“ wählen.
  2. Jetzt spenden öffnet die Spendenseite in einem neuen Fenster, der Betrag ist schon gewählt. Beim Knopf mit Formular darüber schließt sich das Formular dabei, Ihre Seite bleibt offen.
  3. Auf der Spendenseite folgen Name oder „als Gast“, auf Wunsch die Zuwendungsbestätigung mit Anschrift, dann die Zahlung.
  4. Danach kommt der Beleg per E-Mail, mit Zuwendungsbestätigung, wenn angefordert.

Im Formular selbst gibt niemand Daten ein; es nimmt nur den Betrag mit. Unter dem Formular stehen „mit spenden.live“ und ein Link zu den Datenschutzhinweisen der Spendenseite.

Gestaltung

Aussehen

Das Formular übernimmt Logo und Farben aus dem Erscheinungsbild Ihres Vereins, wie Spendenseite und Anzeige. Ändern Sie dort etwas, ändert sich das Formular auf Ihrer Website mit.

Der einfache Spendenknopf bekommt die Farben beim Kopieren mit. Ändern Sie danach die Farben im Erscheinungsbild, kopieren Sie den Knopf neu oder passen Sie die Farbwerte im Code selbst an.

Zahlen

Auswertung

Spenden über die Website zählen zur Spendenaktion: in ihre Summe, auf die Anzeige, in Spendenliste, Belege und Abrechnung.

Auf der Seite der Spendenaktion steht im Reiter Teilen unter Auf der Website einbinden, wie viel über Ihre Website kam, etwa „Über Ihre Website: 340 € aus 9 Spenden (Formular 7, Knopf 2)“. „Formular“ zählt das Formular in der Seite und den Knopf mit Formular darüber, „Knopf“ den einfachen Spendenknopf. Gezählt werden bezahlte Spenden.

Ihre Website

Ihre Datenschutzerklärung

Beim Formular und beim Knopf mit Formular lädt der Browser Ihrer Besucher Inhalte von spenden.live; dabei kommt die IP-Adresse bei spenden.live an. Das Formular setzt keine Cookies und speichert nichts auf dem Gerät. Nennen Sie die Einbindung in der Datenschutzerklärung Ihrer Website, zum Beispiel so:

Textbaustein. „Auf unserer Website binden wir ein Spendenformular von spenden.live ein (Anbieter: Klaus Pampuch, siehe Impressum von spenden.live). Beim Aufruf der Seite lädt Ihr Browser das Formular von den Servern von spenden.live; dabei werden technisch notwendige Daten wie Ihre IP-Adresse übertragen. Das Formular setzt keine Cookies. Spenden Sie, öffnet sich die Spendenseite in einem neuen Fenster; dort gelten die Datenschutzhinweise der Spendenseite. Rechtsgrundlage ist Art. 6 Abs. 1 Buchst. f DSGVO; unser berechtigtes Interesse ist, Spenden über unsere Website zu ermöglichen.“

Für den einfachen Spendenknopf brauchen Sie diesen Absatz nicht: Er lädt nichts nach, bis jemand klickt, und dann öffnet sich die Spendenseite mit ihren eigenen Datenschutzhinweisen.

Hilfe

Wenn es hakt

Was Sie sehenWas Sie tun
„Dieses Spendenformular gibt es nicht.“Die Spendenaktion ist noch ein Entwurf: starten. Oder der Code ist unvollständig kopiert: noch einmal Code kopieren.
„Über dieses Formular sind gerade keine Spenden möglich.“Die Spendenaktion ist beendet oder nimmt gerade keine Spenden an. Für das ganze Jahr eine Dauerseite verwenden.
An der Stelle erscheint nichts.Der Baukasten hat das Skript entfernt. Den Weg ohne Skripte oder den einfachen Spendenknopf nehmen.
Das Formular ist unten abgeschnitten.Ohne Skript passt sich die Höhe nicht an: die Höhe des Elements größer stellen, etwa 520 Pixel.
„Demomodus: Es wird kein Geld abgebucht.“Ihr Verein ist noch nicht freigeschaltet, siehe Freischaltung. Der Code bleibt nach der Freischaltung derselbe.
Der einfache Spendenknopf hat noch die alten Farben.Ihn nach der Änderung im Erscheinungsbild neu kopieren.

Eine Frage, die hier fehlt? Admins und Kasse schreiben uns in der Verwaltung unter Hilfe, alle anderen an info@spenden.live.

Weiter im Handbuch

Alle Teile auf einen Blick: vom Registrieren über die Spendenaktion bis zum Endbericht.