Quelqu'un voit votre campagne sur Instagram, clique sur le lien et clique sur Donner. Il est prêt à donner, et il tient un téléphone.
Les formulaires de don de Charitable s'adaptent déjà aux petits écrans. Mais votre thème et votre constructeur de page ajoutent leurs propres styles par-dessus, et sur un téléphone ces styles peuvent pousser un champ hors du bord, réduire le bouton Donner ou compresser les détails de la carte dans un espace difficile à toucher.
Vous ne le verrez peut-être jamais, car vous vérifiez votre site sur un ordinateur portable. Vos donateurs le voient sur leur téléphone, et beaucoup d'entre eux ferment simplement l'onglet.
Nous avons donc créé DonationExpress. Sur un téléphone, il ouvre le vrai formulaire de don de votre campagne dans une feuille plein écran que votre thème ne peut pas styliser, donc le formulaire a le même aspect et fonctionne de la même manière sur tous les téléphones. 📱
Voici à quoi ressemble DonationExpress
Avant de passer en revue les paramètres, voici ce qu'un donateur voit sur son téléphone une fois qu'il est activé. Il clique sur Donner sur votre page de campagne, et la feuille glisse sur la page.
Tout dans cette feuille provient de votre propre campagne. Le nom de la campagne et la barre de progression se trouvent en haut, et les montants suggérés, les champs et les passerelles de paiement en dessous sont ceux que vous avez déjà configurés.
Ce qui manque, c'est votre thème. Pas de marges perdues, pas de polices de thème qui se battent avec le formulaire et pas de règles de constructeur de page qui s'en mêlent, juste un formulaire épuré pleine largeur.
Pourquoi le formulaire de don sur téléphone est si important
La plupart des façons dont vous demandez de l'argent se terminent maintenant sur un téléphone. Une publication sur les réseaux sociaux, un appel par e-mail, un SMS d'un bénévole et une publicité payante envoient tous les gens sur votre site depuis leur poche.
Ce premier clic sur Donner est le moment où une personne a déjà décidé de donner. Si le formulaire semble cassé à ce moment-là, elle commence à se demander si le site est sûr, et beaucoup abandonnent le formulaire de don avant que le don ne soit effectué.
Corriger cela nécessitait auparavant du CSS personnalisé pour chaque thème, puis le corriger à nouveau après chaque mise à jour du thème. DonationExpress éloigne complètement le thème du formulaire, il n'y a donc rien à patcher et rien à suivre.
DonationExpress fait partie du plugin Charitable Pro sur tous les plans payants, plan Basic et supérieurs.
Voyez-le en action
Si vous préférez regarder plutôt que lire, voici la vidéo explicative de tout ce qui suit.
Quand vous ressentirez la différence
Chaque organisation à but non lucratif ayant des donateurs sur téléphone obtient quelque chose de DonationExpress. Ce sont les endroits où vous le remarquerez en premier.
- 📣 Campagnes sur les réseaux sociaux : presque tout le monde qui clique sur un lien sur Instagram, Facebook ou TikTok est sur un téléphone, donc la feuille est la première chose qu'il voit.
- ✉️ Appels par e-mail : de nombreux donateurs ouvrent votre appel sur leur téléphone, et la feuille leur donne un formulaire qu'ils peuvent terminer avec un seul pouce.
- 🎨 Thèmes et constructeurs de pages complexes : si votre thème ou constructeur stylise les boutons, les champs de saisie ou les fenêtres contextuelles d'une manière qui semble incorrecte sur un petit écran, la feuille s'adapte.
- ⏱️ Événements de dons d'une journée : lors du Giving Tuesday ou d'une journée de dons, vous ne pouvez pas vous permettre de tester votre formulaire sur chaque téléphone, et la feuille a le même aspect sur tous.
- 💳 Publicités payantes : lorsque vous lancez des publicités Facebook pour votre organisation à but non lucratif ou que vous payez pour chaque clic, un formulaire rapide et épuré sur un téléphone permet de transformer davantage de ces clics en dons.
Votre vrai formulaire, sans rien à reconstruire
DonationExpress ne vous demande pas de créer un second formulaire, uniquement pour mobile. Il charge le vrai formulaire de don de la campagne à l'intérieur de la feuille, donc chaque champ, montant suggéré et passerelle que vous avez configurés s'y affichent d'eux-mêmes.
Apple Pay et Google Pay fonctionnent également à l'intérieur de la feuille. Apple Pay nécessite toujours que votre domaine soit vérifié auprès de votre passerelle de paiement, comme il le fait sur le formulaire normal.
Comme les scripts et les styles de votre thème ne se chargent pas dans la feuille, le formulaire s'ouvre également rapidement. C'est ce qui compte le plus sur un téléphone avec une connexion lente.
Cela ne change les choses que sur les téléphones
DonationExpress ne s'active que pour les écrans de moins de 768 pixels de large. Sur les tablettes et les ordinateurs de bureau, vos formulaires de don s'affichent exactement comme aujourd'hui.
Il est également désactivé par défaut pendant sa phase bêta. La mise à jour du plugin ne changera rien sur votre site tant que vous ne choisirez pas de l'activer.
Il reprend votre image de marque automatiquement
La feuille ne peut lire aucune information de votre thème, elle prend donc son apparence à partir des paramètres que vous avez probablement déjà remplis. Le bouton « Faire un don » et la barre de progression utilisent la couleur de mise en surbrillance de votre formulaire de don, et votre logo d'e-mail apparaît en haut de la feuille si vous en avez ajouté un.
Le seul nouveau choix est le style des coins. « Carré » donne des boutons et des champs de saisie carrés, « Arrondi » les adoucit un peu, et « Pilule » les rend complètement ronds.
Choisissez celui qui se rapproche le plus des boutons du reste de votre site, et la feuille donnera l'impression d'en faire partie.
Un écran de remerciement qui reste dans la feuille
Après que le don soit effectué, le donateur n'est pas renvoyé vers une page thématique. Par défaut, il voit un écran de remerciement épuré avec une coche et une explosion de confettis, directement dans la feuille.
Le bouton « Partager » ouvre le menu de partage du téléphone, afin qu'un donateur puisse transmettre votre campagne à un ami pendant qu'il se sent encore bien d'avoir donné. Si la fonctionnalité Dons récurrents de Charitable est activée et que le don était unique, un bouton « En faire un mensuel » rouvre la feuille avec un don mensuel prêt à être effectué.
Avec la fonctionnalité Reçus PDF de Charitable activée, un bouton « Télécharger le reçu PDF » apparaît également. Vous pouvez également choisir un reçu détaillé qui ajoute un tableau détaillé, ou renvoyer les donateurs vers votre page de reçu normale à la place.
Activez DonationExpress en quelques clics
Il y a 3 réglages, et ils se trouvent tous sur un seul écran. Pour commencer, rendez-vous sur Charitable » Paramètres » Général » Formulaire de don.
Étape 1 : Trouvez les paramètres de DonationExpress
Faites défiler les paramètres du formulaire de don jusqu'à atteindre DonationExpress. Au début, vous ne verrez que ce paramètre, car les 2 autres restent masqués lorsqu'il est défini sur Désactivé. Une fois activé, les 3 s'affichent ensemble comme ceci.
Étape 2 : Choisir quels boutons de don l'utilisent
Ensuite, ouvrez le paramètre DonationExpress et choisissez l'une de ses options. Choisissez Boutons de don modaux uniquement si vous souhaitez uniquement corriger la fenêtre contextuelle qui s'ouvre lorsque quelqu'un clique sur un bouton de don.
Choisissez Tous les formulaires de don si vous souhaitez que chaque don sur un téléphone utilise la feuille, y compris les formulaires placés directement sur une page. En cas de doute, commencez ici.
Étape 3 : Choisir un style de coin
Une fois DonationExpress activé, le paramètre Style de coin DonationExpress apparaît. Arrondi est le réglage par défaut, et vous pouvez passer à Aiguisé ou Pilule pour correspondre à votre site.
Étape 4 : Choisir ce que les donateurs voient après avoir donné
Dans Reçu DonationExpress, conservez Célébration pour l'écran de remerciement avec confettis, ou choisissez Page de reçu détaillée ou standard. Ce paramètre est arrivé avec le plugin Charitable Pro 1.8.17.1, alors mettez à jour d'abord si vous ne le voyez pas.
Étape 5 : Enregistrer et prévisualiser sans téléphone
Lorsque vous avez terminé, cliquez sur Enregistrer les modifications. Ensuite, pendant que vous êtes connecté en tant qu'administrateur, ouvrez cette adresse dans votre navigateur, en remplaçant NN par votre propre identifiant de campagne.
https://yoursite.com/wp-admin/?charitable_action=preview-mobile-form&campaign_id=NNVous verrez la même feuille qu'un donateur voit sur un téléphone, en taille réelle sur votre écran. C'est le moyen le plus rapide de vérifier vos couleurs, votre logo et vos coins.
DonationExpress activé, du clic à l'écran de remerciement
Voici une campagne sur un téléphone avec DonationExpress activé, du premier clic à l'écran de remerciement.
Avec Tous les formulaires de don sélectionnés, la page de campagne ressemble à la même chose jusqu'à ce que le donateur clique sur Donner.
Ce clic ouvre la feuille, avec le style de coin Pilule dans cet exemple. Le donateur choisit un montant, remplit ses informations et donne, et l'écran de remerciement apparaît au même endroit.
Le donateur ne quitte jamais votre site, et il ne voit jamais de mise en page cassée en cours de route.
Lire le guide complet de configuration de DonationExpress →
Au-delà des bases
Choisir entre Boutons de don modaux uniquement et Tous les formulaires de don
Si vous êtes satisfait de l'apparence de vos formulaires en ligne sur les téléphones, Boutons de don modaux uniquement les laisse tranquilles et remplace uniquement la fenêtre contextuelle. Tous les formulaires de don est le meilleur choix lorsque vous ne pouvez pas être sûr de l'apparence de chaque page sur chaque téléphone, car chaque don sur un petit écran passe par la même feuille propre.
Plugins de mise en cache et d'optimisation
La feuille a besoin de jetons de sécurité frais chaque fois qu'elle se charge, tout comme vos pages de don et de reçu normales. Si vous utilisez un plugin de mise en cache ou d'optimisation, excluez le chemin /charitable-give/ de la mise en cache.
Pour les agences et les développeurs
Filtres pour le mode, le point d'interruption et la marque
Chaque réglage peut être remplacé par un extrait de code. Utilisez charitable_mobile_mode pour forcer off, modal ou always sur une seule page ou campagne, et charitable_mobile_form_breakpoint pour déplacer la coupure de 768 pixels afin que les petites tablettes utilisent également la feuille.
charitable_mobile_brand_tokens remplace l'accent, le logo et le rayon, et charitable_mobile_asset_is_allowed permet à un script ou un style spécifique de gérer le document sans thème, tel qu'un chargeur de polices personnalisé.
Points de terminaison et reçus par campagne
La feuille est servie depuis /charitable-give/{campaign_id}/, et le reçu dans la feuille depuis /charitable-give/receipt/{donation_id}/, qui renvoie un 403 à quiconque ne peut pas accéder à ce don. Utilisez charitable_mobile_receipt_style pour afficher un style de reçu différent sur une campagne, et les filtres charitable_mobile_receipt_pdf_url et charitable_mobile_receipt_monthly_url pour modifier ou masquer ces boutons.
La liste complète des fonctions d'aide, des filtres et des actions, avec des exemples de code, se trouve dans la section de référence du développeur de la documentation.
FAQ sur DonationExpress
Quel forfait inclut DonationExpress ?
DonationExpress est inclus dans le plugin Charitable Pro 1.8.17 et versions ultérieures, forfait Basic et supérieur.
La mise à jour modifiera-t-elle l'apparence de mes formulaires ?
Non. DonationExpress est en version bêta et désactivé par défaut, donc rien ne change tant que vous ne l'activez pas vous-même.
Modifie-t-il mes formulaires sur les tablettes et les ordinateurs de bureau ?
Non. Il ne s'ouvre que sur les écrans de moins de 768 pixels de large, et un développeur peut ajuster ce nombre avec un filtre.
Ai-je besoin de créer un formulaire mobile séparé ?
Non. La feuille affiche le formulaire de don réel de chaque campagne, avec les mêmes champs, montants et passerelles que vous avez déjà configurés.
Apple Pay et Google Pay fonctionnent-ils dans la feuille ?
Oui. Apple Pay nécessite toujours que votre domaine soit vérifié auprès de votre passerelle de paiement, tout comme pour le formulaire normal.
Cela fonctionne-t-il avec les plugins de mise en cache ?
Oui, tant que le chemin /charitable-give/ est exclu de la mise en cache, de la même manière que vos pages de don et de reçu.
Commencez avec DonationExpress
DonationExpress est disponible dès maintenant dans le plugin Charitable Pro 1.8.17 et versions ultérieures, forfait Basic et supérieur. Mettez à jour le plugin, ouvrez Charitable » Paramètres » Général » Formulaire de don et définissez DonationExpress sur Tous les formulaires de don, puis ouvrez votre campagne sur un téléphone et appuyez sur Donner.
Lire la documentation DonationExpress →
Pas encore sur un plan payant de Charitable ?
Charitable a plus de 1,2 million de téléchargements !
Faites confiance à des millions de personnes pour mener à bien vos campagnes de collecte de fonds. Essayez Charitable sans risque dès aujourd'hui.
✅ Garantie de remboursement de 14 jours
✅ Tarification transparente
✅ Configuration sans code
Nouveautés dans Charitable
Nous avons également lancé plusieurs nouvelles fonctionnalités et améliorations récemment.
🖨️
Des dépliants de collecte de fonds imprimables et une affiche de recrutement que vos ambassadeurs impriment directement depuis le navigateur.
💸
Tarifs dégressifs pour la réduction des frais
Demandez des frais de traitement différents pour chaque taille de don, avec un frais maximum facultatif.
📊
Comparez les périodes, lisez des graphiques de tendances clairs et exportez vos chiffres en CSV ou PDF.
🎟️
Vendez des billets d'événements via vos formulaires de don existants, avec enregistrement par QR code à l'entrée.
🤖
Laissez les assistants IA lire et gérer vos données caritatives, avec un accès en écriture désactivé jusqu'à ce que vous l'activiez.
🔁
Les donateurs configurent des dons mensuels sur la page de paiement de Windcave, et Charitable gère chaque renouvellement.
Nous ajoutons constamment à Charitable, avec des fonctionnalités et des améliorations conçues pour vous aider à collecter plus et à mieux servir vos donateurs. Voyez tout ce que nous avons expédié 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 »
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
🤖 Utilisez Charitable avec votre assistant IA
⬇️ 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 →
Laisser un commentaire