Sie haben Ihren Page Builder nicht zufällig gewählt.

Sie haben sich für Elementor, WPBakery oder Divi entschieden, weil es so funktioniert, wie Sie denken, und weil Sie eine polierte Seite erstellen können, ohne Code anfassen zu müssen. Als es dann darum ging, Spenden hinzuzufügen, stießen Sie auf eine Wand: Fügen Sie einen Shortcode ein, raten Sie das Ergebnis, veröffentlichen Sie, aktualisieren Sie, wiederholen Sie.

Wir reißen diese Wand ein – Lernen Sie Charitable Pro 1.8.17 kennen!

Diese Version bringt eine Welle nativer Spenden-Bausteine in alle drei Builder, sodass Spenden-Widgets, Countdowns, Feeds, Ranglisten und Showcases direkt neben dem Rest Ihrer Seite per Drag & Drop verschoben, gestylt und in der Vorschau angezeigt werden können. 🧱

Warum native Page Builder-Unterstützung Ihre Arbeitsweise verändert

Das Wechseln zwischen Ihrem Builder und einem separaten Plugin-Bildschirm unterbricht Ihren Workflow, und jeder Kontextwechsel ist eine Chance, den Faden dessen zu verlieren, was Sie gerade entworfen haben. Schlimmer noch, Shortcode-basierte Elemente lassen Sie blind entwerfen: Sie können das Ergebnis erst sehen, wenn Sie den Editor verlassen.

Native Elemente lösen beide Probleme. Wenn ein Spenden-Widget in der eigenen Elementbibliothek Ihres Builders lebt, konfigurieren Sie es im selben Panel, gestalten Sie es mit denselben Steuerelementen und sehen Sie es auf derselben Live-Leinwand wie alles andere auf der Seite. Das bedeutet schnellere Starts, konsistentes Design und keinen Code, der die Lücke schließt. Und da alle drei Builder über dieselbe Engine im Hintergrund gerendert werden, sieht das, was Sie erstellen, identisch aus, egal welchen Sie verwenden.

Wann Sie den Unterschied spüren werden

Einige Möglichkeiten, wie Teams diese nutzen:

⏳ Ein an eine Frist gebundener Spendenaufruf: Fügen Sie einen Kampagnen-Countdown in Ihr bestehendes Elementor- oder WPBakery-Layout ein, um Dringlichkeit zu erzeugen, komplett mit einem Feiereffekt, wenn das Ziel erreicht ist.
📣 Eine Homepage, die Dynamik beweist: Fügen Sie einen Live-Spenden-Feed hinzu, damit Besucher den sozialen Beweis von echten Spendern sehen, die gerade geben.
🏆 Eine Spender-Anerkennungsseite: Platzieren Sie eine Spender-Rangliste, um Top-Unterstützer zu feiern und freundliche Spendenanreize zu schaffen.
🖼️ Eine Landingpage „Unsere Kampagnen“: Verwenden Sie die Kampagnenübersicht, um mehrere Kampagnen in einem Raster oder Karussell mit Suche, Filtern und Abzeichen hervorzuheben.
📊 Eine Divi 5 Microsite: Verankern Sie einen Abschnitt mit dem nativen Kampagnen-Fortschrittsbalken-Modul und beobachten Sie die Live-Vorschau auf der Divi-Leinwand.

Fünf neue Elementor-Widgets

Elementor-Benutzer erhalten einen vollständigen Satz von Drag-and-Drop-Widgets, die alle unter der Kategorie Charitable im Widget-Panel gruppiert sind, jedes mit Live-Vorschau im Editor.

