Dokumentation für Wohltätigkeitsorganisationen

Erfahren Sie, wie Sie mit klaren Schritt-für-Schritt-Anleitungen das Beste aus Charitable herausholen.

Anpassung der Botschafter-Rekrutierungskarte

Erfordert: Charitable Pro 1.8.16+
Charitable Ambassadors 3.0.0+

Die Karte Rekrutierungs-Fundraiser befindet sich oben auf der Seite Meine Kampagnen eines berechtigten Botschafters. Sie zeigt die persönliche Einladungs-URL, Freigabe-Schaltflächen, eine Statistikzeile und eine Umschaltfläche „Ihre Rekruten“ an – und ist die am häufigsten angepasste Oberfläche in Botschaftern, da jedes Programm eine leicht unterschiedliche Nachricht über dem Rekrutierungslink anzeigen möchte.

Diese Seite ist die Referenz für die Filter und Aktionen, mit denen Sie die Rekrutierungskarte anpassen können, ohne die Vorlage zu forken.

Wo es sich befindet

Die Karte wird innerhalb der Aktion charitable_ambassadors_my_campaigns_before_grid gerendert – mit anderen Worten, kurz vor dem Kampagnenraster auf der Seite [charitable_my_campaigns].

Ihr Vorlagenpfad: templates/invite/recruit-card.php. Pfad zur Theme-Überschreibung: your-theme/charitable-pro/charitable-ambassadors/invite/recruit-card.php.

Die häufigste Anpassung: Link „Mehr erfahren“

Standardmäßig hat die Karte keinen Link „Mehr erfahren“ – wir lassen den Platz leer, damit Websites, die ihn nicht benötigen, sauber bleiben. Um ihn zu aktivieren, legen Sie sowohl die URL als auch (optional) die Beschriftung fest:

add_filter( 'charitable_ambassadors_recruit_card_learn_more_url', function () {
    return home_url( '/ambassador-handbook/recruiting/' );
} );
add_filter( 'charitable_ambassadors_recruit_card_learn_more_label', function () {
    return 'Tips for inviting friends';
} );

Der Link wird am unteren Rand der Karte inline mit einem externen Linkziel gerendert (damit er sich in einem neuen Tab öffnet, ohne den aktuellen Platz des Benutzers zu verlieren).

Wenn die URL leer ist (Standard), wird der Platz komplett unterdrückt – kein leerer Platzhalter.

Benutzerdefinierten Inhalt einfügen (Fußzeilen-Hook)

Für *mehr* als nur einen einzelnen Link – ein kurzes Pitch, ein Video-Embed, ein Widget „Top-Rekrutierer dieser Woche anzeigen“ – verwenden Sie die Fußzeilen-Aktion:

add_action( 'charitable_ambassadors_recruit_card_footer', function ( $user_id, $token, $invite_url ) {
    echo '<p class="recruit-card-tip">Pro tip: share with two people who would care about this cause.</p>';
    echo '<a class="button" href="https://example.com/recruit-video">Watch the 2-minute guide</a>';
}, 10, 3 );

Die Aktion wird direkt über dem „Mehr erfahren“-Slot ausgeführt. Ihr Callback ist für die eigene Maskierung verantwortlich.

Berechtigung – steuern Sie, wer die Karte sieht

Die Karte wird nur für Benutzer angezeigt, die *zum Rekrutieren berechtigt* sind. Dies wird durch den Filter charitable_ambassadors_user_can_invite definiert:

add_filter( 'charitable_ambassadors_user_can_invite', function ( $can, $user_id, $campaign_id_or_null ) {
    // Only verified ambassadors can recruit.
    if ( '1' !== get_user_meta( $user_id, '_charitable_ambassadors_verified', true ) ) {
        return false;
    }
    return $can;
}, 10, 3 );

Der Filter ist global – er steuert sowohl die Meine Kampagnen-Karte ALS AUCH die Rekrutierungs-Popups pro Kampagne UND die Admin-Vorschau „Als Rekrutierer anzeigen“.

Um die Sichtbarkeit der Karte speziell zu überschreiben (ohne andere Oberflächen zu beeinträchtigen), filtern Sie charitable_ambassadors_show_recruit_card:

add_filter( 'charitable_ambassadors_show_recruit_card', function ( $show, $user_id ) {
    // Hide the card on Mondays. Don't ask.
    return $show && 'Mon' !== gmdate( 'D' );
}, 10, 2 );

Text im Leerzustand anpassen

