Gemeinnütziger Blog

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

AWARE: 30 for 30 Kampagnenbanner

Einblicke in AWARE Whistlers einzigartige „30 for 30“-Spendenaktion (Anleitung)

Zuletzt aktualisiert am

  • Von

AWARE Whistler ist eine Wohltätigkeitsorganisation, die sich dem Schutz der natürlichen Umwelt von Whistler, Kanada, verschrieben hat. Sie feiert in diesem Jahr ihr 30-jähriges Bestehen und begeht diesen Anlass mit der Einführung der 30 for 30 Fundraiser.

Das Ziel der 30 for 30 Fundraiser ist es, 60.000 US-Dollar zu sammeln, wobei 30.000 US-Dollar von Unternehmen und 30.000 US-Dollar von Einzelspenden stammen sollen.

AWARE nutzt den kampagnengetriebenen Fundraising-Ansatz von Charitable, um diese Kampagne zu unterstützen. Es wurden zwei individuelle Spendenkampagnen eingerichtet: eine für Unternehmen und eine für Einzelpersonen.

Die Herausforderung

Natürlich haben einzigartige Kampagnen wie diese oft einzigartige Anforderungen, und die 30 for 30 Fundraiser bildet da keine Ausnahme.

Da eine der beiden Spendenkampagnen speziell darauf ausgerichtet ist, Spenden von Unternehmen zu erhalten, wird in deren Spendenformular ein Feld für den Firmennamen benötigt. Außerdem sollte auf der Website (über den Spender-Shortcode oder das Widget) der Firmenname angezeigt werden – nicht der Name der spendenden Person.

Glücklicherweise ist die Flexibilität von Charitable ideal für die Bedürfnisse von AWARE geeignet. Sehen wir uns an, wie.

Schritt 1. Ein Feld „Firmenname“ hinzufügen

Als Erstes müssen wir ein neues Spendenfeld mit der Donation Fields API erstellen.

Werfen wir einen Blick auf den dafür erforderlichen Code:

/**
 * STEP 1: Register the "Company Name" Donation Field.
 *
 * On the `init` hook, we create a new Donation Field. It has a
 * key of `company_name` (this is how we will reference it later),
 * and it's set up as a required field in the donation form, shown
 * after the `last_name` field.
 */
add_action( 'init', function() {
        /**
         * Add a "Company Name" field.
         */
        $field = new Charitable_Donation_Field(
            'company_name',
            [
                'label' => 'Company Name',
                'data_type' => 'user',
                'donation_form' => [
                    'show_after' => 'last_name',
                    'required' => true,
                ],
                'admin_form' => true,
                'show_in_meta' => true,
                'show_in_export' => true,
                'email_tag' => [
                    'description' => 'The company name',
                ],
            ]
        );

        /**
         * Register the field.
         */
        charitable()->donation_fields()->register_field( $field );
}, 100 );

Hier passiert einiges. Zunächst richten wir ganz oben eine Funktion ein, die beim init Hook ausgeführt wird. Dies ist der beste Hook, wenn Sie ein neues Spendenfeld registrieren möchten.

Innerhalb unserer Funktion erstellen wir ein neues Spendenfeld mit dem Objekt Charitable_Donation_Field. Schauen wir uns diesen Teil genauer an:

$field = new Charitable_Donation_Field(
     'company_name',
     [
         'label' => 'Company Name',
         'data_type' => 'user',
         'donation_form' => [
             'show_after' => 'last_name',
             'required' => true,
         ],
         'admin_form' => true,
         'show_in_meta' => true,
         'show_in_export' => true,
         'email_tag' => [
             'description' => 'The company name',
         ],
     ]
 );

Hier erstellen wir ein Feld mit dem Schlüssel company_name (den wir später benötigen werden). Wir haben eine Beschriftung festgelegt, es als Benutzerfeld definiert und einige grundlegende Regeln für seine Anzeige im Spendenformular festgelegt: direkt nach dem Feld last_name und als Pflichtfeld.

Wir haben es auch so eingerichtet, dass es im Spendenformular des Administrators, in den Spendenmetadaten und in der Exportdatei für Spenden angezeigt wird. Wir haben Charitable sogar angewiesen, ein E-Mail-Tag dafür zu erstellen, damit wir es in unseren Spendenquittungs-E-Mails verwenden können.

Schließlich registrieren wir dieses Feld bei der Donation Fields API:

charitable()->donation_fields()->register_field( $field );

Schritt 2. Das Feld „Firmenname“ nur für eine Kampagne anzeigen

