Charitable Documentation

Learn how to make the most of Charitable with clear, step-by-step instructions.

Ambassadors Recruit Card Customization

Requires: Charitable Pro 1.8.16+
Charitable Ambassadors 3.0.0+

The Recruit Fundraisers card sits at the top of an eligible ambassador’s My Campaigns page. It shows their personal invite URL, share buttons, a stats line, and a “Your Recruits” toggle – and it’s the most-customized surface in Ambassadors because every program wants to put a slightly different message above the recruit link.

This page is the reference for the filters and actions that let you customize the recruit card without forking the template.

Where it lives

The card renders inside the charitable_ambassadors_my_campaigns_before_grid action – in other words, just before the campaign grid on the [charitable_my_campaigns] page.

Its template path: templates/invite/recruit-card.php. Theme override path: your-theme/charitable-pro/charitable-ambassadors/invite/recruit-card.php.

The most-common customization: Learn more link

Out of the box, the card has no Learn more link – we leave the slot empty so sites that don’t need it stay clean. To turn it on, set both the URL and (optionally) the label:

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';
} );

The link renders inline at the bottom of the card with an external-link target (so it opens in a new tab without losing the user’s place).

If the URL is empty (default), the slot is suppressed entirely – no empty placeholder.

Inject custom content (footer hook)

For more than a single link – a short pitch, a video embed, a “see top recruiters this week” widget – use the footer action:

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 );

The action runs just above the Learn more slot. Your callback is responsible for its own escaping.

Eligibility – control who sees the card

The card only renders for users who are eligible to recruit. That’s defined by the charitable_ambassadors_user_can_invite filter:

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 );

The filter is global – it controls both the My Campaigns card AND the per-campaign Recruit popovers AND the admin “view as recruiter” preview.

To override the card’s visibility specifically (without affecting other surfaces), filter 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 );

Customize the empty-state copy

When an inviter has zero recruits yet, the card’s stats line shows a soft “no recruits yet” prompt. Customize that:

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

Mirror filter for the Your Recruits view’s empty state:

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 class

The card has its own scoped class for CSS:

.charitable-ambassadors-recruit-card

Drop your overrides under that selector. The card respects the Primary Accent Color via --cap-accent.

Tips

  • Add a Learn more link. It’s a low-effort win – even a one-page internal handbook beats no link at all.
  • Keep the footer concise. The card is meant to be a tactile CTA, not a lecture. One short line, one button.
  • Test on mobile. Long URLs or wide buttons can overflow the card on narrow viewports.
  • Filter eligibility for special programs. “Only verified ambassadors can recruit” is a high-leverage policy.

Developer reference

Filters

FilterDefaultPurpose
charitable_ambassadors_recruit_card_learn_more_url''URL for the Learn more link. Empty suppresses the link.
charitable_ambassadors_recruit_card_learn_more_label“Learn more”Label text.
charitable_ambassadors_recruit_card_empty_textcomputedEmpty-state copy when zero recruits.
charitable_ambassadors_recruits_view_empty_textcomputedEmpty-state copy on the Your Recruits tab. Receives ($message, $status, $user_id).
charitable_ambassadors_show_recruit_cardcomputedCard-specific visibility override. Receives ($show, $user_id).
charitable_ambassadors_user_can_invitecomputedUnderlying eligibility check. Receives ($can, $user_id, $campaign_id).
charitable_ambassadors_recruit_card_share_networkssite settingOverride which share networks appear on the card.

Actions

ActionArgsFires when
charitable_ambassadors_recruit_card_footer$user_id, $token, $invite_urlInside the card, just above the Learn more link.
charitable_ambassadors_recruit_card_before$user_idJust before the card markup begins.
charitable_ambassadors_recruit_card_after$user_idJust after the card markup ends.

Per-campaign Recruit popover

Parent-campaign owners also get a per-campaign Recruit button in each campaign’s action row. The popover that opens has its own action:

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 );

Template path

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

Theme override path: your-theme/charitable-pro/charitable-ambassadors/invite/recruit-card.php.

Capabilities

Public render – the card decides per-user whether to show via the eligibility filter. No capability gate.

Customization examples

Hide the card from administrators (only ambassadors should see it):

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 );

Add a “Copy short message” button to the card:

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 );

Render a different card variant for a specific user role:

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 );

Restrict share networks shown on the card to just Copy Link + Email:

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

Related


Still have questions? We’re here to help!

Last Modified:

What's New In Charitable

View The Latest Updates
🔔 Subscribe to get our latest updates
📧 Subscribe to Emails

Email Subscription

Join our Newsletter

We won’t spam you. We only send an email when we think it will genuinely help you. Unsubscribe at any time!

