Documentation Charitable

Apprenez à tirer le meilleur parti de Charitable grâce à des instructions claires, étape par étape.

Personnalisation de la carte de recrutement des ambassadeurs

Requis : Charitable Pro 1.8.16+
Charitable Ambassadors 3.0.0+

La carte Recruter des collecteurs de fonds se trouve en haut de la page Mes campagnes d'un ambassadeur éligible. Elle affiche son URL d'invitation personnelle, des boutons de partage, une ligne de statistiques et un interrupteur "Vos recrues" – et c'est la surface la plus personnalisée dans Ambassadeurs car chaque programme souhaite placer un message légèrement différent avant le lien de recrutement.

Cette page est la référence pour les filtres et les actions qui vous permettent de personnaliser la carte de recrutement sans avoir à modifier le modèle.

Où elle se trouve

La carte s'affiche dans l'action charitable_ambassadors_my_campaigns_before_grid – en d'autres termes, juste avant la grille de campagne de la page [charitable_my_campaigns].

Son chemin de modèle : templates/invite/recruit-card.php. Chemin de remplacement de thème : your-theme/charitable-pro/charitable-ambassadors/invite/recruit-card.php.

La personnalisation la plus courante : Lien En savoir plus

Par défaut, la carte n'a pas de lien En savoir plus – nous laissons l'emplacement vide afin que les sites qui n'en ont pas besoin restent épurés. Pour l'activer, définissez à la fois l'URL et (facultativement) l'étiquette :

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

Le lien s'affiche en ligne en bas de la carte avec une cible de lien externe (il s'ouvre donc dans un nouvel onglet sans perdre la position de l'utilisateur).

Si l'URL est vide (par défaut), l'emplacement est entièrement supprimé – pas de placeholder vide.

Injecter du contenu personnalisé (hook de pied de page)

Pour *plus* qu'un simple lien – un court argumentaire, un embed vidéo, un widget "voir les meilleurs recruteurs de la semaine" – utilisez l'action de pied de page :

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

L'action s'exécute juste au-dessus de l'emplacement "En savoir plus". Votre rappel est responsable de sa propre mise en échappement.

Éligibilité – contrôler qui voit la carte

La carte ne s'affiche que pour les utilisateurs qui sont *éligibles pour recruter*. Ceci est défini par le filtre charitable_ambassadors_user_can_invite :

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

Le filtre est global – il contrôle à la fois la carte Mes campagnes, les popovers de recrutement par campagne ET l'aperçu "voir en tant que recruteur" de l'administrateur.

Pour remplacer spécifiquement la visibilité de la carte (sans affecter d'autres surfaces), filtrez 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 );

Personnaliser le texte d'état vide

Lorsqu'un recruteur n'a encore aucune recrue, la ligne de statistiques de la carte affiche une invite douce "pas encore de recrues". Personnalisez cela :

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

Filtre miroir pour l'état vide de la vue Vos recrues :

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

Classe du corps

La carte a sa propre classe limitée pour le CSS :

.charitable-ambassadors-recruit-card

Placez vos remplacements sous ce sélecteur. La carte respecte la Couleur d'accentuation principale via --cap-accent.

Conseils

  • Ajoutez un lien "En savoir plus". C'est un gain facile – même un manuel interne d'une page vaut mieux qu'aucun lien.
  • Gardez le pied de page concis. La carte est destinée à être un appel à l'action tactile, pas une conférence. Une courte ligne, un bouton.
  • Testez sur mobile. Les URL longues ou les boutons larges peuvent déborder de la carte sur les vues étroites.
  • Filtrer l'éligibilité aux programmes spéciaux. « Seuls les ambassadeurs vérifiés peuvent recruter » est une politique à fort effet de levier.

Référence du développeur

Filtres

FiltreDéfautObjectif
charitable_ambassadors_recruit_card_learn_more_url''URL du lien « En savoir plus ». Laisser vide supprime le lien.
charitable_ambassadors_recruit_card_learn_more_label« En savoir plus »Texte de l'étiquette.
charitable_ambassadors_recruit_card_empty_textcalculéTexte d'état vide lorsqu'il n'y a aucun recrutement.
charitable_ambassadors_recruits_view_empty_textcalculéTexte d'état vide dans l'onglet Vos recrutements. Reçoit ($message, $status, $user_id).
ambassadeurs_caritatifs_afficher_carte_recrutercalculéMasquage spécifique à la carte. Reçoit ($show, $user_id).
charitable_ambassadors_user_can_invitecalculéVérification d'éligibilité sous-jacente. Reçoit ($can, $user_id, $campaign_id).
ambassadeurs_caritatifs_carte_recruter_partager_reseauxparamètre du siteRemplace les réseaux de partage qui apparaissent sur la carte.

Actions

ActionArgsSe déclenche lorsque
charitable_ambassadors_recruit_card_footer$user_id, $token, $invite_urlDans la carte, juste au-dessus du lien En savoir plus.
ambassadeurs_caritatifs_carte_recruter_avant$user_idJuste avant le début du balisage de la carte.
ambassadeurs_caritatifs_carte_recruter_apres$user_idJuste après la fin du balisage de la carte.

Pop-up Recruter par campagne

Les propriétaires de campagnes parentes obtiennent également un bouton Recruter par campagne dans la ligne d'action de chaque campagne. La pop-up qui s'ouvre a sa propre 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 );

