Gemeinnütziger Blog

Alles, was Sie über Charitable und unser Team wissen müssen.

Charitable 1.4 bietet Responsive Design und mehr

Zuletzt aktualisiert am

  • Von

TL;DR: Wir haben gerade ein riesiges Update für Charitable veröffentlicht. Highlights sind bessere Unterstützung für kleine Bildschirme, ein neuer Shortcode und ein vollständiger, benutzerorientierter Anmelde- und Registrierungsablauf.

Charitable 1.4 erscheint heute, fast sechs Monate nach der Veröffentlichung von Version 1.3. Das ist eine lange Zeit zwischen Hauptversionen – zu lang nach meinem Geschmack – aber das Ergebnis ist, dass 1.4 ein großer Schritt nach vorne für das Projekt ist.  Hier ist ein Vorgeschmack auf die Neuerungen in 1.4:

  • Kampagnen-Raster (wie die, die Sie mit dem [campaigns] Shortcode hinzufügen), passen sich automatisch gut an kleinere Bildschirme an.
  • Das gilt auch für die Liste der vorgeschlagenen Spenden im Spendenformular.
  • Sie können einen neuen Shortcode verwenden, der die Spendenhistorie eines angemeldeten Benutzers auflistet.
  • Ihre registrierten Benutzer können ihr Passwort mit einem vollständig benutzerorientierten System (d. h. kein wp-login-Zugriff) ändern & zurücksetzen.
  • Das Spendenformular führt jetzt einige clientseitige Validierungstests durch, um Spendern zu helfen, die ein Feld vergessen haben oder eine ungültige Kreditkartennummer eingegeben haben.
  • Bildfelder in Formularen verfügen jetzt über eine nette Drag-and-Drop-Oberfläche (ein schönes Update für Leute, die Ambassadors oder User Avatar verwenden).

Werfen wir einen genaueren Blick auf einige davon.

Responsive Kampagnen-Raster

Eines der häufigsten Probleme, die die Leute mit den Kampagnen-Rastern erwähnten, war, dass sie nicht responsiv waren. Auf einem Mobiltelefon waren sie dadurch praktisch unbrauchbar. Wir haben Kunden mit einer einfachen CSS-basierten Lösung geholfen, aber die Lösung direkt in Charitable zu integrieren, ist offensichtlich ein großer Gewinn für alle.

responsive-campaign-grid

Die gesamte Magie kommt vom responsive-Parameter für den [campaigns]-Shortcode. Wenn Sie einfach die Standardeinstellungen verwenden, skaliert das Raster automatisch auf ein Ein-Spalten-Layout auf Bildschirmen, die kleiner als 768 Pixel sind (die Größe eines iPads).

Natürlich ist jedes Theme anders, daher sind 768 Pixel möglicherweise nicht der perfekte Punkt, an dem umgeschaltet werden soll. Sie haben die volle Kontrolle über den Punkt, an dem das Raster herunterskaliert. Hier ist ein Beispiel, bei dem ich bei 600 Pixel auf eine Spalte skaliere:

[kampagnen responsive=600px]

Drag-and-Drop-Bildfelder

Wenn Sie Charitable Ambassadors verwenden, um eine Peer-to-Peer-Fundraising- oder Crowdfunding-Plattform zu betreiben, wird es für Ihre Kampagnenersteller einfacher sein, ihr Kampagnenbild hinzuzufügen.

Wir sind von diesem übergegangen:

old-picture-field

Zu diesem:

drag-drop-picture-field

Neuer [charitable_my_donations] Shortcode

Endlich bietet Charitable eine saubere, einfache Möglichkeit für angemeldete Benutzer, eine Historie ihrer Spenden einzusehen.

Spendenverlauf-Shortcode

Die Einrichtung ist ganz einfach: Erstellen Sie einfach eine neue Seite und fügen Sie den [charitable_my_donations] Shortcode ein. Ihre Benutzer müssen angemeldet sein, um auf ihre Spenden zugreifen zu können.

Vollständiger, benutzerorientierter Anmelde- & Registrierungsablauf