Standardmäßig wird ein Spendenfeld in jedem Spendenformular angezeigt. Für die „30 for 30“-Kampagne möchte AWARE jedoch, dass das Feld nur im Spendenformular der Business-Spendenaktion erscheint.

So erreichen wir das:

/**
 * STEP 2: Only show the field on a specific campaign.
 *
 * We only want the field to show up on a single campaign's
 * form, so we *remove* it from all other campaigns' donation
 * forms.
 */
add_filter( 'charitable_donation_form_user_fields', function( $fields, Charitable_Donation_Form $form ) {
    /**
     * Check the campaign ID of the donation form being
     * shown. If it isn't the one where we want the field,
     * remove the field using the unset() function.
     */
    if ( 123 != $form->get_campaign()->ID ) {
        unset( $fields['company_name'] );
    }

    return $fields;
}, 10, 2 );

Wir lösen dieses Problem, indem wir das Feld company_name *entfernen*, wenn wir *nicht* das Spendenformular der Business-Kampagne anzeigen. Die ganze Magie geschieht hier:

if ( 123 != $form->get_campaign()->ID ) {
     unset( $fields['company_name'] );
 }

In diesem Fall stellen wir uns vor, dass die Kampagne „Business“ die ID 123 hat. Wenn wir uns also die Felder in einem bestimmten Formular ansehen, überprüfen wir die ID der Kampagne für das Formular. Wenn diese nicht 123 ist, verwenden wir die Funktion unset(), um unser Feld zu entfernen, und beziehen uns dabei auf den Schlüssel company_name, den wir in Schritt 1 festgelegt haben.

Schritt 3. Passen Sie den Spendernamen im Shortcode oder Widget für Spender an

Nachdem wir unser Feld „Firmenname“ hinzugefügt haben, müssen wir nur noch dieses anstelle des Vor- und Nachnamens des Spenders verwenden, wenn Spenden für die Kampagne „Business“ angezeigt werden.

Sehen wir uns den Code an:

/**
 * STEP 3: Use the company name for the donor name.
 *
 * When showing the donor name for a particular donation,
 * check if the donation was to the campaign with our
 * Company Name field. If it was, show the Company Name
 * instead of the individual's name.
 */
add_filter( 'charitable_donor_loop_donor_name', function( $name, $args ) {
    /**
     * Get the Donor object from the argument array.
     */
    $donor = $args['donor'];

    /**
     * Check if there is a Donation object associated
     * with this Donor.
     */
    $donation = $donor->get_donation();

    if ( ! $donation ) {
        return $name;
    }

    /**
     * Get the campaign that received the donation.
     */
    $campaign_id = current( $donation->get_campaign_donations() )->campaign_id;

    /**
     * If this was a donation to our campaign,
     * let's change the donor name.
     */
    if ( 123 == $campaign_id ) {
        $name = $donation->get( 'company_name' );
    }

    return $name;
}, 15, 2 );

Beachten Sie zunächst, dass dies als Funktion eingerichtet ist, die auf dem Hook charitable_donor_loop_donor_name aufgerufen wird. Wir verwenden diesen Hook, da er immer dann angezeigt wird, wenn eine Liste von Spendern mit dem Spender-Widget oder Shortcode angezeigt wird.

Innerhalb der Funktion rufen wir zunächst das Charitable_Donor-Objekt aus dem Parameter $args ab. Anschließend rufen wir das Charitable_Donation-Objekt über die Methode $donor->get_donation() ab:

/**
 * Check if there is a Donation object associated
 * with this Donor.
 */
$donation = $donor->get_donation();

if ( ! $donation ) {
    return $name;
}

Sie fragen sich vielleicht, warum wir prüfen, ob $donation gesetzt ist. Der Grund dafür ist, dass manchmal Charitable_Donor nicht mit einer bestimmten Spende eingerichtet ist. Ein solches Beispiel ist, wenn das Spender-Widget/Shortcode so eingerichtet ist, dass mehrere Spenden desselben Spenders zu einer zusammengefasst werden – in diesem Fall wird kein Charitable_Donation-Objekt aufgerufen, und wir zeigen einfach den Namen des Spenders an.

Daher ist ein wichtiger Hinweis zu diesem Ansatz, dass dies nur funktioniert, wenn das Spender-Widget/Shortcode so eingerichtet ist, dass jede Spende einzeln angezeigt wird, anstatt mehrere Spenden derselben Person zu gruppieren.