Wenn ein Einladender noch keine Rekruten hat, zeigt die Statistikzeile der Karte eine sanfte Aufforderung „Noch keine Rekruten“ an. Passen Sie diese an:

add_filter( 'charitable_ambassadors_recruit_card_empty_text', function () {
    return 'No recruits yet - your link is ready when you are.';
} );

Spiegel-Filter für den Leerzustand der Ansicht „Ihre Rekruten“:

add_filter( 'charitable_ambassadors_recruits_view_empty_text', function ( $message, $status, $user_id ) {
    if ( 'rejected' === $status ) {
        return 'No rejected recruits - your standards are solid!';
    }
    return $message;
}, 10, 3 );

Body-Klasse

Die Karte hat ihre eigene, abgegrenzte Klasse für CSS:

.charitable-ambassadors-recruit-card

Platzieren Sie Ihre Überschreibungen unter diesem Selektor. Die Karte berücksichtigt die Primäre Akzentfarbe über --cap-accent.

Tipps

  • Fügen Sie einen Link „Mehr erfahren“ hinzu. Es ist ein geringer Aufwand mit großem Nutzen – selbst ein einseitiges internes Handbuch ist besser als gar kein Link.
  • Halten Sie die Fußzeile kurz. Die Karte soll ein greifbarer CTA sein, keine Vorlesung. Eine kurze Zeile, ein Button.
  • Auf Mobilgeräten testen. Lange URLs oder breite Schaltflächen können auf schmalen Ansichtsfenstern über die Karte hinausragen.
  • Berechtigungen für Sonderprogramme filtern. „Nur verifizierte Botschafter können rekrutieren“ ist eine wirkungsvolle Richtlinie.

Entwicklerreferenz

Filter

FilterStandardZweck
charitable_ambassadors_recruit_card_learn_more_url''URL für den Link „Mehr erfahren“. Ein leerer Wert unterdrückt den Link.
Mehr erfahren„Mehr erfahren“Beschriftungstext.
Lade Freunde ein, die sich für wohltätige Zwecke engagieren möchten.berechnetText für den leeren Zustand, wenn keine Rekruten vorhanden sind.
Du hast noch keine Rekruten eingeladen.berechnetText für den leeren Zustand auf dem Tab „Deine Rekruten“. Empfängt ($message, $status, $user_id).
Rekrutierungskarte für wohltätige Botschafter anzeigenberechnetKarten-spezifische Sichtbarkeitsüberschreibung. Empfängt ($show, $user_id).
Benutzer kann einladenberechnetZugrundeliegende Berechtigungsprüfung. Empfängt ($can, $user_id, $campaign_id).
Teile dein Netzwerk mit wohltätigen BotschafternSeiteneinstellungÜberschreibt, welche Freigabe-Netzwerke auf der Karte angezeigt werden.

Aktionen

AktionArgumenteWird ausgelöst, wenn
Teile dein Netzwerk, um mehr Spenden zu sammeln.$user_id, $token, $invite_urlInnerhalb der Karte, direkt über dem Link „Mehr erfahren“.
Teile dein Netzwerk, um mehr Spenden zu sammeln.$user_idDirekt vor Beginn des Karten-Markups.
Du hast $count Spenden gesammelt.$user_idDirekt nach Ende des Karten-Markups.

Pro Kampagne Rekrutierungs-Popover

Besitzer von übergeordneten Kampagnen erhalten ebenfalls einen pro Kampagne Rekrutierungs-Button in der Aktionsleiste jeder Kampagne. Das sich öffnende Popover hat eine eigene Aktion:

add_action( 'charitable_ambassadors_recruit_popover_footer', function ( $campaign_id, $user_id, $token, $invite_url ) {
    echo '<p>Sharing this link recruits for "' . esc_html( get_the_title( $campaign_id ) ) . '" specifically.</p>';
}, 10, 4 );

Vorlagenpfad

templates/invite/recruit-card.php          # the My Campaigns recruit card
templates/invite/recruit-card-popover.php  # the per-campaign recruit popover

Pfad für Theme-Überschreibung: your-theme/charitable-pro/charitable-ambassadors/invite/recruit-card.php.

Funktionen

Öffentliches Rendern – die Karte entscheidet pro Benutzer, ob sie über den Berechtigungsfilter angezeigt wird. Kein Berechtigungsgate.

Beispiele für Anpassungen

Blende die Karte für Administratoren aus (nur Botschafter sollten sie sehen):