Integration page builder

Divi Fans Rejoice! Native Divi 5 Campaign Progress Bar Module!

With our new native Divi 5 module, you can anchor your microsites with real-time fundraising stats directly on the visual canvas. Here’s how it works, and why it’s worth turning on today.

Create campaign updates that are VISUAL AND LIVE. You can also:

📊 Campaign Progress Bar: Drop a live progress bar into any Divi 5 layout and show goal progress in real time.

🎨 Deep styling controls: Easily customize the bar and track color, height, and radius to match your brand perfectly.

👁️ Visual Builder ready: Configure and preview everything directly on the Divi canvas as a first-class module.

🔁 Identical rendering: The same exact engine powers this module, meaning consistent design without legacy shims.

✅ Faster launches: Never leave the Divi 5 interface to configure shortcodes or guess how your goal labels will look.

Learn more here.

Integration page builder

👉🏻 New in Charitable: Native Elementor Widgets for Seamless Campaign Building

With native Elementor widgets, you design donation campaigns right alongside the rest of your page without touching code. Here’s how it works, and why it’s worth turning on today.

Create fundraising pages that are VISUAL, NATIVE, AND SHORTCODE-FREE. You can also:

⚡ Mini Donation: Add a compact, high-converting donation widget with preset amounts and full color control.

⏳ Campaign Countdown: Build urgency for a deadline-driven appeal, complete with optional confetti when the goal is hit.

📣 Donation Feed: Prove momentum by showing visitors the social proof of real people giving right now.

🏆 Donor Leaderboard: Celebrate top supporters with gold, silver, and bronze styling to spark friendly giving.

🖼️ Campaign Showcase: Feature multiple campaigns in a landing page grid or carousel, with search, filters, and badges.

Learn more here.

Addon New

🗒️ Custom Receipts… New Addon!

With Custom Receipts, you decide which page your donors see, on every campaign. Here’s how it works, and why it’s worth turning on today.

Left side shows a donation receipt with donation number, date, total, and payment method for a  gift to Anywhere, titled 'One Family Gets Clean Water For A Week.'

Create receipts that are CUSTOM TO THE DONOR OR CAMPAIGN. You can also:

📅 Year-end appeal: Reinforce the goal and invite donors to share while momentum is high.

🎗️ Memorial or tribute campaign: Give a gentle, respectful thank-you that fits the moment.

💎 Major gifts: Show a special message only to donors who give above a threshold.

🔁 Recurring growth: Invite one-time donors to become monthly supporters right on the receipt.

🌍 Global campaigns: Surface a country-specific note, like a Gift Aid reminder, only where it applies.

Learn more here.

New templates

🤩 New Beacon Campaign Templates w/ “Hero” Block!

With the new Beacon Campaign Templates for Charitable Pro, you can launch a stunning, full-width fundraising page that instantly captures visitor attention above the fold.

Fundraising page header for Save Maple Grove Park with a donation widget and a small square photo of a sunlit tree thumbnail on the left.

🔦 Above-the-Fold Impact: Lead with a full-width hero image, your logo, and your goal with a donation widget locked right on top of the banner so your ask and momentum register instantly without scrolling.

📐 Two Flexible Layouts: Choose between a structured two-column layout for side-by-side storytelling and supporting details, or a clean one-column view designed for uninterrupted long-form narratives.

⚡ All-in-One Hero Field: Powered by the new Campaign Hero field, bringing background media, live progress bars, custom donation amounts, and recurring giving tabs together into a single cohesive block that can be dropped into any layout.

🎨 Automatic Theme Matching: The hero banner and donation widget automatically inherit your campaign theme’s button and accent colors, ensuring your entire presentation stays beautifully on-brand without touching a line of CSS.

Learn more here.

donation form Feature New

📝 Donation Form Block: Embed a Working Donation Form Anywhere

With the new Donation Form Block for Charitable Pro, you can drop a fully working donation form directly onto any page or post in the WordPress block editor. No redirects, no page reloads, and zero friction between reading your story and making a contribution.

📝 Drop Forms Anywhere: Place a working form directly onto your homepage, inside a story-driven blog post, on a dedicated landing page, or within a campaign announcement.

🎯 Dynamic Campaign Binding: Easily choose a specific campaign from the block sidebar or set it to automatically bind to whichever campaign is currently being viewed.

📐 Full vs. Minimal Form Views: Switch between a full layout or a compact minimal view to perfectly fit sidebars, narrow columns, or wide landing pages.

🎨 Scoped No-Code Styling: Customize typography, container spacing, border radius, amount buttons, and accent colors independently for every form instance without touching a line of CSS.

Learn more here.