Charitable enthielt schon immer Anmelde- und Registrierungs-Shortcodes, aber es fehlten einige Elemente:

  • Um ihr Passwort zurückzusetzen, mussten Benutzer den Standard-Passwort-Reset-Prozess von WordPress durchlaufen.
  • Angemeldete Spender oder Kampagnenersteller sahen die Admin-Leiste, was viele als verwirrend oder unerwünscht empfanden.

Dank eines großartigen Einsatzes von @rafecolton vom Himalayan Institute verfügt Charitable 1.4 jetzt über ein stark verbessertes Benutzermanagementsystem. Es ist perfekt, wenn Sie Botschafter verwenden, um eine Plattform zu betreiben, und Sie möchten, dass der gesamte Anmelde- und Registrierungsablauf in das Frontend integriert wird.

Personen, die zu Charitable 1.4 beigetragen haben

Einer der aufregendsten Aspekte dieser Version von Charitable ist, dass sie einige bedeutende Beiträge von Personen außerhalb unseres 2-Mann-Teams enthielt. Ich habe Rafe oben erwähnt; seine Kollegen @cyhtan und @NeptuneIllume haben ebenfalls beigetragen; und @Kathy_Darling, die an unserer Erweiterung für wiederkehrende Spenden arbeitet, hat ebenfalls einige bedeutende Änderungen vorgenommen.

Neben ihnen hatten wir auch einige großartige Beiträge zum Charitable-Übersetzungsprojekt von hugo_mv (Spanisch), mauroandres (Spanisch – Argentinien) und elstupid (Niederländisch) sowie von anderen, die zu den Übersetzungen beigetragen haben.

An alle, die geholfen haben, diese Version von Charitable zu gestalten – einschließlich Ihnen, unseren Benutzern – vielen Dank! Wir hoffen, Sie genießen diese neueste Iteration.

Änderungsprotokoll

  • Skalieren Sie das Kampagnenraster auf kleineren Bildschirmen anmutig. Der [campaigns]-Shortcode unterstützt jetzt einen responsive-Parameter, der standardmäßig aktiviert ist. Sie können ihn auf einen bestimmten px/em-Betrag setzen, um den Breakpoint zu ändern, oder ihn auf 0 setzen, um das responsive Styling zu deaktivieren. #88
  • Bietet auch ein angemessen responsives Styling für vorgeschlagene Spendenbeträge auf kleinen Bildschirmen. #159
  • Der [charitable_my_donations]-Shortcode wurde hinzugefügt. Verwenden Sie diesen Shortcode, um angemeldeten Benutzern zu ermöglichen, eine Historie ihrer Spenden anzuzeigen, einschließlich Links zu den Spendenquittungen. #14
  • Clientseitige Validierung für das Spendenformular hinzugefügt. Dies prüft, ob Spender alle erforderlichen Felder ausgefüllt haben, ob sie mehr als 0 $ spenden (denn ernsthaft, eine Spende von 0 $ wird nicht weit reichen :)) und ob sie eine gültige Kreditkarte verwendet haben (wenn Sie unsere Stripe- oder Authorize.Net-Erweiterungen verwenden). #176 und #63
  • Ein Passwort-Zurücksetzungsprozess wurde hinzugefügt, um einen vollständigen, benutzerorientierten Anmelde- und Registrierungsablauf zu bieten. #89
  • Fügen Sie einen order-Parameter für den [campaigns]-Shortcode hinzu, um die Richtung umzukehren, in der Kampagnen angezeigt werden. #64
  • Erlauben Sie Kampagnen im [campaigns]-Shortcode, nach einer der orderby-Optionen für WP_Query sortiert zu werden.
  • Drag-and-Drop-Unterstützung für das Bild-Formularfeld hinzugefügt, das in den Erweiterungen Benutzeravatar und Botschafter verwendet wird. #111
  • Verbessert, wie das Plugin nach Updates für Charitable-Erweiterungen sucht, um das WordPress-Dashboard reibungslos laufen zu lassen. #133
  • Eine Funktion charitable_create_donation() für Entwickler hinzugefügt, die Spenden programmatisch erstellen möchten. #109
  • Eine neue Klasse Charitable_Donations_Query wurde hinzugefügt, die von Entwicklern verwendet werden kann, um Spenden aus der Datenbank abzurufen. #155
  • Eine neue Klasse Charitable_Deprecated wurde hinzugefügt, die verwendet wird, um fehlerhafte Verwendungen von Charitable-Funktionen oder -Methoden zu protokollieren.
  • Umwandlung der Anzeige von Charitable-Spenden in die integrierte Admin-Seite edit.php, anstatt sich auf eine benutzerdefinierte Admin-Seite mit einer benutzerdefinierten Beitragstabelle zu verlassen. Dabei haben wir auch die Benutzeroberfläche vereinfacht und die Spendenstatus farblich gekennzeichnet. #110
  • Telefonnummer, Adresse und Zahlungsmethode des Spenders in den Spendenexport-CSV aufnehmen. #154
  • Wenn mehrere Gateways aktiviert sind, wird das Standard-Gateway zuerst im Spendenformular aufgeführt. #139
  • Automatische Stornierung einer Spende, wenn der Spender vom Gateway zurückkehrt, bevor er sie abschließt. Dies funktioniert mit PayPal, PayUMoney und PayFast. #90 und #117
  • Eine Methode Charitable_Donor::__toString() wurde hinzugefügt, sodass das Ausgeben des Objekts einfach den Spendernamen ausgibt.
  • Die Funktion charitable_sanitize_amount() wurde hinzugefügt, um Beträge vom Typ String in einen Float umzuwandeln.
  • Entfernen Sie das Währungssymbol aus Geldbeträgen, um zu verhindern, dass das Symbol als Teil des Betrags behandelt wird. #145
  • Entfernen Sie das Währungssymbol aus den vorgeschlagenen Spendenbeträgen beim Speichern einer Kampagne. #147
  • Wenn eine Spende fehlschlägt und der Benutzer zum Spendenformular zurückgeleitet wird, kann er dieselbe Spende erneut versuchen. Zuvor wäre eine neue Spende erstellt worden, die eine Phantom-Wartespendung hinterlässt. #106
  • Verhindern Sie doppelte Spenden, die durch wiederholtes Klicken auf die Schaltfläche „Spenden“ verursacht werden. #164
  • Fehler behoben, der sich auf leere Inhalte im Layers-Theme bezog. #9

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, wenn Sie auf einige unserer Links klicken, können wir eine Provision verdienen. Wir empfehlen nur Produkte, von denen wir glauben, dass sie unseren Lesern einen Mehrwert bieten.

