Ein Besucher ist drei Absätze in Ihrer besten Geschichte, der über die Familie, der Ihr Programm letzten Winter geholfen hat. Sie sind bewegt. Sie sind bereit. Und dann endet die Seite mit einer Zeile wie: „Um zu spenden, klicken Sie hier, um unsere Kampagnenseite zu besuchen.“

Also klicken sie. Die Seite wird neu geladen. Der Moment kühlt ab. Einige von ihnen spenden trotzdem. Viele von ihnen tun es nicht.

Das hat uns auch nie gefallen.

Die Entscheidung eines Spenders zu spenden, sollte einen Seitenaufruf überleben können.

Deshalb haben wir den neuen Spendenformular-Block für Charitable Pro 1.8.17 entwickelt: ein echtes, funktionierendes Spendenformular, das Sie in jedem Beitrag des WordPress-Block-Editors platzieren können, genau in dem Moment, in dem ein Spender handeln möchte. Kein Neuladen, kein Umweg, keine zweite Seite, die ihn verliert. ⚡

So sieht es aus

Bevor wir darauf eingehen, wie es funktioniert, hier ist, wie eine Seite mit dem Spendenformular-Block nach der Gestaltung tatsächlich aussieht. Dies ist eine echte Seite, die im Block-Editor mit wenigen Klicks auf Farbwähler erstellt wurde. Kein benutzerdefiniertes CSS, keine Theme-Datei, kein separates Plugin.

Das ist der Sinn der Sache. Eine Seite, ein Scroll, eine Entscheidung. Die Überschrift, die Geschichte und das Formular befinden sich alle am selben Ort, sodass es keinen Moment gibt, in dem ein Spender nach der Sache suchen muss, die er gerade tun wollte.

Warum die Platzierung des Formulars überall darüber entscheidet, ob die Spende zustande kommt

Jeder zusätzliche Klick zwischen einem Spender und dem Spenden-Button ist ein Ort, an dem eine Spende leise verschwinden kann, genau die Art von Abbrüchen, für die Spendenwiederherstellung existiert. Insbesondere Weiterleitungen sind der Ort, an dem die Dynamik stirbt: Der Besucher hat eine Entscheidung getroffen, und Sie haben ihn gebeten, sie auf einer neuen Seite erneut zu treffen.

Der Spendenformular-Block beseitigt diese Reibung. Platzieren Sie ein echtes, funktionierendes Formular auf der exakten Seite, auf der sich ein Besucher bereits befindet, Ihrer Homepage, einer Landingpage oder mitten in einem Blogbeitrag, und die Distanz zwischen „Ich möchte helfen“ und „erledigt“ schrumpft auf Null.

Sie bauen Ihre Kampagne nicht neu auf. Sie treffen Spender dort, wo ihre Aufmerksamkeit bereits ist.

In Aktion sehen

Wenn Sie lieber zusehen als lesen, hier ist die Zwei-Minuten-Version von allem unten.

Wann Sie den Unterschied spüren werden

Einige Orte, an denen der Block eine Seite zu einem Ort zum Spenden macht:

🏠 Ihre Homepage: Platzieren Sie ein kompaktes Formular oberhalb der Falz, damit Erstbesucher spenden können, ohne nach einer Kampagne suchen zu müssen.
📝 Ein geschichtenbasierter Blogbeitrag: Beenden Sie eine wirkungsvolle Geschichte mit dem eigentlichen Formular, genau dort, wo der Leser am meisten bewegt ist.
🎯 Eine dedizierte Landingpage: Erstellen Sie eine fokussierte Seite ohne Navigation mit einem Landingpage-Builder wie SeedProd für eine Anzeige oder E-Mail-Kampagne, mit dem integrierten Formular.
📣 Eine Kampagnenstart-Ankündigung: Betten Sie das Formular in den Beitrag ein, der die Kampagne ankündigt, damit die Nachricht und die Bitte eine Seite teilen.
🧩 Eine Vorlage für „aktuelle Kampagne“: Platzieren Sie den Block einmal auf einer Kampagnenvorlage und lassen Sie ihn automatisch an die gerade angezeigte Kampagne binden.

Ein echtes Formular, direkt im Editor

Der Block ist für das moderne WordPress-Bearbeitungserlebnis konzipiert, sodass das, was Sie erstellen, auch von Ihren Spendern gesehen wird. Fügen Sie ihn genauso hinzu, wie Sie jeden anderen Block hinzufügen würden: Öffnen Sie den Einfügungsmodus, suchen Sie und fügen Sie ihn ein.