Weiter geht es damit, dass wir das Charitable_Donation-Objekt verwenden, um herauszufinden, für welche Kampagne gespendet wurde, und prüfen, ob es sich um unsere Business-Kampagne handelt (die mit der ID 123):

/**
 * Get the campaign that received the donation.
 */
$campaign_id = current( $donation->get_campaign_donations() )->campaign_id;

/**
 * If this was a donation to our campaign,
 * let's change the donor name.
 */
if ( 123 == $campaign_id ) {
    $name = $donation->get( 'company_name' );
}

Der letzte Teil davon prüft einfach, ob $campaign_id 123 ist. Wenn ja, erhalten wir den Firmennamen wie folgt:

$donation->get( 'company_name' );

Beachten Sie, dass company_name mit dem Schlüssel des Spendenfeldes übereinstimmt, das wir in Schritt 1 registriert haben.

Und damit sind wir fertig!

Die vollständige Lösung

Sie können den gesamten Code an einem Ort in unserer Github-Codebibliothek sehen:

https://github.com/Charitable/library/blob/master/tutorials/new-donation-field-plus-customized-donor-name.php

Um es in Aktion zu sehen – und wenn Sie die wichtige Arbeit von AWARE Whistler unterstützen möchten – besuchen Sie die Seite 30 for 30 Fundraiser auf deren Website.

Schlusswort

Wenn Ihnen dieses Tutorial gefallen hat und Sie möchten, dass wir eines zu einem anderen Thema schreiben, lassen Sie es uns wissen! Sie können uns per E-Mail erreichen, indem Sie das Formular auf unserer Support-Seite ausfüllen, oder hinterlassen Sie einen Kommentar unten.

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.

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!

Neu Vorlagen

🤩 Neue Beacon Kampagnenvorlagen mit „Hero“-Block!

Mit den neuen Beacon Kampagnenvorlagen für Charitable Pro können Sie eine beeindruckende, bildschirmfüllende Spendenaktion starten, die sofort die Aufmerksamkeit der Besucher oberhalb der Falz erregt.

Spendenaktions-Header für Save Maple Grove Park mit einem Spenden-Widget und einem kleinen quadratischen Foto eines sonnenbeschienenen Baumes als Miniaturansicht links.

🔦 Wirkung oberhalb der Falz: Beginnen Sie mit einem bildschirmfüllenden Hero-Bild, Ihrem Logo und Ihrem Spendenziel mit einem Spenden-Widget, das direkt über dem Banner platziert ist, sodass Ihre Bitte und Ihr Schwung sofort ohne Scrollen registriert werden.

📐 Zwei flexible Layouts: Wählen Sie zwischen einem strukturierten Zwei-Spalten-Layout für nebeneinanderliegende Storys und unterstützende Details oder einer übersichtlichen Ein-Spalten-Ansicht für ununterbrochene Langform-Erzählungen.

⚡ All-in-One Hero-Feld: Angetrieben durch das neue Campaign Hero-Feld, das Hintergrundmedien, Live-Fortschrittsbalken, benutzerdefinierte Spendenbeträge und wiederkehrende Spendentabs in einem einzigen zusammenhängenden Block vereint, der in jedes Layout eingefügt werden kann.

🎨 Automatische Theme-Anpassung: Das Hero-Banner und das Spenden-Widget übernehmen automatisch die Button- und Akzentfarben Ihres Kampagnen-Themes, sodass Ihre gesamte Präsentation perfekt im Markenstil bleibt, ohne eine Zeile CSS anfassen zu müssen.

Hier mehr erfahren.

Spendenformular Funktion Neu

📝 Spendenformular-Block: Ein funktionierendes Spendenformular überall einbetten

Mit dem neuen Spendenformular-Block für Charitable Pro können Sie ein voll funktionsfähiges Spendenformular direkt auf jeder Seite oder jedem Beitrag im WordPress-Block-Editor platzieren. Keine Weiterleitungen, keine Seitenaktualisierungen und null Reibung zwischen dem Lesen Ihrer Geschichte und dem Leisten eines Beitrags.

📝 Formulare überall platzieren: Platzieren Sie ein funktionierendes Formular direkt auf Ihrer Homepage, in einem Story-basierten Blogbeitrag, auf einer speziellen Landingpage oder innerhalb einer Kampagnenankündigung.

🎯 Dynamische Kampagnenbindung: Wählen Sie einfach eine bestimmte Kampagne aus der Blockseitenleiste aus oder stellen Sie sie so ein, dass sie automatisch an die gerade angezeigte Kampagne gebunden wird.