2 Antworten auf „Charitable 1.4 Features Responsive Styling und mehr“

  1. Wie wir Logins und Registrierungen in Charitable verbessert haben

    [...] der Charitable-Entwicklung in letzter Zeit war der Frontend-Benutzer-Login- und Registrierungsprozess. Version 1.4.0 führte einen Passwort-Reset-Prozess ein. Heute veröffentlichen wir Version 1.4.2, die [...]

  2. Dana Jewel Harris Avatar
    Dana Jewel Harris

    Ich möchte das Charitable-Geolocation-Plugin ausprobieren, um meinen Studenten und ihren Partnern in der Bildung zu helfen, Service-Learning-Projekte in ihren College-Town-Gemeinschaften zu identifizieren.
    Über College Town Communities http://www.nextstepsyep.org/college-town/
    Über NEXT Steps Partners in Education University Service-Learning Projects http://www.nextstepsyep.org/college-town/nspie-university/

Hinterlassen Sie eine Antwort

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Erhalten Sie kostenlose Tipps und Ressourcen direkt in Ihren Posteingang, zusammen mit über 60.000 anderen

Abonnieren Sie unseren Newsletter

Wir werden Sie nicht spammen. Wir senden nur eine E-Mail, wenn wir glauben, dass sie Ihnen wirklich hilft. Abmeldung jederzeit möglich!

Video der Woche:

Sehen Sie sich weitere Videos auf unserem YouTube-Kanal an.

Was ist neu bei Charitable

Die neuesten Updates anzeigen
🔔 Abonnieren Sie, um unsere neuesten Updates zu erhalten
📧 E-Mails abonnieren

E-Mail-Abonnement

Abonnieren Sie unseren Newsletter

Wir werden Sie nicht spammen. Wir senden nur eine E-Mail, wenn wir glauben, dass sie Ihnen wirklich hilft. Abmeldung jederzeit möglich!

Verbesserung Zahlungen

💰 Wiederkehrende Spenden mit Windcave und Charitable akzeptieren

