Das Mini Spenden-Widget ist ein kompaktes, einbettbares Spendenformular, mit dem Besucher direkt von jeder Seite oder jedem Beitrag für eine bestimmte Kampagne spenden können. Keine vollständige Kampagnenseite erforderlich.
Fügen Sie es zu Ihrer Homepage, einer Landingpage, einer Seitenleiste oder einem Blogbeitrag hinzu und verwandeln Sie jeden Inhalt in eine Fundraising-Möglichkeit. Verfügbar in Charitable Pro 1.8.13.1+.
Noch kein Charitable Pro-Benutzer? Melden Sie sich noch heute an und erhalten Sie bis zu 50 % Rabatt auf Ihren Plan. Wir sind zuversichtlich, dass Sie es lieben werden, mit Charitable Spenden zu sammeln. Wenn Charitable aus irgendeinem Grund nicht das Richtige für Sie ist, erstatten wir Ihnen den Kaufbetrag im Rahmen unserer 14-tägigen Geld-zurück-Garantie zurück. Holen Sie sich jetzt Charitable Pro »
Was dieser Leitfaden enthält
- Hauptmerkmale
- Warum das Mini Spenden-Widget verwenden?
- Sehen Sie es in Aktion
- Voraussetzungen
- Erste Schritte
- Konfigurationsoptionen / Parameterreferenz
- Shortcode-Beispiel
- Anpassung
- Fehlerbehebung
- Entwicklerressourcen
- Zusätzliche Ressourcen
- Bleiben Sie verbunden für weitere Ressourcen für gemeinnützige Organisationen
Hauptmerkmale
Das Mini Spenden-Widget wurde entwickelt, um das Spenden schnell, flexibel und reibungslos zu gestalten. Egal, ob Sie es auf Ihrer Homepage, einem Blogbeitrag oder einer Landingpage einbetten, jede Funktion ist darauf ausgelegt, Hürden abzubauen und Spender auf das Spenden zu konzentrieren. Hier sind die Vorteile für Ihre Fundraising-Seiten:
- Platzieren Sie ein Spenden-Widget überall mit einem Gutenberg-Block oder Shortcode
- Anzeige voreingestellter Spendenbetrags-Buttons für einmalige und monatliche Spenden
- Anzeige von Wirkungsangaben, die sich ändern, wenn Spender verschiedene Beträge auswählen
- Optionale Tabs für monatliche Spenden / Einmalige Spenden bei Verwendung mit Charitable Recurring
- CTA-Button öffnet ein Modal oder leitet zur Kampagnen-Spendenseite weiter
- Eingabefeld für „Anderer Betrag“ für benutzerdefinierte Spenden
- Legen Sie eine benutzerdefinierte Akzentfarbe, Breite, Ausrichtung und einen Widget-Titel fest
- Unterstützung für Template-Überschreibungen für vollständige HTML-Kontrolle
Zusammen ergeben diese Funktionen eine voll funktionsfähige Spendenlösung in einem kompakten, einbettbaren Paket. Keine spezielle Kampagnenseite, keine zusätzliche Navigation und keine unnötigen Hürden – nur eine saubere, fokussierte Spendenmöglichkeit, die überall dort funktioniert, wo sich Ihre Zielgruppe bereits befindet.
Warum das Mini Spenden-Widget verwenden?
Die meisten Spenden-Plugins verlangen, dass Spender zu einer speziellen Kampagnenseite navigieren, bevor sie spenden können. Das Mini Spenden-Widget beseitigt diese Hürde, indem es eine vollständige Spendenlösung genau dort einbettet, wo Ihre Zielgruppe bereits engagiert ist: auf Ihrer Homepage, in einem Blogbeitrag oder neben überzeugenden Inhalten. Es hält den Spendenprozess schnell, fokussiert und reibungslos.
Sehen Sie es in Aktion
Voraussetzungen
- Charitable Pro 1.8.13.1 oder neuer
- Für den Tab „Monatlich / Einmalig“ für wiederkehrende Spenden muss das Add-on Charitable Recurring aktiv sein
Erste Schritte
Hinzufügen des Blocks
- Öffnen Sie eine beliebige Seite oder einen Beitrag im WordPress-Blockeditor.
- Klicken Sie auf +, um einen neuen Block hinzuzufügen, und suchen Sie nach Mini Spenden-Widget.
- Wählen Sie eine Kampagne aus dem Dropdown-Menü Kampagne im Block-Einstellungsbereich aus.
- Konfigurieren Sie Ihre bevorzugten Beträge, den CTA-Modus und die Styling-Optionen in der Seitenleiste.
Verwendung des Shortcodes
Fügen Sie [charitable_mini_widget campaign_id="123"] zu jeder Seite, jedem Beitrag, jedem Widget-Bereich oder jedem Template hinzu, das Shortcodes unterstützt. Ersetzen Sie 123 durch die Beitrags-ID Ihrer Kampagne.
Konfigurationsoptionen / Parameterreferenz
Kernparameter
| Parameter | Typ | Standard | Beschreibung |
|---|---|---|---|
campaign_id | integer | (erforderlich) | Die Beitrags-ID der Kampagne, an die gespendet werden soll. |
cta_mode | Zeichenkette | redirect | Wie sich die Spenden-Schaltfläche verhält. redirect leitet den Spender zur Spendenseite der Kampagne;modal öffnet das Formular in einem Popup. |
cta_label | Zeichenkette | Jetzt spenden | Die Textbeschriftung auf der Spenden-Schaltfläche. |
Wiederkehrende / Tab-Parameter
| Parameter | Typ | Standard | Beschreibung |
|---|---|---|---|
wiederkehrend | boolean | false | Setzen Sie auf true, um die Tabs "Monatlich" und "Einmalig" anzuzeigen. Erfordert "Charitable Recurring". |
Monatlich | Zeichenkette | Monatlich | Benutzerdefinierte Beschriftung für den monatlichen Tab. |
Einmalig spenden | Zeichenkette | Einmalig spenden | Benutzerdefinierte Beschriftung für den einmaligen Tab. |
Betragsparameter
| Parameter | Typ | Standard | Beschreibung |
|---|---|---|---|
monatliche_beträge | Zeichenkette | 10,25,50,100 | Vordefinierte Beträge für den monatlichen Tab, durch Kommas getrennt. |
monatlich_standard | Zeichenkette | 25 | Der vorausgewählte monatliche Betrag. Muss in monthly_amounts enthalten sein. |
monatlich_andere_anzeigen | boolean | false | Zeigt eine Schaltfläche "Andere" an, die einen benutzerdefinierten monatlichen Betrag ermöglicht. |
einmalige_beträge | Zeichenkette | 25,50,100,250 | Vordefinierte Beträge für den einmaligen Tab, durch Kommas getrennt. |
einmalig_standard | Zeichenkette | 50 | Der vorausgewählte einmalige Betrag. Muss in onetime_amounts enthalten sein. |
einmalig_andere_anzeigen | boolean | false | Zeigt eine Schaltfläche „Andere“ an, die einen benutzerdefinierten einmaligen Betrag ermöglicht. |
Parameter für die Auswirkensaussage
Auswirkensaussagen pro Betrag aktualisieren sich dynamisch, wenn Spender auf verschiedene Betragschaltflächen klicken.
| Parameter | Typ | Standard | Beschreibung |
|---|---|---|---|
monatliche_auswirkung_{amount} | Zeichenkette | (leer) | Auswirkungstext, der angezeigt wird, wenn der angegebene monatliche Betrag ausgewählt ist. Beispiel: monthly_impact_25="versorgt eine Familie für einen Monat“ |
einmalige_auswirkung_{amount} | Zeichenkette | (leer) | Auswirkungstext, der angezeigt wird, wenn der angegebene einmalige Betrag ausgewählt ist. Beispiel: onetime_impact_100="deckt Schulmaterialien für 10 Kinder ab“ |
Validierungsparameter
| Parameter | Typ | Standard | Beschreibung |
|---|---|---|---|
mindestbetrag | Nummer | (keine) | Mindestzulässiger benutzerdefinierter Betrag, wenn „Andere“ aktiviert ist. |
maximalbetrag | Nummer | (keine) | Maximal zulässiger benutzerdefinierter Betrag, wenn „Andere“ aktiviert ist. |
Anzeigeparameter
| Parameter | Typ | Standard | Beschreibung |
|---|---|---|---|
währung_anzeigen | boolean | false | Zeigt den ISO-Währungscode (z. B. USD) neben den voreingestellten Beträgen an. |
akzentfarbe | Zeichenkette | (Theme-Standard) | Hex-Farbe für Schaltflächen- und Akzentgestaltung, z. B. #e63946. |
widget_ausrichtung | Zeichenkette | Mitte | Widget-Ausrichtung: left, center oder right. |
widget_breite | Zeichenkette | (Automatisch) | Maximale Breite des Widget-Containers als CSS-Wert, z. B. 400px oder 100%. |
widget_titel | Zeichenkette | (keine) | Optionaler Titel über dem Widget. Verwenden Sie {{campaign_title}}, um den Kampagnennamen dynamisch einzufügen. |
auswirkungs_ausrichtung | Zeichenkette | (keine) | Textausrichtung für Impact-Statements: links, mitte oder rechts. |
Klasse | Zeichenkette | (keine) | Zusätzliche CSS-Klasse(n), die dem Widget-Wrapper-Element hinzugefügt werden. |
Shortcode-Beispiel
[charitable_mini_widget
campaign_id="42"
cta_mode="modal"
recurring="true"
monthly_amounts="10,25,50,100"
monthly_default="25"
monthly_impact_10="provides clean water for a week"
monthly_impact_25="feeds a family for a month"
monthly_impact_50="sponsors a child's education"
monthly_impact_100="funds a medical checkup"
monthly_show_other="true"
onetime_amounts="25,50,100,250"
onetime_default="50"
widget_title="Support {{campaign_title}}"
accent_color="#e63946"
widget_width="420px"
widget_align="center"
]Anpassung
CSS-Variable
Überschreiben Sie die Akzentfarbe global oder pro Instanz mit der CSS-Benutzerdefinierten Eigenschaft:
.charitable-mini-widget {
--charitable-mini-widget-accent: #e63946;
}Template-Überschreibung
Um das Widget-HTML anzupassen, kopieren Sie die Vorlage in Ihr Theme:
yourtheme/charitable-pro/shortcodes/mini-widget.phpFehlerbehebung
Das Widget wird im Frontend nicht angezeigt
Stellen Sie sicher, dass die campaign_id gesetzt ist und einer veröffentlichten Kampagne entspricht. Redakteure sehen eine Fehlermeldung, wenn die ID fehlt oder ungültig ist; Besucher sehen nichts. Prüfen Sie, ob Charitable Pro 1.8.13.1 oder neuer aktiv ist.
Der Reiter "Monatlich" wird nicht angezeigt
Der Reiter "Wiederkehrend" wird nur angezeigt, wenn der recurring -Parameter auf true gesetzt ist und das Charitable Recurring Addon installiert und aktiv ist. Wenn Recurring nicht aktiv ist, fällt das Widget stillschweigend auf den Einmal-Modus zurück.
Impact-Statements werden nicht aktualisiert, wenn ich auf einen Betrag klicke
Überprüfen Sie, ob der Betrag in Ihren monthly_impact_{amount} - oder onetime_impact_{amount} -Schlüsseln exakt mit dem Wert in monthly_amounts oder onetime_amounts übereinstimmt (einschließlich Dezimalgenauigkeit). impact_50 und impact_50.00 werden als unterschiedliche Schlüssel behandelt.
Das Widget zeigt eine Platzhalterbox in Divi oder WPBakery an
Dies ist das erwartete Verhalten im Vorschau-Modus des visuellen Seitenerstellers. Das Widget wird im veröffentlichten Frontend korrekt gerendert.
Der CTA-Button öffnet kein Modal
Stellen Sie sicher, dass cta_mode auf modal gesetzt ist. Der Modal-Modus erfordert die im Charitable Pro enthaltene Funktionalität für Modals/Spenden-Buttons.
Entwicklerressourcen
Hooks & Filter
charitable_mini_widget_shortcode_output: Filtert die endgültige HTML-Ausgabe des Widgets. Empfängt den HTML-String und das geparste$args-Array.
CSS-Klassen
| Klasse | Element |
|---|---|
.charitable-mini-widget | Stamm-Wrapper |
.charitable-mini-widget__title | Optionaler Widget-Titel |
.charitable-mini-widget__tabs | Reiter "Monatlich"/"Einmalig spenden" |
.charitable-mini-widget__tab--active | Aktuell aktiver Reiter |
.charitable-mini-widget__amounts | Betrags-Schaltflächengruppe |
.charitable-mini-widget__amount--selected | Aktuell ausgewählter Betrags-Button |
.charitable-mini-widget__amount--other | „Anderer Betrag“-Button |
.charitable-mini-widget__impact | Wirkungsaussagenbereich |
.charitable-mini-widget__cta | Spenden-Button |
Template-Überschreibung
Kopieren charitable-pro/shortcodes/mini-widget.php nach yourtheme/charitable-pro/shortcodes/mini-widget.php , um das Widget-Markup vollständig anzupassen.
Zusätzliche Ressourcen
- Kampagnen-Spenden-Button: Einmaliges Klicken auf den Spenden-Button ohne voreingestellte Beträge
- Charitable Recurring: Erforderlich für die Tabs „Monatlich/Einmalig spenden“
- Campaign Showcase: Mehrere Kampagnen in einem Raster oder Karussell anzeigen
- Spendenformulare: Vollständig ausgestattete Inline-Spendenformulare
Noch kein Charitable Pro-Nutzer? Melden Sie sich noch heute an und erhalten Sie bis zu 50 % Rabatt auf Ihren Plan. Wir sind zuversichtlich, dass Sie mit Charitable gerne Spenden sammeln werden. Wenn Charitable aus irgendeinem Grund nicht das Richtige für Sie ist, erstatten wir Ihnen Ihren Kauf im Rahmen unserer 14-tägigen Geld-zurück-Garantie zurück.
Bleiben Sie verbunden für weitere Ressourcen für gemeinnützige Organisationen
Für weitere Tutorials und Videos, die auf gemeinnützige Organisationen zugeschnitten sind, abonnieren Sie unseren YouTube-Kanal. Wir veröffentlichen regelmäßig Expertentipps, Schritt-für-Schritt-Anleitungen zu Online-Spenden, Fundraising-Strategien und praktische Ressourcen, die Ihrer Organisation zum Erfolg verhelfen.
🗞️ Erhalten Sie wöchentliche Tipps und exklusive Anleitungen in Ihrem Posteingang
Melden Sie sich für unseren Newsletter an →
🎥 Sehen Sie sich Schritt-für-Schritt-Tutorials und Erfolgsgeschichten an
Abonnieren Sie unseren YouTube-Kanal →
👩🏽💻 Vernetzen Sie sich mit unserer Community und erhalten Sie tägliche Einblicke in gemeinnützige Organisationen
Folgen Sie uns auf LinkedIn →
🥳 Lustige Reels und Einblicke in gemeinnützige Organisationen
Folgen Sie uns auf Instagram →
👀 Aufschlussreiche & unterhaltsame Videos, die Ihnen helfen, Ihre Sache voranzubringen
Folgen Sie uns auf TikTok→
🌎 Abonnieren und folgen Sie uns für allgemeine Fundraising-Tipps
Holen Sie sich Fundraising-Tipps auf TikTok →
Leistungsstarke Fundraising-Ressourcen
🤖 Nutzen Sie Charitable mit Ihrem KI-Assistenten
Erfahren Sie mehr über Charitable + KI →
⬇️ Laden Sie bewährte Strategien, Kampagnenideen und Experten-Tools herunter
Holen Sie sich das Fundraising-Kit →
💸 Holen Sie sich kostenlose Fundraising-Ressourcen
Besuchen Sie den Charitable Fundraising Hub →
🤔 Haben Sie Fragen zu Charitable?
Charitable FAQs →
🏎️ Probieren Sie Charitable aus
Erstellen Sie Ihre Charitable Demo →
Verstehen Sie Begriffe und Jargon von gemeinnützigen Organisationen
Glossar für gemeinnützige Organisationen→
% Suchen Sie nach Angeboten und Rabatten für gemeinnützige Organisationen?
Beste Angebote und Rabatte für gemeinnützige Organisationen →