⚡ Mini-Spende: Ein kompaktes, hochkonvertierendes Spenden-Widget mit voreingestellten Beträgen, Auswirkungstext und vollständiger Farbsteuerung.
⏳ Kampagnen-Countdown: Ein Live-Countdown bis zu Ihrer Frist, mit benutzerdefinierten Beschriftungen, Verhalten im abgelaufenen Zustand und optionalem Konfetti oder Feuerwerk, wenn die Zeit abläuft.
📣 Spenden-Feed: Aktuelle Spenden für sozialen Beweis, mit Listen- oder Kartenlayouts, Filterung und Live-Updates.
🏆 Spender-Rangliste: Eine Rangliste von Unterstützern mit Gold-, Silber- und Bronze-Styling und umfangreichen Anzeigeoptionen.
🖼️ Kampagnen-Showcase: Eine oder mehrere Kampagnen in einem Raster oder Karussell, mit Sortierung, Kategorien, Abzeichen sowie Suche und Filtern.

Fünf neue WPBakery-Elemente

WPBakery erhält die gleichen fünf Fundraising-Bausteine wie native Elemente, aufgeführt unter Charitable in der Elementbibliothek mit dem Charitable-Symbol.

🛠️ Volle Parität: Mini-Spende, Kampagnen-Countdown, Spenden-Feed, Spender-Rangliste und Kampagnen-Showcase sind alle verfügbar.
🎨 Stil an Ort und Stelle: Konfigurieren Sie jedes Element im WPBakery-Editor und sehen Sie, wie es auf der Seite gerendert wird.
✅ Keine Shortcodes nötig: Fügen Sie Fundraising-Funktionen aus der Elementbibliothek hinzu, wie jedes andere Element auch.

Ein natives Divi 5 Modul

Divi-Benutzer, die im Divi 5 Visual Builder erstellen, erhalten ein brandneues, vollständig natives Modul.

📊 Kampagnen-Fortschrittsbalken: Fügen Sie einen Live-Fortschrittsbalken in jedes Divi 5-Layout ein und zeigen Sie den Ziel-Fortschritt in Echtzeit an, mit Steuerelementen für Balken- und Spurenfarbe, Höhe, Radius sowie die Spenden- und Zielbeschriftungen.
👁️ Visual Builder bereit: Konfigurieren und in der Vorschau anzeigen direkt auf der Divi-Leinwand, als erstklassiges Divi 5-Modul und nicht als Legacy-Shim.

Das Detail, das dies besonders macht

Hier ist, was diese Integrationen mehr als nur ein Kontrollkästchen macht:  Alle drei Builder ordnen ihre Steuerelemente derselben zugrunde liegenden Block-Engine zu und rendern über denselben serverseitigen Code. Ein Mini-Spenden-Widget in Elementor, ein Mini-Spenden-Element in WPBakery und die Version des Block-Editors erzeugen alle die gleiche Ausgabe, Pixel für Pixel. Das bedeutet, Sie erhalten echte Funktionsparität über die Builder hinweg, konsistente Ergebnisse für jeden Kunden und keine Überraschungen, wenn Sie Werkzeuge wechseln oder eine Website übergeben.

Erste Schritte

Aktualisieren Sie auf Charitable Pro 1.8.17 und öffnen Sie dann den Builder Ihrer Wahl:

Elementor 1. Bearbeiten Sie eine Seite mit Elementor und öffnen Sie das Widget-Panel. 2. Suchen Sie nach „Charitable“ oder scrollen Sie zur Kategorie Charitable. 3. Ziehen Sie ein Widget (z. B. „Mini-Spende“) auf die Seite und konfigurieren Sie es im Panel, während Sie die Live-Vorschau beobachten.

WPBakery 1. Bearbeiten Sie eine Seite und klicken Sie auf Element hinzufügen. 2. Suchen Sie die Kategorie Charitable oder suchen Sie nach dem gewünschten Element. 3. Fügen Sie es hinzu, legen Sie seine Parameter fest und veröffentlichen Sie es.

Divi 5 1. Öffnen Sie eine Seite im Divi 5 Visual Builder und fügen Sie ein Modul hinzu (+). 2. Suchen Sie nach Campaign Progress Bar und fügen Sie es hinzu. 3. Wählen Sie Ihre Kampagne aus, passen Sie die Design-Steuerelemente an und sehen Sie sich die Vorschau live auf der Leinwand an.

Warum Sie das lieben werden