Ein Spender richtet seine Spende einmalig auf der sicheren Zahlungsseite von Windcave ein, und Charitable stellt danach pünktlich jede Verlängerung in Rechnung. Warum das wichtig ist:

🏦 In Neuseeland oder Australien ansässige Organisationen: Monatliche Spenden über das Gateway, mit dem Ihre Bank Sie bereits eingerichtet hat, ohne dass ein zweiter Prozessor angebunden werden muss.
⛪ Kirchen, die regelmäßige Zehnten und Opfergaben erhalten: Die Gemeindemitglieder legen einmal ihren eigenen Zeitplan fest, was der einfachste Weg ist, regelmäßige Kirchenspenden ohne eine separate Plattform zu starten.
🌏 Gruppen mit Spendern in verschiedenen Währungen: Windcave unterstützt über 20 Währungen, sodass ein Unterstützer in der Währung spenden kann, die er tatsächlich besitzt.
📅 Betriebsmittel statt einmaliger Kampagnen: Schalten Sie den Nur-wiederkehrenden-Modus ein, und die Einmal-Option verschwindet, sodass jede Spende für diese Kampagne ein Abonnement ist.
🧾 Teams ohne Entwickler im Personal: 3 Anmeldedaten in eine Einstellungsseite eingefügt, und kein Code irgendwo.

Lesen Sie hier unsere Ankündigung.

Automatisierung Aktualisierung

⚡ Visueller Automatisierungs-Builder: Drag & Drop ohne Code!

Charitable Automation Connect 2.3.0 führt den visuellen Automatisierungs-Builder ein, eine Vollbild-Leinwand, die jede Automatisierung als Fluss verbundener Karten darstellt: ein Auslöser, optionale Bedingungen und eine Liste von Aktionen, die der Reihe nach ausgeführt werden.

🧩 Viele Aktionen, ein Auslöser: Markieren Sie einen Spender, senden Sie eine E-Mail, fügen Sie eine Notiz hinzu und lösen Sie einen Webhook von einem einzelnen Ereignis aus, das in beliebiger Reihenfolge gezogen wird.

✉️ Innerhalb von Charitable handeln: Neue Aktionen wie „E-Mail senden“, „Spender markieren“ und „Spenderhinweis hinzufügen“ laufen ohne externen Dienst.

🔤 Zusammenführung-Tags: Personalisieren Sie E-Mails und Notizen mit Live-Feldern wie {first_name}, {total} und {campaign_name}.

🔁 Auf bestehende Spender anwenden: Führen Sie „Spender markieren“ und „Spenderhinweis hinzufügen“ für Ihre vorhandenen Spender aus.

🖥️ Leinwand oder Einfach: Wechseln Sie jederzeit die Ansicht, und Automatisierungen, die vor 2.3.0 erstellt wurden, funktionieren weiterhin unverändert.

Lesen Sie hier mehr.

Integration aktualisiert

📬 Brevo für Charitable vorstellen: Spender automatisch zu Abonnenten machen

Der Moment, in dem ein Unterstützer eine Spende tätigt, ist der Moment, in dem er am engagiertesten ist. Mit der neuen Brevo-Integration für Charitable können Sie einmalige Spender automatisch in langfristige Abonnenten verwandeln, ohne eine einzige Tabelle anfassen zu müssen.

Sammeln Sie einfach die Zustimmung der Spender direkt auf Ihrem Spendenformular und starten Sie sofort Ihre Willkommensserie.

Was ist neu:

🔄 Automatischer Abonnenten-Sync: Neue Spender, die zustimmen, werden sofort Ihrer Brevo-Kontaktliste hinzugefügt, sobald ihre Zahlung abgewickelt ist – keine manuellen Exporte oder CSV-Importe erforderlich.

🎯 Detaillierte Zustimmungs- & Opt-In-Kontrolle: Passen Sie die Bezeichnung Ihrer Checkbox an, wählen Sie, ob sie standardmäßig aktiviert oder deaktiviert ist, oder aktivieren Sie die Brevo-Double-Opt-In, um Ihre Liste sauber und konform zu halten.

📋 Listen-Mapping pro Kampagne: Leiten Sie Unterstützer zu Ihrer globalen E-Mail-Liste oder ordnen Sie bestimmte Kampagnen gezielten Brevo-Listen zu, um Ihre Folgekommunikation anzupassen.

