Un visiteur est à trois paragraphes de votre meilleure histoire, celle de la famille que votre programme a aidée l'hiver dernier. Il est ému. Il est prêt. Et puis la page se termine par une phrase comme : « Pour faire un don, cliquez ici pour visiter notre page de campagne. »

Alors ils cliquent. La page se recharge. Le moment se refroidit. Certains d'entre eux donnent quand même. Beaucoup d'entre eux ne le font pas.

Cela ne nous a jamais convenu non plus.

La décision d'un donateur de donner ne devrait pas avoir à survivre à un chargement de page.

Nous avons donc créé le nouveau bloc Formulaire de don pour Charitable Pro 1.8.17 : un formulaire de don réel et fonctionnel que vous pouvez déposer sur n'importe quelle page dans l'éditeur de blocs WordPress, au moment où un donateur décide d'agir. Pas de rechargement, pas de détour, pas de seconde page pour les perdre. ⚡

Voici à quoi il ressemble

Avant d'entrer dans le vif du sujet, voici à quoi ressemble réellement une page avec le bloc Formulaire de don une fois stylisée. Il s'agit d'une vraie page, construite dans l'éditeur de blocs en quelques clics sur des sélecteurs de couleurs. Pas de CSS personnalisé, pas de fichier de thème, pas de plugin séparé.

C'est tout l'intérêt. Une page, un défilement, une décision. Le titre, l'histoire et le formulaire vivent tous au même endroit, il n'y a donc jamais de moment où un donateur doit chercher la chose qu'il vient de décider de faire.

Pourquoi placer le formulaire n'importe où décide si le don a lieu

Chaque clic supplémentaire entre un donateur et le bouton de don est un endroit où un don peut disparaître silencieusement, exactement le genre de chute que la récupération des dons existe pour attraper. Les redirections, en particulier, sont l'endroit où l'élan meurt : le visiteur a pris une décision, et vous lui avez demandé de la reprendre sur une nouvelle page.

Le bloc Formulaire de don élimine cette friction. Déposez un formulaire réel et fonctionnel sur la page exacte où se trouve déjà un visiteur, votre page d'accueil, une page de destination ou le milieu d'un article de blog, et la distance entre « Je veux aider » et « fait » s'effondre à zéro.

Vous ne reconstruisez pas votre campagne. Vous rencontrez les donateurs là où leur attention se porte déjà.

Voyez-le en action

Si vous préférez regarder plutôt que lire, voici la version de deux minutes de tout ce qui suit.

Quand vous ressentirez la différence

Quelques endroits où le bloc transforme une page en lieu de don :

🏠 Votre page d'accueil : Placez un formulaire compact au-dessus de la ligne de flottaison afin que les visiteurs pour la première fois puissent donner sans chercher une campagne.
📝 Un article de blog axé sur l'histoire : Terminez une histoire d'impact avec le formulaire réel, juste là où le lecteur est le plus ému.
🎯 Une page de destination dédiée : Créez une page ciblée sans navigation avec un constructeur de page de destination comme SeedProd pour une campagne publicitaire ou par e-mail, avec le formulaire intégré.
📣 Une annonce de lancement de campagne : Intégrez le formulaire dans l'article qui annonce la campagne, afin que la nouvelle et la demande partagent une seule page.
🧩 Un modèle de « campagne en cours » : Placez le bloc une fois sur un modèle de campagne et laissez-le se lier automatiquement à la campagne en cours de visualisation.

Un vrai formulaire, directement dans l'éditeur

Le bloc est conçu pour l'expérience d'édition moderne de WordPress, donc ce que vous créez est ce que vos donateurs voient. Ajoutez-le de la même manière que vous ajouteriez n'importe quel autre bloc : ouvrez l'outil d'insertion, recherchez et déposez-le.

🧩 N'importe quelle campagne, n'importe quelle page : Choisissez une campagne publiée dans une liste déroulante, ou sélectionnez « Utiliser la campagne actuelle » pour lier le formulaire dynamiquement aux modèles de campagne.
👁️ Aperçu fidèle : L'éditeur affiche un formulaire réaliste utilisant les montants de don réels de la campagne, la sélection par défaut, l'option de montant personnalisé et l'ordre des champs, pas un simple espace réservé gris.
🎚️ Complet ou Minimal : Choisissez le formulaire Complet (tous les champs) ou une mise en page Minimale et compacte (montants et paiement) qui s'intègre parfaitement dans une barre latérale ou un pied de page.
⚡ Pas de shortcodes à mémoriser : Ajoutez-le depuis l'outil d'insertion de blocs comme n'importe quel autre bloc. Les shortcodes existants [charitable_donation_form] se convertissent même automatiquement en bloc lorsque vous les modifiez.

