Blog caritatif

Tout ce que vous devez savoir sur Charitable et notre équipe.

Graphique montrant les différentes façons dont le formulaire de don peut être personnalisé.

Personnalisez votre formulaire de don WordPress — sans code

Dernière mise à jour le

  • Par

Lorsque j'ai commencé à discuter avec des organisations à but non lucratif de leur système de collecte de fonds en ligne, beaucoup ont mentionné le même problème : la plateforme de collecte de fonds qu'elles utilisaient ne leur donnait pas assez de contrôle.

Trop souvent, elles étaient configurées comme une solution unique.

Lorsque nous avons commencé à développer Charitable, nous savions que nous voulions donner aux utilisateurs un moyen de l'adapter à leurs besoins. Un an et demi plus tard, nous avons vu cette décision validée encore et encore.

Dans cet article, je vais vous montrer six façons simples de personnaliser le formulaire de don ajouté par Charitable — le tout sans écrire une seule ligne de code.

Charitable est le plugin de dons WordPress le mieux noté. Mieux encore, vous pouvez l'obtenir gratuitement ! Cliquez ici pour commencer maintenant.

6 façons sans code de modifier votre formulaire de don WordPress

1. Afficher uniquement les champs obligatoires

Par défaut, le formulaire de don comprend quelques champs obligatoires pour le nom et l'adresse e-mail du donateur, ainsi qu'un tas de champs non obligatoires pour l'adresse. Saviez-vous que vous pouvez supprimer complètement ces champs non obligatoires du formulaire de don ? Voici comment.

  1. Ouvrez le personnaliseur WordPress en cliquant sur l'icône de pinceau dans la barre d'administration ou en allant dans Apparence Personnaliser dans le tableau de bord WordPress.
  2. Cliquez sur l'onglet Charitable.
  3. Ensuite, cliquez sur Formulaire de don. Si vous ne voyez pas cette option, essayez de naviguer vers un formulaire de don Charitable dans la fenêtre d'aperçu.
  4. Réglez l'option « Afficher uniquement les champs obligatoires » sur « Oui ».

2. Modifier l'étiquette de n'importe quel champ

Parfois, l'étiquette utilisée pour un champ particulier dans le formulaire de don n'est pas adaptée à vos besoins. Vous avez besoin que le champ « État » soit un champ « Province » ? Ou vous voulez remplacer « Code postal / Code ZIP » par l'un ou l'autre ?

Vous pouvez le faire avec un peu de code (je vous montrerai comment plus loin), mais pour l'instant, j'aimerais vous montrer une façon astucieuse de le faire sans écrire de code.

Découvrez Loco Translate. Comme son nom l'indique, c'est un plugin de traduction ; mais même si vous utilisez WordPress en tant qu'anglophone, il vous offre un moyen facile de changer le texte par défaut ajouté par des plugins comme Charitable. Tout ce que vous avez à faire est d'activer le plugin et de créer une « traduction » de Charitable en anglais. Vous pourrez facilement changer n'importe quel texte ajouté par Charitable, sans quitter votre tableau de bord WordPress.

3. Permettre aux donateurs de s'abonner à votre newsletter

Un autre point facile. Avec notre plugin Newsletter Connect, vous pouvez connecter votre liste de newsletter MailChimp ou MailPoet à Charitable. Une fois que vous avez lié votre newsletter, les donateurs peuvent choisir de commencer à recevoir votre newsletter lorsqu'ils font leur don.

4. Permettre aux donateurs de rester anonymes

Celui-ci est facile. Tout ce dont vous avez besoin est notre plugin Anonymous Donations. Achetez-le, téléchargez-le, installez-le, activez-le — c'est fait.

En savoir plus sur les dons anonymes ici.

5. Acceptez les dons par carte de crédit directement sur votre site web

PayPal est génial, mais il redirige les donateurs hors de votre site web — et malheureusement, cela peut entraîner une confusion ou même un abandon de la part des donateurs. L'ajout d'un formulaire de carte de crédit à votre site web est un moyen intelligent d'éviter ce problème, tout en vous offrant une expérience de don plus professionnelle.

Pour commencer à accepter les dons par carte de crédit, vous pouvez utiliser notre extension Stripe ou Authorize.Net. Vous aurez également besoin d'un certificat SSL si vous n'en avez pas déjà un.

6. Permettez à vos donateurs de payer les frais de don

C'est un excellent moyen d'augmenter vos revenus de collecte de fonds en ligne, et sa mise en place est facile.

L'extension Fee Relief vous fournit tous les outils dont vous avez besoin. Installez le plugin, puis configurez le calcul des frais, et vos donateurs seront prêts à commencer à contribuer pour couvrir les frais facturés par votre passerelle de paiement.

Personnalisez votre formulaire de don WordPress, en toute simplicité

