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.