Quelqu'un clique sur un lien vers votre campagne depuis un e-mail ou une publication sur les réseaux sociaux. Dans la première seconde, avant même de lire un mot, ses yeux ont déjà décidé de ce qu'ils ressentent. Est-ce une cause sérieuse ? Est-ce émouvant ? Est-ce que quelqu'un d'autre donne ?
Sur de nombreuses pages de dons, cette première seconde est perdue : un petit logo, un titre et un formulaire quelque part plus bas sur la page. Beacon change ce que les gens voient à ce moment-là. Il présente une bannière principale pleine largeur, votre logo, votre objectif et un widget de don placé juste au-dessus de l'image, de sorte que la demande et l'élan sont immédiats. 🔦
Beacon est constitué de deux nouveaux modèles de Campaign Builder dans Charitable Pro 1.8.17, tous deux construits sur le tout nouveau champ Campaign Hero.
Pourquoi un héros fort décide de ce qui se passe ensuite
Le haut de votre page de campagne fait le plus gros travail de tout le site. Il donne le ton émotionnel, nomme la cause et signale l'élan, le tout dans l'espace au-dessus de la ligne de flottaison où la plupart des visiteurs décident s'ils continuent à faire défiler ou s'ils partent.
Un héros qui commence par une vraie photo, un objectif clair et une barre de progression visible fait ce qu'un en-tête simple ne peut pas faire : il dit à un visiteur, en un coup d'œil, que c'est un effort réel, qu'il est en cours et que son don compte dès maintenant. Beacon est conçu autour de ce coup d'œil. Le widget de don est verrouillé dans la bannière par conception, de sorte que la demande ne dérive jamais sous la ligne de flottaison, peu importe comment vous modifiez la page.
Voyez-le en action
Quand vous ressentirez la différence
Quelques campagnes où le héros audacieux de Beacon fait ses preuves :
🌳 Une campagne communautaire locale : Commencez par une photo du parc, de l'école ou du quartier pour lequel vous vous battez, avec l'objectif directement sur l'image.
🚨 Un appel urgent et limité dans le temps : Placez la demande et la barre de progression au-dessus de la ligne de flottaison afin que les visiteurs pour la première fois puissent donner sans faire défiler.
📣 Une campagne que vous promouvez sur les réseaux sociaux : Lorsque le trafic arrive d'un lien, le héros présente l'histoire et le bouton de don dès le premier écran.
🏫 Une campagne de capitalisation ou de construction : Affichez un rendu ou une photo du site en pleine largeur, avec le montant collecté par rapport à l'objectif bien en évidence.
💗 Un fonds commémoratif ou de hommage : Une seule image de bannière digne et une demande ciblée donnent le ton dès le premier instant.
Deux nouveaux modèles, un look audacieux
Les deux modèles sont marqués comme nouveaux et mis en évidence dans le sélecteur de modèles Campaign Builder, ils sont donc faciles à trouver lorsque vous démarrez une campagne.
Beacon (2 colonnes) est le plus structuré des deux : il associe la bannière principale verrouillée et la superposition du widget de don à une zone de récit à deux colonnes en dessous, avec de la place pour votre narration d'un côté et des détails de soutien de l'autre.
Beacon (1 colonne) conserve le même héros mais le fait suivre d'une seule colonne pleine largeur, mieux adaptée à un récit long que vous ne souhaitez pas diviser en blocs côte à côte.
Les deux sont livrés avec un contenu d'exemple et des photographies d'échantillons réels déjà en place, vous pouvez donc voir la forme finie au moment où vous en choisissez un, puis remplacer vos propres images et textes.
Le champ Héros de campagne
Beacon est alimenté par le nouveau champ Héros de campagne, un bloc d'en-tête complet que vous pouvez intégrer dans n'importe quel modèle, pas seulement Beacon. Il regroupe dix paramètres dans une bannière cohérente : une image d'arrière-plan, un logo optionnel, votre titre, le montant collecté avec une barre de progression et un ensemble de montants de don, le tout dans un seul bloc.
Vous n'avez pas besoin d'une bibliothèque de photos terminée pour l'utiliser non plus.
Supprimez l'emplacement du logo et le héros se réduit proprement à une seule photo en plein écran ; sautez la photographie entièrement et il revient à une couleur unie ou à un arrière-plan dégradé à la place.
Activez le montant collecté et la barre de progression, et le héros affiche automatiquement « X $ collectés sur notre objectif de Y $ », au moment où un objectif de campagne est défini.
Le widget de don est également intégré directement dans le héros. Définissez vos montants uniques, choisissez celui qui est sélectionné par défaut, décidez s'il faut autoriser un montant personnalisé « Autre », et étiquetez le bouton de don comme vous le souhaitez (il est défini par défaut sur « Faire un don maintenant »).
Si le module complémentaire Dons récurrents caritatifs est actif, activez les onglets mensuels et uniques dans le même widget. Et comme le Héros de campagne suit automatiquement le thème de votre campagne, ses couleurs de bouton et d'accentuation correspondent à la marque que vous avez déjà configurée, où que vous l'intégriez.
Démarrage : Lancement d'une campagne Beacon
Vous pouvez avoir une campagne Beacon en ligne en quelques minutes.
- Accédez à Campagnes dans wp-admin et cliquez sur Ajouter une nouvelle campagne.
- Dans le sélecteur de modèle, trouvez le modèle mis en surbrillance Beacon (1 colonne) ou Beacon (2 colonnes) et sélectionnez-le. Votre campagne se charge avec du contenu et des photos d'exemple.
- Cliquez sur l'icône en forme de crayon sur le bloc héros pour ouvrir le panneau Héros de campagne.
- Définissez votre image d'arrière-plan et votre logo, ajustez le titre, les montants des dons et l'étiquette du bouton de don, et décidez s'il faut afficher le montant collecté et la barre de progression.
- Regardez l'aperçu du constructeur se mettre à jour avec vos données de campagne réelles, puis Enregistrez.
Vous préférez un autre modèle ? Ajoutez le champ Héros de campagne à n'importe quelle mise en page à partir de la palette de champs du constructeur pour obtenir le même en-tête audacieux n'importe où.
Pourquoi vous allez adorer ça
Le résultat : la bannière, l'objectif et le bouton de don atterrissent tous sur le premier écran, et dans Beacon, ils y restent. Le héros et le widget de don sont verrouillés en place par conception, de sorte que votre meilleur espace ne dérive jamais vers le bas de la page pendant que vous modifiez, et comme il suit automatiquement le thème de votre campagne, il reste fidèle à la marque sans aucun travail de style supplémentaire. L'aperçu du constructeur reflète votre progression de don et votre objectif réels tout le temps, pas une maquette, et comme le champ Héros de campagne fonctionne dans n'importe quel modèle, vous n'êtes jamais obligé de l'utiliser uniquement ici.
Pour les agences et les développeurs
Filtrer le héros rendu
La sortie front-end du héros passe par le filtre charitable_campaign_builder_campaign-hero_field_display, vous pouvez donc ajuster le balisage avant qu'il ne soit rendu. Les paramètres du héros sont stockés sous forme de clés propres et nommées dans les données du champ de la campagne (image d'arrière-plan, logo, titre de remplacement, montants, libellé du CTA, etc.), et les images prennent en charge les noms de fichiers relatifs au modèle qui se résolvent dans le dossier des ressources du modèle, avec un contrôle de réinitialisation pour restaurer les valeurs par défaut.
Structuré par intention
Les modèles Beacon verrouillent la ligne du héros pour préserver la mise en page tout en laissant tout le contenu du héros entièrement modifiable, afin qu'un client puisse mettre à jour la copie et les images sans casser la conception que vous avez transmise.
Questions fréquemment posées
Cela nécessite Charitable Pro ? Oui. Les modèles Beacon et le champ Campaign Hero sont des fonctionnalités de Charitable Pro. Beacon est disponible dans Charitable Pro 1.8.17.
Puis-je utiliser Campaign Hero sans modèle Beacon ? Campaign Hero dans Charitable Pro est un champ de constructeur standard que vous pouvez ajouter à n'importe quel modèle pour lui donner un en-tête audacieux.
Ai-je besoin du module complémentaire Recurring Donations ? Uniquement si vous souhaitez proposer des dons mensuels dans le widget héros. Sans cela, le héros fonctionne entièrement comme un en-tête de don unique.
D'où vient le « montant collecté » ? Il reflète vos dons et votre objectif de campagne en direct. La barre de montant collecté et la barre de progression apparaissent automatiquement une fois qu'un objectif est défini.
Puis-je changer le texte et les couleurs du bouton de don ? Oui. Le libellé du bouton est un paramètre (il est défini par défaut sur « Faire un don maintenant »), et la couleur du bouton suit la couleur du bouton de votre thème de campagne.
Mes images doivent-elles avoir une taille spécifique ? Pas exactement. Charitable recadre automatiquement les images téléchargées pour un meilleur ajustement dans l'espace du héros, donc commencer avec des photos bien composées et haute résolution vous donne plus de contrôle sur le résultat final.
Commencez avec Beacon
Beacon est disponible dès maintenant dans Charitable Pro 1.8.17. Créez une nouvelle campagne, choisissez Beacon (1 colonne) ou Beacon (2 colonnes), et donnez à votre cause une première impression qui transforme les visiteurs en donateurs.
Plus dans Charitable Pro 1.8.17
Beacon arrive aux côtés du nouveau onglet Styles pour le relooking visuel, du bloc Gutenberg Formulaire de don, des montants de don visuels avec images par montant, et de nouveaux widgets de collecte de fonds pour Elementor, WPBakery et Divi.
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 »
Nouveautés dans Charitable
Nous avons également lancé plusieurs fonctionnalités et améliorations puissantes récemment :
📱
Paiement Apple Pay et Google Pay en un clic pour les donateurs mobiles effectuant des dons via Mollie.
🤝
Écrans de modération et de répertoire pour gérer les ambassadeurs peer-to-peer et les créateurs de campagnes en un seul endroit.
💳
Dons natifs UPI, QR code et multi-devises pour accepter des dons d'Inde.
🔔
Notifications push du navigateur qui atteignent les donateurs avec des remerciements, des étapes importantes et des alertes de campagne urgentes.
🛡️
Détection de bots en temps réel qui signale les attaques et bloque les acteurs malveillants avant qu'ils n'atteignent vos formulaires de don.
🧳
Une équipe de migration « gant blanc » déplace vos donateurs, votre historique et vos abonnements depuis GiveWP pour vous.
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.
Si vous avez des questions ou si vous souhaitez de l'aide pour créer votre première campagne Beacon, notre équipe de support est prête à vous aider.
Charitable a plus d'un 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.
✅ Remboursé sous 14 jours
✅ Tarification transparente
✅ Configuration sans code
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 →
Laisser un commentaire