🧩 Jede Kampagne, jede Seite: Wählen Sie eine veröffentlichte Kampagne aus einer Dropdown-Liste oder wählen Sie „Aktuelle Kampagne verwenden“, um das Formular dynamisch an Kampagnenvorlagen zu binden.
👁️ Detailgetreue Vorschau: Der Editor zeigt ein naturgetreues Formular mit den realen Spendenbeträgen der Kampagne, der Standardauswahl, der Option für benutzerdefinierte Beträge und der Feldreihenfolge an, nicht nur einen grauen Platzhalter.
🎚️ Vollständig oder Minimal: Wählen Sie das vollständige Formular (alle Felder) oder ein minimales, kompaktes Layout (Beträge und Zahlung), das gut in eine Seitenleiste oder Fußzeile passt.
⚡ Keine Shortcodes zum Auswendiglernen: Fügen Sie es wie jeden anderen Block aus dem Block-Einfügungsmodus hinzu. Vorhandene [charitable_donation_form] -Shortcodes werden sogar automatisch in den Block konvertiert, wenn Sie sie bearbeiten.

Die Auswahl der Kampagne und des Formularstyps erfolgt direkt in der Seitenleiste, wobei sich die Live-Vorschau bei jeder Auswahl aktualisiert:

Gestalten Sie es passend zur Seite

Da es sich um einen nativen Block handelt, passt sich das Formular seiner Umgebung an, mit neunzehn übersichtlich gruppierten Styling-Optionen. Jede Option befindet sich in derselben Seitenleiste für Blockeinstellungen, sodass Sie nie nach der richtigen suchen müssen.

🎨 Formularcontainer: Legen Sie die Hintergrundfarbe und einen Rahmen (Stil, Breite und Farbe) fest, damit das Formular sich selbst einrahmt, wie es Ihre Seite benötigt.
🔤 Typografie und Akzente: Steuern Sie die Text- und Überschriftenfarbe, die Linkfarbe und sogar die Farbe des Sternchens für Pflichtfelder.
🔘 Betragsbuttons: Gestalten Sie Hintergrund, ausgewählten Zustand, Text, Rahmen und Eckradius Ihrer Spendenbetragsbuttons.
✅ Spenden-Button: Legen Sie Hintergrund, Hover-Farbe, Textfarbe und Radius des Buttons fest, damit er zu Ihrem Call-to-Action passt.

Scrollen Sie nach unten und Sie finden die Gruppen „Spenden-Button“ und „Akzente“, einschließlich der leicht zu übersehenden Farbe für das Sternchen für Pflichtfelder:

Jede Blockinstanz erhält ihre eigenen, isolierten Stile, sodass Sie mehr als ein Formular auf Ihrer Website platzieren können, jedes ohne Codeanpassung, und keines davon beeinträchtigt die Stile der anderen.

Erste Schritte: Einbetten Ihres ersten Formulars

Sie können ein Formular in weniger als einer Minute auf jeder beliebigen Seite live schalten. Hier sehen Sie Schritt für Schritt, wie das genau aussieht.

Schritt 1: Block hinzufügen

Öffnen Sie eine beliebige Seite oder einen Beitrag, klicken Sie auf den Block-Einfügungsmodus (+) und suchen Sie nach Spendenformular.

Schritt 2: Kampagne auswählen

Wählen Sie bei ausgewähltem Block die Blockeinstellungen in der Seitenleiste aus und wählen Sie eine Kampagne aus dem Dropdown-Menü Kampagne oder wählen Sie Aktuelle Kampagne verwenden.

Schritt 3: Vollständig oder Minimal auswählen

Stellen Sie optional den Formular-Typ auf Vollständig oder Minimal ein, je nachdem, wie viel Platz die Seite Ihnen bietet.

Schritt 4: Gestalten

Gestalten Sie das Formular mit den Steuerelementen Formularcontainer, Typografie, Betragsbuttons, Spendenbutton und Akzente und beobachten Sie, wie sich die Vorschau live aktualisiert.

Schritt 5: Veröffentlichen

Veröffentlichen oder aktualisieren Sie die Seite. Ihr Spendenformular ist jetzt live.

Ein Hinweis: Platzieren Sie ein einzelnes Spendenformular pro Seite für das sauberste und schnellste Erlebnis.

Warum Sie das lieben werden