Chemin du modèle

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

Chemin de remplacement du thème : your-theme/charitable-pro/charitable-ambassadors/invite/recruit-card.php.

Capacités

Rendu public – la carte décide par utilisateur s'il faut l'afficher via le filtre d'éligibilité. Pas de porte de capacité.

Exemples de personnalisation

Masquer la carte aux administrateurs (seuls les ambassadeurs devraient la voir) :

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

Ajouter un bouton « Copier le message court » à la carte :

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

Afficher une variante de carte différente pour un rôle utilisateur spécifique :

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

Restreindre les réseaux de partage affichés sur la carte à Copier le lien + E-mail uniquement :

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

Connexes


Vous avez encore des questions ? Nous sommes là pour vous aider !

Dernière modification :

Quoi de neuf dans Charitable

Voir les dernières mises à jour
🔔 Abonnez-vous pour recevoir nos dernières mises à jour
📧 Abonnez-vous aux e-mails

Abonnement par e-mail

Rejoignez notre newsletter

Nous ne vous enverrons pas de spam. Nous envoyons un e-mail uniquement lorsque nous pensons qu'il vous sera réellement utile. Désabonnez-vous à tout moment !

Intégration constructeur de pages

Les fans de Divi se réjouissent ! Module natif de barre de progression de campagne Divi 5 !

Avec notre nouveau module natif Divi 5, vous pouvez ancrer vos microsites avec des statistiques de collecte de fonds en temps réel directement sur la toile visuelle. Voici comment cela fonctionne et pourquoi il est intéressant de l'activer dès aujourd'hui.

Créez des mises à jour de campagne VISUELLES ET EN DIRECT. Vous pouvez également :

📊 Barre de progression de campagne : Insérez une barre de progression en direct dans n'importe quelle mise en page Divi 5 et affichez la progression de l'objectif en temps réel.

🎨 Contrôles de style approfondis : Personnalisez facilement la couleur de la barre et de la piste, la hauteur et le rayon pour qu'ils correspondent parfaitement à votre marque.

👁️ Prêt pour le Visual Builder : Configurez et prévisualisez tout directement sur la toile Divi en tant que module de première classe.

🔁 Rendu identique : Le même moteur exact alimente ce module, ce qui signifie une conception cohérente sans correctifs hérités.

✅ Lancements plus rapides : Ne quittez jamais l'interface Divi 5 pour configurer des shortcodes ou deviner à quoi ressembleront vos étiquettes d'objectif.

En savoir plus ici.

Intégration constructeur de pages

👉🏻 Nouveauté dans Charitable : Widgets Elementor natifs pour une création de campagne transparente

Avec les widgets Elementor natifs, vous concevez vos campagnes de dons aux côtés du reste de votre page, sans toucher au code. Voici comment cela fonctionne et pourquoi il est intéressant de l'activer dès aujourd'hui.

Créez des pages de collecte de fonds VISUELLES, NATIVES ET SANS CODE COURT. Vous pouvez également :

⚡ Mini Don : Ajoutez un widget de don compact et hautement performant avec des montants prédéfinis et un contrôle total des couleurs.

⏳ Compte à rebours de campagne : Créez un sentiment d'urgence pour un appel à l'aide axé sur une date limite, avec des confettis optionnels lorsque l'objectif est atteint.

📣 Flux de dons : Prouvez votre élan en montrant aux visiteurs la preuve sociale de personnes réelles qui donnent en ce moment même.

🏆 Tableau d'honneur des donateurs : Célébrez vos meilleurs supporters avec un style or, argent et bronze pour encourager les dons amicaux.