Avec Charitable, vous pouvez personnaliser facilement votre formulaire de don WordPress, sans écrire de code, en utilisant des outils prêts à l'emploi conçus pour aider votre organisation à but non lucratif à collecter des dons.

Vous utilisez WordPress et souhaitez commencer à collecter des dons avec Charitable gratuitement ?

[ninja_form id=’48’]

Divulgation : Notre contenu est soutenu par nos lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Nous ne recommandons que les produits qui, selon nous, ajouteront de la valeur à nos lecteurs.

22 réponses à « Personnalisez votre formulaire de don WordPress — Sans code »

  1. Bonjour – Pouvons-nous ajouter nos propres champs personnalisés au formulaire de don pour collecter des informations spécifiques dont nous avons besoin en dehors des détails standard intégrés ?

    1. Avatar ericnicolaas
      ericnicolaas

      Oui, le formulaire de don peut être entièrement personnalisé avec du code. Nous avons une bibliothèque d'extraits de code disponibles sur https://github.com/Charitable/library qui montre diverses façons de modifier le formulaire de don (entre autres choses).

  2. Avatar de Leoleroi

    J'utilise la version gratuite. Puis-je supprimer la case à cocher qui dit « don mensuel » ?

    1. Avatar ericnicolaas
      ericnicolaas

      Bonjour Leoleroi,

      L'option de don mensuel n'est pas incluse dans la version de base gratuite de Charitable. Elle fait partie de l'extension Recurring Donations.

      Cordialement,
      Eric

  3. Bonjour !

    J'utilise également la version gratuite de Charitable, pour l'instant, mais je pourrais passer à la version payante bientôt.

    Pour la version gratuite (ou payante, d'ailleurs) : Y a-t-il un moyen de simplement placer un formulaire de don sur une page, sans avoir à créer une « Campagne » pour cela ??

    J'ai les campagnes qui fonctionnent, et le formulaire apparaît dans la modale, comme je l'ai spécifié, MAIS... J'aimerais aussi une page de don générique avec un formulaire de don générique, afin que les utilisateurs puissent simplement faire un don, sans avoir à spécifier une campagne particulière.

    Est-ce possible avec la version gratuite ou payante de Charitable ?

    Merci ! Shane

    1. Avatar de Wes Franklin
      Wes Franklin

      Salut Shane, Charitable utilise toujours des campagnes, mais vous pouvez créer une campagne générique sans date de fin ni objectif, et vous pouvez contourner la page de campagne en ajoutant le formulaire de don à une autre page à l'aide d'un shortcode, voir : https://www.wpcharitable.com/documentation/add-your-donation-form-to-a-page/

  4. Avatar de Shehroz Asmat
    Shehroz Asmat

    Bonjour, je veux rendre le champ téléphone obligatoire sur le formulaire de don mais je ne le trouve nulle part, pouvez-vous me dire où je peux faire cela ? Je suis un gars du code, donc vous pouvez me dire si je peux le faire aussi dans le code ?

    1. Avatar ericnicolaas
      ericnicolaas

      Salut Shehroz,

      Vous pouvez rendre le champ téléphone obligatoire avec juste un peu de code :

      https://github.com/Charitable/library/blob/master/donation-form/make-single-field-required.php#L37

      Sur cette ligne mise en surbrillance, remplacez simplement « address » par « phone » et c'est fait 🙂

      Cordialement,
      Eric

  5. Avatar de smackqueenyaqueen
    smackqueenyaqueen

    Bonjour

    J'utilise Charitable gratuit. Puis-je ajouter une campagne depuis ma propre page au lieu de wp-admin ?

    1. Avatar ericnicolaas
      ericnicolaas

      Salut @smackqueenyaqueen,

      Désolé d'avoir manqué votre commentaire ! Avec le plugin Charitable gratuit, vous pouvez créer des campagnes dans l'espace d'administration. Si vous souhaitez que les gens puissent ajouter des campagnes depuis le front-end, vous aurez besoin de notre extension Ambassadors :

      https://www.wpcharitable.com/extensions/charitable-ambassadors/

      Cordialement,
      Eric

  6. Avatar de cathryn wade
    cathryn wade

    est-il possible d'ajouter manuellement des dons par chèque envoyé par la poste en tant qu'administrateur sans avoir d'adresse e-mail pour le donateur ? Ce serait formidable d'avoir tous les dons en un seul endroit pour les relevés de fin d'année.

    1. Avatar ericnicolaas
      ericnicolaas

      Salut Cathryn,

      Ce n'est pas possible tel quel, mais cela nécessite une seule ligne de code pour ajouter la prise en charge de la création de dons dans le formulaire de don de l'administrateur sans adresse e-mail :

      https://github.com/Charitable/library/blob/master/admin-donation-form/allow-manual-donations-without-email.php

      Voir https://www.wpcharitable.com/documentation/3-ways-to-add-code-customizations-to-your-site/ pour un guide sur l'ajout de petits morceaux de code comme celui-ci — c'est plus facile que vous ne l'imaginez !

      Cordialement,
      Eric

      p.s. Désolé d'avoir manqué votre commentaire jusqu'à maintenant ! Nous venons de découvrir un tas de commentaires qui étaient bloqués dans notre file d'attente d'approbation.

  7. Avatar de Shripad
    Shripad

    Tout utilisateur qui n'est pas enregistré sur le site web, la page de don de campagne affiche en haut « Déjà inscrit ? Connectez-vous pour utiliser vos informations enregistrées. »

    Aussi, une fois le flux de dons terminé, la page finale affiche le texte en haut « vous devez être connecté pour accéder à votre reçu de don. »

    Comment désactiver ces textes et éviter toute confusion aux utilisateurs sur le processus d'inscription

    1. Avatar ericnicolaas
      ericnicolaas

      Salut Shripad,

      Ce sont d'excellentes questions ! Désolé de ne pas avoir répondu plus tôt. Nous venons de tomber sur un certain nombre de commentaires bloqués dans notre file d'attente d'approbation.

      Pour supprimer l'invite de connexion en haut de la page de don de campagne, vous pouvez utiliser un petit bout de code :

      https://github.com/Charitable/library/blob/master/donation-form/remove-login-form.php

      Voir https://www.wpcharitable.com/documentation/3-ways-to-add-code-customizations-to-your-site/ pour un guide sur l'ajout de petits bouts de code comme celui-ci.

      Après qu'un donateur ait effectué son don, le reçu de don devrait s'afficher automatiquement pour lui. Une chose qui peut affecter cela cependant est si votre site/serveur effectue beaucoup de mise en cache ; cela peut empêcher les cookies de Charitable de fonctionner correctement, et sans les cookies, l'utilisateur ne peut pas voir son reçu de don tant qu'il ne se connecte pas. Si l'utilisateur n'a pas encore de compte, il y a un lien "S'inscrire" en bas du formulaire de connexion pour qu'il puisse créer un compte immédiatement.

      Cela dit, si vous rencontrez des problèmes avec le reçu de don qui ne s'affiche pas automatiquement, veuillez nous contacter via notre page de support afin que nous puissions vous aider à résoudre ce problème.

      Cordialement,
      Eric

      1. Merci Eric, cela a résolu le problème de connexion. L'extrait de code fait des merveilles maintenant.

        Maintenant, le prochain problème est que le reçu de don ne s'affiche pas automatiquement après avoir terminé le don. La page affiche le message "Vous devez être connecté pour accéder à votre reçu de don.", mais je ne veux pas que l'utilisateur crée son compte. Pouvez-vous m'aider ?

        1. Avatar ericnicolaas
          ericnicolaas

          Salut Shripad,

          Désolé d'avoir manqué votre commentaire. C'est un problème qui survient avec certains hébergeurs et qui est généralement lié à une mise en cache agressive. Si vous avez toujours des problèmes avec cela, veuillez nous contacter via notre page de support.

          Cordialement,
          Eric

  8. Avatar de Youssef
    Youssef

    Bonjour,
    Je veux cacher le montant du don et le montant total des dons dans les formulaires sur le frontend, car nous utilisons le plugin uniquement pour permettre aux gens de rejoindre les causes et non pour les dons. J'ai ajouté ce filtre :
    function ed_remove_donation_amount_field_from_profile_form( $fields ) {
    unset( $fields[‘donation_amount’] );
    return $fields;
    }
    add_filter( ‘charitable_donation_form_donation_fields’, ‘ed_remove_donation_amount_field_from_profile_form’ );

    Mais ça ne marche pas.
    Une idée de ce que je peux faire ?
    Merci,
    Youssef

    1. Avatar ericnicolaas
      ericnicolaas

      Bonjour Youssef,

      Question intéressante ! Pour être honnête, Charitable n'est pas vraiment idéal si vous ne collectez pas de dons. Un plugin de formulaire comme Ninja Forms pourrait être une meilleure solution.

      Si vous voulez absolument utiliser Charitable, je pense que vous pouvez utiliser une combinaison de ces deux extraits de code :

      Cela devrait faire l'affaire !

      Cordialement,
      Eric

  9. Avatar de Yusuf Abdul-Alim
    Yusuf Abdul-Alim

    Bonjour, y a-t-il un moyen d'avoir des dons anonymes où les gens n'ont pas à s'inscrire pour faire des dons ?

    1. Avatar ericnicolaas
      ericnicolaas

      Bonjour Yusuf,

      Oui, c'est disponible dès le départ lorsque les gens font un don.

      Cordialement,
      Eric

  10. Bonjour,

    J'ai besoin de changer les mots "Numéro de téléphone" en "Numéro de téléphone local"

    J'ai essayé de le faire dans Loco Translate, je peux voir les nouveaux mots, mais Charitable ne voit pas la mise à jour.

    Y a-t-il une autre façon de faire cela ?

    1. Avatar ericnicolaas
      ericnicolaas

      Salut Gene,

      Cela devrait fonctionner via Loco Translate. Je vous suggère de vérifier que vous n'avez pas de mise en cache de page active sur le site, ce qui pourrait expliquer que l'ancien texte s'affiche toujours.

      Sinon, si la seule raison pour laquelle vous avez installé Loco Translate est de changer ce texte, une approche alternative pourrait être d'utiliser du code pour le modifier. Il y a un exemple de la façon de changer une étiquette de champ ici (voir l'avant-dernière ligne) :

      https://www.wpcharitable.com/documentation/donation-fields-api/#change-existing-field

      Il existe plusieurs façons d'ajouter des personnalisations de code comme celle-ci à votre site :

      https://www.wpcharitable.com/documentation/3-ways-to-add-code-customizations-to-your-site/

      Cordialement,
      Eric

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont marqués d'une *

