Zum Inhalt springen
Developer

Widget Spenden

Einmal- und Dauerspenden auf der Website, mit Spendenzielen, Beträgen, SEPA-Mandat oder Zahlung über euren Zahlungsanbieter.

Das Spenden-Widget führt in drei Schritten durch eine Spende: Ziel und Betrag, persönliche Angaben, Prüfen und Abschicken. Einmalige Spenden laufen über euren Zahlungsanbieter, Dauerspenden per SEPA-Lastschrift.

<div data-iw-donation
     data-iw-host="verein.iw-erp.de"
     data-iw-donation-goal-id="7"
     data-iw-privacy-url="https://www.unser-verein.de/datenschutz"></div>
<script src="https://verein.iw-erp.de/frontend_assets/backend/iw_erp_web_ui/donation.js" async></script>

Shortcode: [iw-donation host="verein.iw-erp.de" goal-id="7"]

Ohne Ziel wählen Besucher selbst unter allen Spendenzielen.

Optionen

Attribut Standard Bedeutung
data-iw-donation-goal-id leer Spendenziel über seine ID festlegen
data-iw-donation-goal leer Spendenziel über Kurzname, Nummer oder Namen
data-iw-donation-intervals alle erlaubte Rhythmen für Dauerspenden, etwa monthly,yearly
data-iw-donation-popular-amount zweiter Betrag Betrag mit dem Hinweis „Beliebt“; none blendet ihn aus
data-iw-donation-preselect-amount beliebter Betrag vorausgewählter Betrag; none wählt nichts vor
data-iw-privacy-url leer Link zu euren Datenschutzhinweisen
data-iw-privacy-text Standardtext Text des Datenschutz-Hakens
data-iw-require-privacy-consent an Datenschutz-Haken ist Pflicht
data-iw-redirect-payment an Zahlungsseite automatisch öffnen
data-iw-success-redirect-url leer nach der Spende auf diese Seite wechseln
data-iw-donation-token leer Status einer Spende anzeigen; bei Dauerspenden kann der Spender sie dort beenden
data-iw-locale de Sprache für Datum und Rhythmus, en für Englisch

Häufig geänderte Texte: title, donateNow, successTitle, successMessage, recurringSuccessMessage.

In vynst einrichten

  • Spendenziele mit Beträgen anlegen. Das Widget lädt sie von GET /api/invoice/external/donation/amounts.
  • Für Einmalspenden einen Zahlungsanbieter einrichten.
  • Eure Website in CORS - HTTP Origins eintragen.

Ereignisse

iw:donation:ready, :validated, :submitted, :payment-opened, :payment-returned, :status, :recurring-canceled und :error.

Gut zu wissen

Angefangene Eingaben bleiben im Browser gespeichert, Bankdaten und Einwilligungen nicht.