📐 Vollständige vs. Minimale Formularansichten: Wechseln Sie zwischen einem vollständigen Layout oder einer kompakten Minimalansicht, um Seitenleisten, schmale Spalten oder breite Landingpages perfekt anzupassen.

🎨 Geltungsbereichspezifische No-Code-Stile: Passen Sie Typografie, Container-Abstände, Randradius, Betragsbuttons und Akzentfarben für jede Formularinstanz unabhängig voneinander an, ohne eine Zeile CSS zu berühren.

Hier mehr erfahren.

Botschafter Neu

👤 Erstellerprofile: Geben Sie jeder Peer-to-Peer-Kampagne ein Gesicht

Ambassadors 3.3.0 bietet jetzt Erstellerprofile – geben Sie Ihren Unterstützern ein permanentes, teilbares öffentliches Zuhause, das einmalige Spendenaktionen in dauerhafte Beziehungen verwandelt.

👤 Öffentliche Erstellerseiten: Geben Sie jedem Spendenwerber eine sofortige, übersichtliche Landingpage unter /creator/ihr-name/, um ihren benutzerdefinierten Avatar, ihre Biografie und ein durchsuchbares Raster ihrer Kampagnen zu präsentieren.

📊 Erfolgsnachweis: Steigern Sie das Vertrauen der Spender, indem Sie standortweite Meilensteine im Profil anzeigen – wie z. B. die insgesamt gesammelten Gelder und die Gesamtzahl der Spender.

💳 Interaktive Hover-Karten: Wenn Spender mit der Maus über den Namen eines Erstellers auf einer Kampagnenseite fahren, erweitert sich eine kompakte Karte mit ihrer Biografie und ihren Social-Media-Handles genau im Moment der Entscheidung.

📍 Verantwortungsvolle Standortfreigabe: Ermöglichen Sie Erstellern, ihren Standort sicher mitzuzeigen, indem Sie nur Stadt-, Bundesland- und Landesdetails verwenden.

🛠️ Eigenständige Anpassung: Spendenwerber können ihre eigenen Profile aktualisieren und bis zu sechs soziale Netzwerke direkt aus dem Hub „Meine Kampagnen“ verknüpfen, was Ihnen Administratorzeit spart.

Bereit, Ihre Fürsprecher zu stärken? Aktualisieren Sie auf Ambassadors 3.3.0 und aktivieren Sie noch heute „Öffentliche Erstellerseite aktivieren“!

Verbesserung Zahlungen

📱 Verwandeln Sie mobile Scroller in Spender: Treffen Sie Charitable's Mollie Upgrade

Verlieren Sie mobile Unterstützer, weil sie es hassen, lange Kartennummern auf ihren Handys einzugeben? Charitable's aktualisierte Mollie-Integration bietet:

⚡ One-Tap Wallet Checkout: Ermöglichen Sie Spendern, ihre Geschenke sofort mit Apple Pay oder Google Pay mit einem einfachen Gesichtsscan, Fingerabdruck oder Tippen abzuschließen.

💰 Keine zusätzliche PCI-Belastung: Überspringen Sie komplexe Domain-Verifizierung und Sicherheitskonformität, da alle Wallet-Transaktionen sicher über den gehosteten Checkout von Mollie abgewickelt werden.

🛠️ Benutzerdefinierte Abbruch-Weiterleitung: Sorgen Sie für ein vorhersehbares Erlebnis, indem Sie Spender, die abbrechen, automatisch an Ihre Abbruchseite weiterleiten, oder verwenden Sie Entwicklerfilter, um sie zu einer benutzerdefinierten Seite weiterzuleiten.

Besuchen Sie diese Seite, um mehr zu erfahren.

Botschafter verbessert Neu

Moderations- und Verzeichnisbildschirme in Ambassadors 3.0

Ambassadors 3.0 hat neue Funktionen: Moderations- und Verzeichnisbildschirme… sehen Sie jetzt ganz einfach diejenigen, die Spenden in Ihrem Peer-to-Peer-Netzwerk erhalten – einschließlich Kampagnenerstellern, die möglicherweise verifiziert werden müssen – alles an einem Ort. Generieren Sie Berichte, senden Sie E-Mails direkt an Botschafter und Kampagnenersteller und mehr.

🚀 Sehen Sie, wann Kampagnenersteller und Botschafter ihre Kampagnen aktualisiert haben, welche Spender/Spenden sie eingebracht haben und mehr.

🎉 Botschafter und Kampagnenersteller manuell hinzufügen und mit einem Klick genehmigen!

Besuchen Sie diese Seite, um mehr zu erfahren.