Spenden-Widget
Mit dem Spenden-Widget zeigst du das Spendenformular eines Kampagnen-Links direkt auf einer Webseite an. Besucher:innen spenden so, ohne die Webseite verlassen zu müssen.
Eingebunden wird das Widget mit zwei Zeilen Code. Es ist kein iframe: Das Formular wird Teil der Gastgeber-Seite
Navigation: Admin → Fundraising-Hub → Kampagnenlinks → Kampagnenlink öffnen → Bereich Widget (Einbettung)
In drei Schritten live
- Widget aktivieren: Öffne den gewünschten Kampagnenlink, setze im Bereich Widget (Einbettung) den Haken bei Widget aktiviert und speichere. Danach erscheint der Einbettungscode.
- Domain freigeben: Trage die Adresse der Webseite, auf der das Widget erscheinen soll, unter Erlaubte Domains ein. Ohne Freigabe wird nichts angezeigt.
- Code einsetzen: Kopiere den Einbettungscode und füge ihn auf der Zielseite ein. Details dazu unter Widget einbetten.
Die Felder im Bereich Widget (Einbettung)
| Feld | Beschreibung |
|---|---|
| Widget aktiviert | Schaltet das Widget für diesen Kampagnenlink ein oder aus. Standard: aus. |
| Einbettungscode | Der fertige Code zum Kopieren. Erscheint, sobald der Kampagnenlink einmal gespeichert wurde. |
| Formular-Header anzeigen | Zeigt Titel, Kurzbeschreibung und Bild des Kampagnenlinks über dem Formular an. |
| Success-Weiterleitung | Optionale Adresse einer Dankesseite, auf die nach einer erfolgreichen Spende weitergeleitet wird. Leer bedeutet: Die spendende Person bleibt auf der Gastgeber-Seite. |
Das Widget wird nur ausgeliefert, wenn Widget aktiviert gesetzt ist und der Status des Kampagnenlinks auf Aktiv steht. Fällt eine der beiden Bedingungen weg, verschwindet das Formular auf der Gastgeber-Seite still, ohne Fehlermeldung für Besuchende.
Was das Formular zeigt
Alle Inhalte kommen aus dem Kampagnenlink selbst: Beträge, einmalig oder wiederkehrend, Intervalle, Mindestbetrag, Zahlungsarten und der Text der Success-Seite. Du pflegst also nichts doppelt, und eine Änderung am Kampagnenlink wirkt sofort auf allen Webseiten, die das Widget eingebunden haben.
Diese Einstellungen prägen das eingebettete Formular:
| Einstellung | Wirkung im Widget |
|---|---|
| Kampagnenlink | Beträge, Mindestbetrag, Zahlungsart, Intervalle, Titel, Beschreibung, Bild und Text der Success-Seite |
| Farbwelt | Sämtliche Farben: Buttons, Titel, Text, Links und Hinweisfarben |
| Schriftarten | Schriftart für Text und Titel, Schriftstärken und Grossschreibung der Titel |
| Erscheinungsbild | Eckenradien von Buttons, Kacheln und Eingabefeldern sowie die Unterstreichung von Links |
| Firmeninformationen | Anredeform in allen Texten sowie die Webadresse, die beim ersten Aktivieren als erlaubte Domain vorgeschlagen wird |
| Zahlungsmethoden | Welche Zahlungsmittel im Formular zur Auswahl stehen |
Wie eine Webseite dieses Erscheinungsbild gezielt überschreibt, steht unter Widget-Design anpassen.
Zahlungsarten im Widget
Apple Pay: Bei Stripe läuft Apple Pay im Namen der Gastgeber-Seite. Jede einbettende Domain muss deshalb im Stripe-Konto unter Einstellungen → Zahlungen → Apple Pay als Web-Domain hinterlegt sein. Ist sie das nicht, wird Apple Pay einfach ausgeblendet, Karten funktionieren weiterhin. Bei Payrexx ist nichts zu tun, weil die Zahlung auf der Domain von Payrexx abgeschlossen wird.
Betragsprüfung: Der Server prüft jeden Betrag gegen die Vorgaben des Kampagnenlinks und berechnet Gebühr und Total selbst. Eine manipulierte Gastgeber-Seite kann den belasteten Betrag nicht bestimmen.
Sprache
Die Sprache des Formulars wird automatisch aus der Sprache der Gastgeber-Seite übernommen. Ist diese Sprache auf deiner Plattform nicht verfügbar, wird die Standardsprache verwendet. Du kannst die Sprache im Einbettungscode auch fest vorgeben, siehe Widget einbetten.
Einschränkungen
| Thema | Einschränkung |
|---|---|
| Datatrans | Nicht verfügbar |
| Währung | Das Widget zeigt und belastet immer die Basiswährung deiner Plattform. Es gibt keinen Währungswechsler. |
| CSS der Gastgeber-Seite | Das Formular ist gegen fremde Formatierungen abgeschirmt. Sehr spezifische Regeln der Gastgeber-Seite können sich trotzdem auswirken. Das ist gewollt, weil erst dadurch eigene Anpassungen möglich sind. |
Weiterführende Seiten
| Thema | Beschreibung |
|---|---|
| Widget einbetten | Code einsetzen, Sprache und Beträge vorwählen, Ergebnis der Spende auswerten |
| Erlaubte Domains | Freigabe der Webseiten, auf denen das Widget angezeigt werden darf |
| Widget-Design anpassen | Farben, Schriften und Eckenradien auf der Gastgeber-Seite überschreiben |
| Kampagnen-Link erstellen | Grundlagen des Kampagnenlinks, aus dem das Widget seine Inhalte bezieht |
Updated 4 days ago