Documentation Charitable

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

Ajout de champs personnalisés aux reçus PDF

Souhaitez-vous qu'un champ personnalisé de votre formulaire de don apparaisse sur le reçu PDF ? Lorsque vous ajoutez un champ personnalisé à un ancien formulaire ou que vous en créez un dans le constructeur visuel de campagnes, Charitable enregistre la réponse du donateur avec le don – mais le modèle de reçu PDF ne l'imprime pas automatiquement. Vous devrez indiquer au reçu où se trouve la valeur et comment l'afficher.

Ce guide vous guidera à travers les étapes pour ajouter un champ de don personnalisé à votre reçu PDF, que le champ provienne d'un ancien formulaire ou du constructeur visuel de formulaires.

Remarque : Cette section suppose que vous utilisez Charitable Pro 1.8.13+ et implique une petite quantité de PHP. Si vous n'êtes pas à l'aise avec la modification de code, collez l'extrait dans un outil comme WPCode afin de ne pas avoir à toucher directement aux fichiers de thème, ou confiez-le à votre développeur.

Comment les champs personnalisés sont-ils stockés ?

Avant de pouvoir afficher un champ sur le reçu, vous avez besoin de deux choses : où sa valeur est stockée et par quelle clé la rechercher. Charitable enregistre les champs personnalisés des anciens formulaires et des formulaires visuels comme métadonnées de publication de don, mais la clé de métadonnées ressemble différemment selon le formulaire qui l'a créé.

Pour les champs personnalisés d'anciens formulaires, la clé de métadonnées est celle qui a été enregistrée avec le champ. Si vous avez enregistré un champ avec la clé t_shirt_size en utilisant l'API des champs de don Donation Fields API, la valeur est stockée sous cette clé exacte.

Pour les champs personnalisés de formulaires visuels, la clé utilise le format field_X, où X est l'ID numérique que le constructeur de campagnes a attribué au champ. Les champs masqués font exception – ceux-ci utilisent le nom que vous avez tapé dans le paramètre Nom du champ.

Trouver la clé de métadonnées de votre champ

Le moyen le plus simple de confirmer quelle clé de métadonnées un champ utilise est de regarder un don réel qui incluait le champ.

Pour un ancien formulaire, la clé de métadonnées est la clé de tableau que vous avez utilisée lors de l'enregistrement du champ avec le filtre charitable_default_donation_fields. Si vous n'avez pas écrit le snippet vous-même, vous pouvez rechercher sur votre site (ou demander à votre développeur) ce filtre pour confirmer la clé.

Pour un formulaire visuel, allez dans Charitable » Dons, ouvrez un don de test qui a soumis le champ personnalisé, et recherchez dans les données enregistrées du don des entrées comme field_3 ou field_5. Le numéro est l'ID du champ dans le constructeur. Si vous préférez voir toutes les clés de métadonnées en une seule fois, vous pouvez ajouter ce snippet temporaire à n'importe quelle page d'administration :

echo '<pre>';
print_r( get_post_meta( 123 ) ); // Replace 123 with your test donation ID.
echo '</pre>';

Remarque : Une fois que vous avez noté les clés dont vous avez besoin, supprimez le snippet – laisser des appels print_r() dans la sortie de production est désordonné et peut fuiter des données de donateurs.

Ajout d'un champ à l'aide d'un hook (recommandé)

Charitable déclenche une action appelée charitable_pdf_receipt_after_donor_details juste après le bloc des détails du donateur sur chaque reçu PDF. S'accrocher à cette action est le moyen le plus simple d'ajouter un champ personnalisé, car vous n’avez pas à remplacer de fichiers de modèle – vos modifications survivent aux mises à jour du plugin sans travail supplémentaire.

Pour activer l'extrait, collez-le dans le fichier functions.php de votre thème enfant ou dans un plugin d'extraits de code :

add_action( 'charitable_pdf_receipt_after_donor_details', function( $donor, $donation ) {

    // Replace 't_shirt_size' with your field's meta key.
    // For a visual form custom field, this will look like 'field_3'.
    $value = get_post_meta( $donation->ID, 't_shirt_size', true );

    if ( empty( $value ) ) {
        return;
    }

    printf(
        '<p style="margin-top: 10px; margin-bottom: 0;"><strong>%s:</strong> %s</p>',
        esc_html__( 'T-Shirt Size', 'charitable-pro' ),
        esc_html( $value )
    );

}, 10, 2 );

L'exemple imprime le champ sous le nom, l'adresse et l'e-mail du donateur. Lors de l'adaptation, remplacez la clé méta, l'étiquette visible et le balisage pour correspondre au champ que vous ajoutez.

Remarque : Si votre valeur contient du HTML – par exemple, la sortie d'un champ de texte long – utilisez wp_kses_post() au lieu de esc_html() pour que les balises de formatage de base survivent.

Ajouter un champ en remplaçant le modèle

Si vous avez besoin de placer le champ ailleurs qu'après les détails du donateur – par exemple, dans le tableau des dons ou dans le pied de page – vous pouvez remplacer le modèle de reçu PDF.

Les modèles PDF de Charitable peuvent être remplacés par le thème. Pour personnaliser la mise en page PDF principale, copiez ce fichier :

wp-content/plugins/charitable-pro/templates/pro/pdf-receipts/pdf.php

Dans votre thème actif à ce chemin :

wp-content/themes/your-theme/charitable-pro/pro/pdf-receipts/pdf.php

Une fois votre copie en place, Charitable la chargera à la place de la version du plugin. Le même schéma de chemin fonctionne pour les deux modèles partiels que pdf.php appelle :

  • Détails du donateur : templates/pro/pdf-receipts/donation-receipt/donor-details.php
  • Détails du don : templates/pro/pdf-receipts/donation-receipt/details.php

À l'intérieur de tout modèle copié, la variable $donation est l'objet complet Charitable_Donation. Pour récupérer la valeur d'un champ personnalisé, utilisez le même appel get_post_meta() de la méthode précédente, puis ajoutez le balisage où vous souhaitez que la valeur apparaisse :

<?php
$value = get_post_meta( $donation->ID, 'field_3', true );
if ( ! empty( $value ) ) :
    ?>
    <p><strong><?php esc_html_e( 'Gift Aid Eligible', 'charitable-pro' ); ?>:</strong> <?php echo esc_html( $value ); ?></p>
    <?php
endif;
?>

Remarque : Les remplacements de modèles doivent être revus à chaque mise à jour de Charitable Pro. Si la version du plugin du modèle intègre de nouvelles fonctionnalités ou des corrections de bugs, votre remplacement ne les verra pas automatiquement. La méthode du crochet ci-dessus évite cela entièrement, utilisez donc un remplacement de modèle uniquement lorsque vous avez besoin de contrôler le placement.

Aperçu de vos modifications

Une fois votre extrait ou remplacement de modèle enregistré, générez un vrai PDF pour confirmer que le champ apparaît comme prévu. Depuis l'écran Charitable » Dons, choisissez un don qui incluait le champ personnalisé, puis cliquez sur l'icône PDF à côté pour télécharger le reçu. Si le champ n'apparaît pas, parcourez ces vérifications une par une :

  • Confirmez que la clé méta correspond exactement – field_3 et field_03 ne sont pas la même chose.
  • Vérifiez que le don que vous testez a bien soumis une valeur pour le champ. Les valeurs vides ne seront pas imprimées.
  • Essayez un autre don de test pour exclure qu'une entrée soit vide.

Note : Les valeurs des champs qui semblent vides sur l'écran d'administration des dons seront également vides sur le PDF. Le reçu ne peut pas afficher de données que le don n'a jamais collectées.

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.