Le choix de la campagne et du type de formulaire se fait directement dans la barre latérale, avec l'aperçu en direct qui se met à jour au fur et à mesure de votre sélection :

Stylez-le pour qu'il corresponde à la page

Parce que c'est un bloc natif, le formulaire s'adapte à son environnement, avec dix-neuf contrôles de style regroupés pour plus de clarté. Chaque contrôle se trouve dans la même barre latérale des paramètres du bloc, vous n'avez donc jamais à chercher le bon.

🎨 Conteneur du formulaire : Définissez la couleur d'arrière-plan et une bordure (style, largeur et couleur) pour que le formulaire s'encadre comme votre page le nécessite.
🔤 Typographie et accents : Contrôlez la couleur du texte et des titres, la couleur des liens, et même la couleur de l'astérisque des champs obligatoires.
🔘 Boutons de montant : Stylez l'arrière-plan, l'état sélectionné, le texte, la bordure et le rayon des coins de vos boutons de montant de don.
✅ Bouton de don : Définissez l'arrière-plan du bouton, la couleur au survol, la couleur du texte et le rayon pour correspondre à votre appel à l'action.

Faites défiler vers le bas et vous trouverez les groupes Bouton de don et Accents, y compris la couleur de l'astérisque des champs obligatoires, facile à manquer :

Chaque instance de bloc obtient ses propres styles isolés, vous pouvez donc placer plus d'un formulaire sur votre site, chacun personnalisé sans écrire de code, et aucun d'entre eux n'interférera avec le style des autres.

Premiers pas : Intégrer votre premier formulaire

Vous pouvez avoir un formulaire en ligne sur n'importe quelle page en moins d'une minute. Voici exactement à quoi cela ressemble, étape par étape.

Étape 1 : Ajouter le bloc

Ouvrez n'importe quelle page ou publication, cliquez sur l'outil d'insertion de bloc (+), et recherchez Formulaire de don.

Étape 2 : Choisir une campagne

Avec le bloc sélectionné, ouvrez la barre latérale des paramètres du bloc et choisissez une campagne dans la liste déroulante Campagne, ou sélectionnez Utiliser la campagne actuelle.

Étape 3 : Choisir Complet ou Minimal

Définissez éventuellement le Type de formulaire sur Complet ou Minimal, selon l'espace dont dispose la page.

Étape 4 : Style

Stylez le formulaire à l'aide des commandes Conteneur du formulaire, Typographie, Boutons de montant, Bouton de don, et Accents, en observant l'aperçu se mettre à jour en direct.

Étape 5 : Publier

Publiez ou mettez à jour la page. Votre formulaire de don en cours est en ligne.

Une note : placez un seul formulaire de don par page pour une expérience la plus propre et la plus rapide.

Pourquoi vous allez adorer ça

⚡ Zéro friction : Les donateurs donnent sur la page qu'ils lisent déjà, sans redirection.
👁️ Ce que vous voyez est ce qu'ils obtiennent : L'aperçu de l'éditeur reflète les montants et champs réels de la campagne.
🎨 Stylisé pour s'adapter : Dix-neuf commandes permettent au formulaire de correspondre à n'importe quelle page, avec une portée par instance.
🔄 Mise à niveau sans effort : Les anciens shortcodes de formulaire de don sont automatiquement convertis en bloc.
🧱 Compatible avec les thèmes de blocs : Il utilise l'enregistrement et l'alignement standard des blocs, il fonctionne donc avec les thèmes de blocs et l'édition complète du site.

Pour les agences et les développeurs

Construit à la manière native de WordPress

Le bloc est enregistré sous charitable/donation-form avec un render_callback côté serveur, de sorte que la sortie front-end est toujours le formulaire canonique et sécurisé, pas une approximation côté client.

Le CSS par instance est généré via charitable_donation_form_scoped_css(), avec des assainisseurs de couleurs et de longueurs dédiés, et un garde de récursion empêche les problèmes si un formulaire est jamais imbriqué. Le bloc se déclare également dans la couche de cache de Charitable, de sorte que les pages contenant un formulaire en direct sont automatiquement exclues de la mise en cache de page complète, sans exclusions manuelles requises.

Compatible avec les shortcodes

Une transformation enregistrée convertit le shortcode hérité [charitable_donation_form] en bloc lors de la modification, de sorte que la migration des pages existantes est sans douleur.

Questions fréquemment posées

Cela nécessite-t-il Charitable Pro ? 

Oui. Le bloc Formulaire de don est inclus dans Charitable Pro 1.8.17 et ne fait pas partie du plugin Lite gratuit.

Quelle est la différence entre Complet et Minimal ? 