🖼️ Vitrine de campagne : Présentez plusieurs campagnes dans une grille ou un carrousel de page de destination, avec recherche, filtres et badges.

En savoir plus ici.

Module complémentaire Nouveau

🗒️ Reçus personnalisés… Nouveau module complémentaire !

Avec les reçus personnalisés, vous décidez de la page que vos donateurs voient, pour chaque campagne. Voici comment cela fonctionne et pourquoi il est intéressant de l'activer dès aujourd'hui.

Le côté gauche montre un reçu de don avec le numéro de don, la date, le total et le mode de paiement pour un don à Anywhere, intitulé 'Une famille obtient de l'eau potable pour une semaine.'

Créez des reçus qui sont PERSONNALISÉS POUR LE DONATEUR OU LA CAMPAGNE. Vous pouvez également :

📅 Appel de fin d'année : Renforcez l'objectif et invitez les donateurs à partager pendant que l'élan est fort.

🎗️ Campagne commémorative ou hommage : Offrez un remerciement doux et respectueux qui correspond au moment.

💎 Dons importants : Affichez un message spécial uniquement aux donateurs qui donnent au-dessus d'un certain seuil.

🔁 Croissance récurrente : Invitez les donateurs ponctuels à devenir des supporters mensuels directement sur le reçu.

🌍 Campagnes mondiales : Affichez une note spécifique au pays, comme un rappel de la déduction fiscale, uniquement là où elle s'applique.

En savoir plus ici.

Nouveau modèles

🤩 Nouveaux modèles de campagne Beacon avec bloc « Héros » !

Avec les nouveaux modèles de campagne Beacon pour Charitable Pro, vous pouvez lancer une page de collecte de fonds époustouflante sur toute la largeur qui capte instantanément l’attention des visiteurs au-dessus de la ligne de flottaison.

En-tête de la page de collecte de fonds pour Sauver le parc Maple Grove avec un widget de don et une petite photo carrée d'une miniature d'arbre ensoleillé à gauche.

🔦 Impact au-dessus de la ligne de flottaison : commencez avec une image principale sur toute la largeur, votre logo et votre objectif avec un widget de don directement sur la bannière afin que votre demande et votre élan soient enregistrés instantanément sans faire défiler.

📐 Deux mises en page flexibles : choisissez entre une mise en page structurée à deux colonnes pour le récit côte à côte et les détails de support, ou une vue épurée à une colonne conçue pour des récits longs et ininterrompus.

⚡ Champ Héros tout-en-un : alimenté par le nouveau champ Héros de campagne, réunissant les médias d’arrière-plan, les barres de progression en direct, les montants de don personnalisés et les onglets de dons récurrents dans un seul bloc cohérent qui peut être intégré dans n’importe quelle mise en page.

🎨 Correspondance automatique des thèmes : la bannière principale et le widget de don héritent automatiquement des couleurs de bouton et d’accent de votre thème de campagne, garantissant que l’ensemble de votre présentation reste magnifiquement fidèle à la marque sans toucher une ligne de CSS.

En savoir plus ici.

formulaire de don Fonctionnalité Nouveau

📝 Bloc de formulaire de don : Intégrez un formulaire de don fonctionnel n'importe où

Avec le nouveau bloc de formulaire de don pour Charitable Pro, vous pouvez placer un formulaire de don entièrement fonctionnel directement sur n'importe quelle page ou publication dans l'éditeur de blocs WordPress. Pas de redirections, pas de rechargements de page, et zéro friction entre la lecture de votre histoire et la contribution.

📝 Placez des formulaires n'importe où : Placez un formulaire fonctionnel directement sur votre page d'accueil, à l'intérieur d'une publication de blog axée sur l'histoire, sur une page de destination dédiée, ou dans une annonce de campagne.

🎯 Liaison dynamique de campagne : Choisissez facilement une campagne spécifique dans la barre latérale du bloc ou définissez-la pour qu'elle se lie automatiquement à la campagne en cours de visualisation.

📐 Vues de formulaire complètes vs minimales : Basculez entre une mise en page complète ou une vue minimale compacte pour s'adapter parfaitement aux barres latérales, aux colonnes étroites ou aux larges pages de destination.

🎨 Styles sans code ciblés : Personnalisez la typographie, l'espacement des conteneurs, le rayon des bordures, les boutons de montant et les couleurs d'accent indépendamment pour chaque instance de formulaire sans toucher une ligne de CSS.

En savoir plus ici.