add_filter( 'charitable_ambassadors_show_recruit_card', function ( $show, $user_id ) {
    $user = get_user_by( 'id', $user_id );
    if ( $user && user_can( $user, 'administrator' ) ) {
        return false;
    }
    return $show;
}, 10, 2 );

Füge einen Button „Kurznachricht kopieren“ zur Karte hinzu:

add_action( 'charitable_ambassadors_recruit_card_footer', function ( $user_id, $token, $invite_url ) {
    $msg = 'Help me fundraise for this cause! ' . $invite_url;
    echo '<button class="button" type="button" data-clipboard-text="' . esc_attr( $msg ) . '">Copy short message</button>';
}, 10, 3 );

Rendere eine andere Kartenvariante für eine bestimmte Benutzerrolle:

add_filter( 'charitable_ambassadors_recruit_card_template', function ( $template, $user_id ) {
    if ( user_can( $user_id, 'verified_ambassador' ) ) {
        return 'recruit-card-verified.php';  // your custom partial
    }
    return $template;
}, 10, 2 );

Freigabenetzwerke, die auf der Karte angezeigt werden, auf Nur-Link kopieren + E-Mail beschränken:

add_filter( 'charitable_ambassadors_recruit_card_share_networks', function () {
    return [ 'email', 'copy' ];
} );

Verwandt


Haben Sie noch Fragen? Wir helfen Ihnen gerne weiter!

Zuletzt geändert:

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!

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.

Integration Seiten-Ersteller

👉🏻 Neu bei Charitable: Native Elementor Widgets für nahtlose Kampagnenerstellung

Mit nativen Elementor-Widgets gestalten Sie Spendenkampagnen direkt neben dem Rest Ihrer Seite, ohne Code anfassen zu müssen. So funktioniert es und warum es sich lohnt, es noch heute zu aktivieren.

Erstellen Sie Fundraising-Seiten, die VISUELL, NATIV UND SHORTCODE-FREI sind. Sie können auch:

⚡ Mini-Spende: Fügen Sie ein kompaktes, hochkonvertierendes Spenden-Widget mit voreingestellten Beträgen und vollständiger Farbkontrolle hinzu.

⏳ Spenden-Countdown: Bauen Sie Dringlichkeit für einen Appell mit Frist auf, komplett mit optionalem Konfetti, wenn das Ziel erreicht ist.

📣 Spenden-Feed: Beweisen Sie Momentum, indem Sie Besuchern den sozialen Beweis von echten Menschen zeigen, die gerade spenden.

🏆 Spender-Bestenliste: Feiern Sie Top-Unterstützer mit Gold-, Silber- und Bronzestyling, um freundliche Spenden anzuregen.

🖼️ Kampagnen-Showcase: Präsentieren Sie mehrere Kampagnen in einem Landingpage-Raster oder Karussell mit Suche, Filtern und Abzeichen.

Hier mehr erfahren.

Addon Neu

🗒️ Benutzerdefinierte Belege… Neues Add-on!

Mit benutzerdefinierten Spendenquittungen entscheiden Sie, welche Seite Ihre Spender bei jedem Spendenaufruf sehen. Hier erfahren Sie, wie es funktioniert und warum es sich lohnt, es noch heute zu aktivieren.

Die linke Seite zeigt eine Spendenquittung mit Spenden­nummer, Datum, Gesamt­betrag und Zahlungs­methode für eine Spende an Anywhere mit dem Titel „Eine Familie erhält eine Woche lang sauberes Wasser“.

Erstellen Sie Spendenquittungen, die FÜR DEN SPENDER ODER DEN SPENDENAUFRUF INDIVIDUELL SIND. Sie können auch:

📅 Spendenaufruf zum Jahresende: Verstärken Sie das Ziel und laden Sie Spender ein, ihre Erfahrungen zu teilen, während die Dynamik hoch ist.

🎗️ Gedenk- oder Tribut-Spendenaufruf: Geben Sie eine sanfte, respektvolle Danksagung, die zum Moment passt.

💎 Großspenden: Zeigen Sie eine spezielle Nachricht nur für Spender, die über einem bestimmten Betrag spenden.

🔁 Wiederkehrendes Wachstum: Laden Sie einmalige Spender ein, auf der Spendenquittung zu monatlichen Unterstützern zu werden.

🌍 Globale Spendenaufrufe: Zeigen Sie eine länderspezifische Notiz, wie eine Erinnerung an die Steuerbefreiung für Spenden, nur dort, wo sie zutrifft.

Hier mehr erfahren.

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.