Complet affiche le formulaire de don complet avec tous les champs. Minimal est une mise en page compacte (montants des dons et paiement) qui s'intègre bien dans les espaces plus restreints comme les barres latérales et les pieds de page.

Puis-je mettre plus d'un formulaire sur une page ? 

Pour la meilleure et la plus rapide expérience, nous recommandons un formulaire par page. Chaque instance de bloc est stylisée indépendamment.

Cela fonctionnera-t-il avec mon thème de blocs ou l'édition complète du site ? 

Oui. Le bloc utilise l'enregistrement standard des blocs WordPress et le support d'alignement, il fonctionne donc avec les thèmes de blocs et l'édition complète du site (FSE).

Mes shortcodes existants fonctionnent-ils toujours ? 

Oui, et lorsque vous modifiez une page qui utilise [charitable_donation_form], elle est automatiquement convertie en bloc.

Commencez avec le bloc Formulaire de don

Le bloc Formulaire de don est désormais disponible dans Charitable Pro 1.8.17. Ouvrez n'importe quelle page ou publication, ajoutez le bloc, choisissez une campagne et commencez à collecter des dons là où vos donateurs se trouvent déjà.

Lire la documentation du bloc Formulaire de don →

Plus dans Charitable Pro 1.8.17

Le bloc Formulaire de don est l'une des nombreuses façons dont la version 1.8.17 rend Charitable plus flexible.

Nouveautés également :

• Onglet Styles pour une restructuration visuelle
• Modèles Beacon et champ Héros de campagne
• Montants de don visuels avec images par montant
• Nouveaux widgets de collecte de fonds pour Elementor, WPBakery, et Divi

Pas encore utilisateur de Charitable Pro ?

Charitable soutient la collecte de fonds pour des organisations du monde entier, avec plus d'un million de téléchargements et ce n'est pas fini. Charitable Pro vous offre la flexibilité de collecter des dons n'importe où sur votre site, exactement comme vous le souhaitez.

Nouveautés dans Charitable

Nous avons également lancé plusieurs fonctionnalités et améliorations puissantes récemment :

Nous ajoutons constamment à Charitable des fonctionnalités et des améliorations conçues pour vous aider à collecter plus et à mieux servir vos donateurs. Découvrez tout ce que nous avons publié dans le Journal des modifications de Charitable.

Pas encore utilisateur de Charitable Pro ? Inscrivez-vous aujourd'hui et bénéficiez jusqu'à 50 % de réduction sur votre plan. Nous sommes convaincus que vous aimerez collecter des fonds avec Charitable. Si, pour une raison quelconque, Charitable ne vous convient pas, nous vous rembourserons votre achat grâce à notre garantie de remboursement de 14 jours. Obtenez Charitable Pro dès maintenant »

Si vous avez des questions ou besoin d'aide pour placer votre premier formulaire, notre équipe de support est prête à vous aider.

---

Restez connecté pour plus de ressources pour les organisations à but non lucratif

Pour plus de tutoriels et de vidéos adaptés aux organisations à but non lucratif, abonnez-vous à notre chaîne YouTube. Nous publions régulièrement des conseils d'experts, des guides étape par étape sur les dons en ligne, des stratégies de collecte de fonds et des ressources pratiques pour aider votre organisation à réussir.

🗞️ Recevez des conseils hebdomadaires et des guides exclusifs dans votre boîte de réception
Rejoignez notre newsletter →  

🎥 Regardez des tutoriels étape par étape et des histoires de réussite
Abonnez-vous à notre chaîne YouTube →  

👩🏽‍💻 Connectez-vous avec notre communauté et obtenez des informations quotidiennes sur les organisations à but non lucratif
Suivez-nous sur LinkedIn →

🥳 Reels amusants et informations sur les organisations à but non lucratif
Suivez-nous sur Instagram → 

👀 Vidéos perspicaces et amusantes pour vous aider à développer votre cause
Suivez-nous sur TikTok→  

🌎 Abonnez-vous et suivez pour des conseils généraux sur la collecte de fonds
Obtenez des conseils sur la collecte de fonds sur TikTok → 

Ressources puissantes pour la collecte de fonds

⬇️ Téléchargez des stratégies éprouvées, des idées de campagnes et des outils d'experts
Obtenez le kit de collecte de fonds →  

💸 Obtenez des ressources gratuites pour la collecte de fonds
Rendez-vous sur le Hub de collecte de fonds Charitable →

🤔 Des questions sur Charitable ?
FAQ Charitable →

🏎️ Essayez Charitable
Créez votre démo Charitable →

Comprendre les termes et le jargon des organisations à but non lucratif
Glossaire des organisations à but non lucratif→

% Vous recherchez des offres et des réductions pour les organisations à but non lucratif ?
Meilleures offres et réductions pour les organisations à but non lucratif →