Blog caritatif

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

Charitable 1.4 propose un style adaptatif et plus encore

Dernière mise à jour le

  • Par

TL;DR : Nous venons de publier une mise à jour majeure pour Charitable. Les points forts incluent une meilleure prise en charge des petits écrans, un nouveau shortcode et un flux complet de connexion et d'inscription côté utilisateur.

Charitable 1.4 sort aujourd'hui, près de six mois après la sortie de la version 1.3. C'est long entre les versions majeures – trop long à mon goût – mais le résultat est que 1.4 est une grande avancée pour le projet. Voici un aperçu de ce qui est nouveau dans 1.4 :

  • Les grilles de campagne (comme celles que vous ajoutez avec le shortcode [campaigns]) s'adaptent automatiquement aux petits écrans.
  • Il en va de même pour la liste des dons suggérés dans le formulaire de don.
  • Vous pouvez utiliser un nouveau shortcode qui liste l'historique des dons d'un utilisateur connecté.
  • Vos utilisateurs enregistrés peuvent mettre à jour et réinitialiser leur mot de passe en utilisant un système entièrement côté utilisateur (c'est-à-dire sans accès à wp-login).
  • Le formulaire de don effectue désormais des tests de validation côté client pour aider les donateurs qui ont manqué un champ ou saisi un numéro de carte de crédit invalide.
  • Les champs d'image dans les formulaires disposent désormais d'une belle interface de glisser-déposer (une belle mise à jour pour les personnes utilisant Ambassadors ou User Avatar).

Examinons de plus près certains de ces éléments.

Grilles de campagne réactives

L'un des problèmes les plus courants mentionnés concernant les grilles de campagne est qu'elles n'étaient pas réactives. Sur un téléphone portable, cela les rendait pratiquement inutilisables. Nous avons aidé des clients avec une simple solution basée sur CSS, mais intégrer la solution directement dans Charitable est évidemment un grand avantage pour tout le monde.

grille-de-campagne-adaptative

Toute la magie vient du paramètre responsive pour le shortcode [campaigns]. Si vous utilisez les paramètres par défaut, la grille s'adaptera automatiquement à une disposition à colonne unique sur les écrans de moins de 768px (la taille d'un iPad).

Bien sûr, chaque thème est différent, donc 768px pourrait ne pas être le point idéal pour le changement. Vous avez un contrôle total sur le point auquel la grille sera réduite. Voici un exemple où je réduis à une seule colonne à 600px :

[campagnes responsive=600px]

Champs d'image par glisser-déposer

Si vous utilisez Charitable Ambassadors pour alimenter une plateforme de collecte de fonds peer-to-peer ou de crowdfunding, vos créateurs de campagne trouveront plus facile d'ajouter leur image de campagne maintenant.

Nous sommes passés de ceci :

champ-image-ancien

À ceci :

champ-image-glisser-deposer

Nouveau shortcode [charitable_my_donations]

Enfin, Charitable offre un moyen simple et épuré pour les utilisateurs connectés de voir un historique de leurs dons.

Shortcode de l'historique des dons

La mise en place est assez simple : créez simplement une nouvelle page et incluez le shortcode [charitable_my_donations]. Vos utilisateurs devront se connecter pour accéder à leurs dons.

Flux complet de connexion et d'inscription côté utilisateur

Charitable a toujours inclus des shortcodes de connexion et d'inscription, mais il manquait quelques éléments :

  • Pour réinitialiser leur mot de passe, les utilisateurs devaient passer par le processus de réinitialisation de mot de passe par défaut de WordPress.
  • Les donateurs ou créateurs de campagne connectés voyaient la barre d'administration, ce que beaucoup trouvaient déroutant ou indésirable.

Grâce à un effort considérable de la part de @rafecolton de l’Himalayan Institute, Charitable 1.4 propose désormais un système de gestion des utilisateurs grandement amélioré. C’est parfait si vous utilisez Ambassadors pour alimenter une plateforme et que vous souhaitez que l’ensemble du flux de connexion et d’inscription soit intégré au frontend.

Personnes ayant contribué à Charitable 1.4

L’un des aspects les plus passionnants de cette version de Charitable est qu’elle inclut des contributions significatives de personnes extérieures à notre équipe de 2 personnes. J’ai mentionné Rafe ci-dessus ; ses collègues @cyhtan et @NeptuneIllume ont également contribué ; et @Kathy_Darling, qui travaille sur notre extension de dons récurrents, a également apporté des modifications importantes.

En plus d’eux, nous avons également reçu d’excellentes contributions au projet de traduction de Charitable de la part de hugo_mv (espagnol), mauroandres (espagnol – Argentine) et elstupid (néerlandais), ainsi que d’autres personnes qui ont contribué aux traductions.

À tous ceux qui ont contribué à façonner cette version de Charitable – y compris vous, nos utilisateurs – merci ! Nous espérons que vous apprécierez cette dernière itération.