⚡ Keine Reibung: Spender spenden auf der Seite, die sie gerade lesen, ohne Weiterleitung.
👁️ Was Sie sehen, ist, was sie bekommen: Die Editor-Vorschau spiegelt die tatsächlichen Beträge und Felder der Kampagne wider.
🎨 Stilvoll passend: Neunzehn Steuerelemente ermöglichen es dem Formular, zu jeder Seite zu passen, mit Instanz-spezifischer Geltung.
🔄 Mühelose Aktualisierung: Alte Spendenformular-Shortcodes werden automatisch in den Block konvertiert.
🧱 Block-Theme-freundlich: Es verwendet Standard-Blockregistrierung und -ausrichtung, sodass es mit Block-Themes und Full-Site-Editing funktioniert.

Für Agenturen und Entwickler

Auf die WordPress-native Art gebaut

Der Block ist als charitable/donation-form mit einem serverseitigen render_callback registriert, sodass die Ausgabe im Frontend immer das kanonische, sichere Formular ist und keine clientseitige Annäherung.

Instanz-spezifisches CSS wird über charitable_donation_form_scoped_css() generiert, mit dedizierten Farb- und Längen-Sanitizern und einem Rekursionsschutz, der Probleme verhindert, falls ein Formular jemals verschachtelt wird. Der Block deklariert sich auch in der Cache-Schicht von Charitable, sodass Seiten, die ein Live-Formular enthalten, automatisch vom Full-Page-Caching ausgeschlossen werden, ohne manuelle Ausschlüsse.

Shortcode-kompatibel

Eine registrierte Transformation konvertiert den Legacy-Shortcode [charitable_donation_form] beim Bearbeiten in den Block, sodass die Migration bestehender Seiten problemlos ist.

Häufig gestellte Fragen

Benötigt dies Charitable Pro? 

Ja. Der Spendenformular-Block ist in Charitable Pro 1.8.17 enthalten und nicht Teil des kostenlosen Lite-Plugins.

Was ist der Unterschied zwischen Voll und Minimal? 

Voll rendert das vollständige Spendenformular mit allen Feldern. Minimal ist ein kompaktes Layout (Spendenbeträge und Zahlung), das gut in engere Bereiche wie Seitenleisten und Fußzeilen passt.

Kann ich mehr als ein Formular auf einer Seite platzieren? 

Für das beste und schnellste Erlebnis empfehlen wir ein Formular pro Seite. Jede Blockinstanz ist unabhängig stilistisch abgegrenzt.

Funktioniert es mit meinem Block-Theme oder Full-Site-Editing? 

Ja. Der Block verwendet die Standard-Blockregistrierung und Ausrichtungsunterstützung von WordPress, sodass er mit Block-Themes und FSE funktioniert.

Funktionieren meine bestehenden Shortcodes immer noch? 

Ja, und wenn Sie eine Seite bearbeiten, die [charitable_donation_form] verwendet, wird sie automatisch in den Block konvertiert.

Erste Schritte mit dem Spendenformular-Block

Der Spendenformular-Block ist jetzt in Charitable Pro 1.8.17 verfügbar. Öffnen Sie eine beliebige Seite oder einen Beitrag, fügen Sie den Block hinzu, wählen Sie eine Kampagne aus und beginnen Sie mit dem Sammeln von Spenden genau dort, wo Ihre Spender bereits sind.

Lesen Sie die Dokumentation zum Spendenformular-Block →

Mehr in Charitable Pro 1.8.17

Der Spendenformular-Block ist eine von mehreren Möglichkeiten, wie 1.8.17 Charitable flexibler macht.

Außerdem neu:

• Stil-Tab für visuelles Restyling
• Beacon Vorlagen und Kampagnen-Hero Feld
• Visuelle Spendenbeträge mit Bildern pro Betrag
• Neue Fundraising-Widgets für Elementor, WPBakery und Divi

Noch kein Charitable Pro-Benutzer?

Charitable treibt das Fundraising für Organisationen weltweit an, mit mehr als einer Million Downloads und es werden immer mehr. Charitable Pro gibt Ihnen die Flexibilität, Spenden überall auf Ihrer Website zu sammeln, genau so, wie Sie es möchten.

Was ist neu in Charitable

Wir haben auch kürzlich mehrere leistungsstarke Funktionen und Verbesserungen eingeführt:

Wir fügen Charitable ständig Funktionen und Verbesserungen hinzu, die darauf ausgelegt sind, Ihnen zu helfen, mehr zu sammeln und Ihre Spender besser zu bedienen. Sehen Sie alles, was wir veröffentlicht haben, im Charitable Changelog.

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 »

Wenn Sie Fragen haben oder Hilfe beim Platzieren Ihres ersten Formulars benötigen, steht Ihnen unser Support-Team gerne zur Verfügung.

---

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

⬇️ 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 →