🧱 Nativ, nicht angeklebt: Spenden-Elemente leben in der eigenen Bibliothek Ihres Builders.
👁️ Gestalten mit Live-Vorschau: Sehen Sie, wie sich Widgets auf der Leinwand aktualisieren, während Sie sie konfigurieren.
🔁 Überall identisch: Dieselbe Rendering-Engine treibt alle drei Builder und den Block-Editor an.
🎨 Tiefgreifendes Styling: Farben, Layouts, Abzeichen und Animationen sind alle integriert.
🧩 Fünf Tools, zwei Builder, plus Divi 5: Mini-Spende, Countdown, Feed, Rangliste und Showcase in Elementor und WPBakery und eine native Fortschrittsleiste in Divi 5.

Für Agenturen und Entwickler

Konsistente Architektur, leicht verständlich

Da Elementor-Widgets, WPBakery-Elemente und Divi 5-Module alle auf die gemeinsamen Block-Renderer von Charitable delegieren, gibt es eine einzige Quelle der Wahrheit für die Ausgabe, sodass eine Korrektur oder Verbesserung überall gleichzeitig ankommt. Integrationen können mit den Konstanten CHARITABLE_DISABLE_ELEMENTOR_INTEGRATION und CHARITABLE_DISABLE_WPBAKERY_INTEGRATION deaktiviert werden, und Kampagnen-Caches werden automatisch beim Speichern über die Cache-Hooks von Charitable geleert.

FAQs zu Page Builder Integrationen

Benötigt dies Charitable Pro? Ja. Diese Builder-Integrationen werden in Charitable Pro 1.8.17 ausgeliefert.

Benötige ich den Page Builder installiert? Ja. Jede Integration wird nur aktiviert, wenn ihr Builder aktiv ist. WPBakery erfordert Version 6.0 oder höher, und das Campaign Progress Bar-Modul erfordert Divi 5. Auf Divi 4 erhalten Sie stattdessen die bestehenden Legacy-Module von Charitable.

Sind die Widgets über Builder hinweg gleich? Effektiv ja. Elementor und WPBakery teilen sich dieselben fünf Elemente, und sie rendern über dieselbe Engine wie der Block-Editor, sodass die Ausgabe konsistent ist.

Funktionieren diese mit meinem Theme? Die Elemente werden über den Standard-Frontend-Code von Charitable gerendert, sodass sie über Themes hinweg konsistent angezeigt werden.

Kann ich immer noch Shortcodes verwenden? Ja. Die Shortcodes von Charitable funktionieren weiterhin. Die neuen Widgets und Module bieten Ihnen einfach eine native, visuelle Möglichkeit, dieselben Funktionen hinzuzufügen.

Erste Schritte mit Ihrem Page Builder

Die neuen Widgets und Module sind jetzt in Charitable Pro 1.8.17 verfügbar.

Stellen Sie sicher, dass Sie die neueste Version von Charitable ausführen.

Öffnen Sie Elementor, WPBakery oder Divi und suchen Sie in Ihrer Bibliothek nach den neuen Charitable-Elementen.

Das ist alles.

Mehr in Charitable Pro 1.8.17

Diese Integrationen sind Teil eines großen Releases. Ebenfalls neu: der Styles-Tab für visuelles Restyling, die Beacon -Vorlagen und das Campaign Hero -Feld, der Gutenberg-Block für Spendenformulare und visuelle Spendenbeträge mit Bildern pro Betrag.

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 Hinzufügen dieser zu Ihrer Website benötigen, ist unser Support-Team bereit, Ihnen zur Seite zu stehen.

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 →

David Bisset Projektmanager

David ist seit 2022 Projektmanager von Charitable. David arbeitet mit mehreren gemeinnützigen Organisationen (eine wird von seiner Frau betrieben) zusammen, während er gleichzeitig Funktionen, Support und Marketing für Charitable verwaltet und entwickelt. Ist seit 2006 mit WordPress beschäftigt und war Hauptorganisator mehrerer Konferenzen, Veranstaltungen und Treffen.

Vollständige Biografie anzeigen