Journal des modifications

  • Adaptez la grille des campagnes avec élégance lors de l’affichage sur des écrans plus petits. Le shortcode [campaigns] prend désormais en charge un paramètre responsive, activé par défaut. Vous pouvez le définir sur un montant spécifique en px/em pour modifier le point de rupture, ou le définir sur 0 pour désactiver le style adaptatif. #88
  • Fournit également un style adaptatif approprié pour les montants de dons suggérés sur les petits écrans. #159
  • Ajout du shortcode [charitable_my_donations]. Utilisez ce shortcode pour permettre aux utilisateurs connectés de voir un historique de leurs dons, y compris des liens vers les reçus de dons. #14
  • Ajout de la validation côté client pour le formulaire de don. Cela vérifie si les donateurs ont rempli tous les champs requis, s’ils font un don de plus de 0 $ (car sérieusement, un don de 0 $ n’ira pas loin :)) et s’ils ont utilisé une carte de crédit valide (si vous utilisez nos extensions Stripe ou Authorize.Net). #176 et #63
  • Ajout d’un processus de réinitialisation de mot de passe pour fournir un flux complet de connexion et d’inscription côté utilisateur. #89
  • Inclure un paramètre order pour le shortcode [campaigns], afin d’inverser la direction dans laquelle les campagnes sont affichées. #64
  • Permettre aux campagnes dans le shortcode [campaigns] d’être triées selon l’une des options de tri de WP_Query.
  • Ajout de la prise en charge du glisser-déposer pour le champ de formulaire Image, utilisé dans les extensions User Avatar et Ambassadors. #111
  • Amélioration de la façon dont le plugin vérifie les mises à jour des extensions Charitable, pour que le tableau de bord WordPress fonctionne sans problème. #133
  • Ajout d’une fonction charitable_create_donation() pour les développeurs qui souhaitent créer des dons par programmation. #109
  • Ajout d'une nouvelle classe Charitable_Donations_Query, que les développeurs peuvent utiliser pour récupérer les dons de la base de données. #155
  • Ajout d'une nouvelle classe Charitable_Deprecated, qui est utilisée pour enregistrer toute utilisation incorrecte des fonctions ou méthodes de Charitable.
  • Utilisation de la page d'administration intégrée edit.php pour lister les dons de Charitable, au lieu de s'appuyer sur une page d'administration personnalisée avec un tableau de publication personnalisé. Pendant ce temps, nous avons également simplifié l'interface et ajouté un codage couleur aux statuts des dons. #110
  • Inclure le numéro de téléphone, l'adresse et le mode de paiement du donateur dans le CSV d'exportation des dons. #154
  • Lorsque plusieurs passerelles sont activées, la passerelle par défaut est répertoriée en premier dans le formulaire de don. #139
  • Annuler automatiquement un don lorsque le donateur revient de la passerelle avant de le terminer. Cela fonctionne avec PayPal, PayUMoney et PayFast. #90 et #117
  • Ajout d'une méthode Charitable_Donor::__toString(), de sorte que l'affichage de l'objet imprime simplement le nom du donateur.
  • Ajout de la fonction charitable_sanitize_amount() pour convertir tout montant de type chaîne en un nombre à virgule flottante.
  • Supprimer le symbole de devise des montants monétaires pour éviter que le symbole ne soit traité comme faisant partie du montant. #145
  • Supprimer le symbole de devise des montants de don suggérés lors de l'enregistrement d'une campagne. #147
  • Lorsqu'un don échoue et que l'utilisateur est redirigé vers le formulaire de don, il peut retenter le même don. Auparavant, un nouveau don aurait été créé, laissant un don fantôme en attente. #106
  • Empêcher les dons en double causés par des clics répétés sur le bouton de don. #164
  • Correction d'un bug lié au contenu vide dans le thème Layers. #9

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.

2 réponses à « Charitable 1.4 : fonctionnalités de style réactif et plus encore »

  1. Comment nous avons amélioré les connexions et les inscriptions dans Charitable

    [...] du développement de Charitable ces derniers temps a été le processus de connexion et d'inscription des utilisateurs front-end. La version 1.4.0 a introduit un processus de réinitialisation de mot de passe. Aujourd'hui, nous publions la version 1.4.2, qui inclut [...]

  2. Avatar de Dana Jewel Harris
    Dana Jewel Harris

    Je voudrais essayer le plugin de géolocalisation charitable pour aider mes étudiants et leurs partenaires d'éducation à identifier les projets d'apprentissage par le service au sein de leurs communautés College Town.
    À propos de College Town Communities http://www.nextstepsyep.org/college-town/
    À propos des projets de service d'apprentissage universitaire des partenaires d'éducation de NEXT Steps http://www.nextstepsyep.org/college-town/nspie-university/

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.