Recevez des conseils et des ressources gratuits directement dans votre boîte de réception, ainsi que 60 000 autres personnes

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 !

Vidéo en vedette :

Regardez plus de vidéos sur notre chaîne YouTube.

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 !

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.

ambassadeurs Nouveau

👤 Profils des créateurs : Mettez un visage derrière chaque campagne pair-à-pair

Ambassadors 3.3.0 propose désormais des profils de créateurs, offrant à vos supporters un espace public permanent et partageable qui transforme les collecteurs de fonds ponctuels en relations durables.

👤 Pages publiques des créateurs : Donnez à chaque collecteur de fonds une page de destination instantanée et soignée sur /creator/leur-nom/ pour présenter leur avatar personnalisé, leur biographie et une grille consultable de leurs campagnes.

📊 Preuve d'impact : Renforcez la confiance des donateurs en affichant les jalons de l'ensemble du site sur le profil, tels que le montant total collecté et le nombre total de donateurs.

💳 Cartes interactives au survol : Lorsque les donateurs survolent le nom d'un créateur sur une page de campagne, une carte compacte s'affiche avec sa biographie et ses identifiants sociaux au moment de la décision.

📍 Partage responsable de la localisation : Permettez aux créateurs d'indiquer en toute sécurité où se trouvent leurs supporters locaux en utilisant uniquement les détails de la ville, de l'État et du pays.