⚡ 5-Minuten-Einrichtung: Stellen Sie sofort eine Verbindung her, indem Sie Ihren Brevo-API-Schlüssel in die Newsletter-Einstellungen einfügen, Ihre Kontaktfelder zuordnen und Ihre E-Mail-Liste automatisch aufbauen.

Bereit, Ihre Mailingliste zu erweitern? Brevo ist jetzt im Charitable Plus-Plan verfügbar – verbinden Sie noch heute Ihr Konto!

wiederkehrende Spenden aktualisiert

💳 Karten-Updates einführen: Abgelaufene Karten korrigieren, ohne Abos zu verlieren!

Neue abgelaufene oder aktualisierte Kreditkarten sind eines der größten stillen Lecks im wiederkehrenden Fundraising. Mit Card Updates in der Erweiterung Recurring Donations können Spender jetzt ihre Zahlungsdetails direkt aktualisieren – ihre Abonnement-, Zeitplan- und Spendenhistorie bleibt dabei vollständig erhalten.

Keine gekündigten Pläne, keine verlorene Historie und null administrativer Aufwand für Ihr Team.

Was ist neu:

⚡ 30-Sekunden-Self-Service: Spender erhalten in ihrem Dashboard eine spezielle Schaltfläche „Karte aktualisieren“, die das sichere, PCI-konforme Kundenportal von Stripe öffnet, um Kartendetails sofort zu aktualisieren.

🔒 Geltungsbereich & Sicherer Zugriff: Standardmäßig ausschließlich auf Kartenaktualisierungen beschränkt, können Spender ihre Pläne nicht versehentlich aus dem Portal heraus kündigen oder ändern, wodurch Ihre Webhooks und Daten synchron bleiben.

🤝 Unterstützung durch Administratoren: Helfen Sie einem Spender am Telefon? Öffnen Sie sein sicheres Stripe-Portal mit einem Klick von Ihrem Admin-Bildschirm aus oder generieren Sie einen Einmal-Link zur Aktualisierung, den Sie ihm per E-Mail zusenden können.

📋 Automatischer Audit Trail: Jede Aktualisierung der Zahlungsmethode wird automatisch mit einem Zeitstempel sowohl in den systemweiten Protokollen als auch im Profil des einzelnen Spenders aufgezeichnet.

Sind Sie bereit, Ihre wiederkehrenden Einnahmen zu schützen? Holen Sie sich das Plus- oder Pro-Paket, aktualisieren Sie „Wiederkehrende Spenden“ auf Version 2.3.0+ und aktivieren Sie noch heute unter „Einstellungen“ die Option „Zahlungsmethode aktualisieren“!

Integration Seiten-Ersteller

Divi-Fans jubeln! Natives Divi 5 Kampagnen-Fortschrittsbalken-Modul!

Mit unserem neuen nativen Divi 5-Modul können Sie Ihre Microsites mit Echtzeit-Fundraising-Statistiken direkt auf der visuellen Oberfläche verankern. Hier erfahren Sie, wie es funktioniert und warum es sich lohnt, es noch heute zu aktivieren.

Erstellen Sie Kampagnen-Updates, die VISUELL UND LIVE sind. Sie können auch:

📊 Fortschrittsbalken der Kampagne: Fügen Sie einen Live-Fortschrittsbalken in jedes Divi 5-Layout ein und zeigen Sie den Ziel-Fortschritt in Echtzeit an.

🎨 Tiefgreifende Styling-Steuerelemente: Passen Sie die Farbe, Höhe und den Radius des Balkens und der Anzeige einfach an, um sie perfekt an Ihre Marke anzupassen.

👁️ Visual Builder bereit: Konfigurieren und sehen Sie alles direkt auf der Divi-Oberfläche als erstklassiges Modul.

🔁 Identische Darstellung: Dieselbe exakte Engine treibt dieses Modul an, was ein konsistentes Design ohne Legacy-Workarounds bedeutet.

✅ Schnellere Starts: Verlassen Sie niemals die Divi 5-Oberfläche, um Shortcodes zu konfigurieren oder zu erraten, wie Ihre Ziel-Beschriftungen aussehen werden.

Hier mehr erfahren.