🛠️ Personnalisation en libre-service : Les collecteurs de fonds peuvent mettre à jour leurs propres profils et lier jusqu'à six réseaux sociaux directement depuis le hub Mes campagnes, ce qui vous fait gagner du temps d'administration.

Prêt à responsabiliser vos défenseurs ? Mettez à jour vers Ambassadors 3.3.0 et activez "Activer la page publique du créateur" dès aujourd'hui !

Amélioration Paiements

📱 Transformez les utilisateurs mobiles en donateurs : Découvrez la mise à niveau Mollie de Charitable

Vous perdez des supporters mobiles parce qu'ils détestent taper de longs numéros de carte sur leur téléphone ? L'intégration Mollie mise à jour de Charitable propose :

⚡ Paiement instantané via portefeuille : Permettez aux donateurs d'effectuer leurs dons instantanément en utilisant Apple Pay ou Google Pay avec une simple analyse faciale, une empreinte digitale ou un toucher.

💰 Pas de charge PCI supplémentaire : Évitez la vérification complexe du domaine et la conformité de sécurité, car toutes les transactions de portefeuille s'effectuent en toute sécurité via le paiement hébergé de Mollie.

🛠️ Routage personnalisé de l'annulation : Gardez l'expérience prévisible en renvoyant automatiquement les donateurs qui se retirent vers votre page d'annulation, ou utilisez des filtres de développeur pour les rediriger vers une page personnalisée.

Visitez cette page pour en savoir plus.

ambassadeurs amélioré Nouveau

Écrans de modération et d'annuaire dans Ambassadors 3.0

Ambassadors 3.0 propose de nouvelles fonctionnalités : écrans de modération et d'annuaire... voyez facilement ceux qui gagnent des dons sur votre réseau pair-à-pair, y compris les créateurs de campagnes qui pourraient avoir besoin d'être vérifiés, le tout en un seul endroit. Générez des rapports, envoyez des e-mails directement aux ambassadeurs et aux créateurs de campagnes, et plus encore.

🚀 Voyez quand les créateurs de campagnes et les ambassadeurs ont mis à jour leurs campagnes, ce que les donateurs/dons qu'ils ont apportés et plus encore.

🎉 Ajoutez manuellement des ambassadeurs et des créateurs de campagnes, et approuvez-les en un clic !

Visitez cette page pour en savoir plus.