Encaisser un paiement ou un don depuis un site WordPress peut vite demander une intégration technique spécifique. Pour simplifier cette connexion, Brumisphère publie Brumisphere Checkout Button for HelloAsso, une extension gratuite disponible sur le répertoire officiel WordPress.
Un bouton de paiement HelloAsso intégré à WordPress
Le plugin ajoute le shortcode [helloasso_checkout_button]. Il permet d’afficher un bouton sur une page, un article ou tout emplacement compatible avec les shortcodes WordPress. Le visiteur est dirigé vers le parcours de paiement HelloAsso seulement après avoir cliqué.
L’extension est volontairement générique : elle apporte la brique de paiement sans imposer de calendrier, de réservation ou de processus métier. Elle peut ainsi servir de base à différents projets associatifs et à des développements WordPress sur mesure.
Pourquoi avons-nous développé ce plugin ?
De nombreuses associations utilisent déjà WordPress pour présenter leurs actions, leurs événements ou leurs campagnes. Lorsqu’elles souhaitent encaisser un montant avec HelloAsso, elles ont besoin d’une intégration fiable qui reste simple à insérer dans leurs contenus.
Notre extension réunit cette mécanique dans un plugin maintenable et documenté. Elle évite d’exposer les identifiants sensibles dans le navigateur et crée l’intention de paiement côté serveur uniquement lorsque l’internaute agit.
Les principales fonctionnalités
- un shortcode générique pour afficher le bouton HelloAsso ;
- des réglages séparés pour les environnements de test et de production ;
- la personnalisation du montant, du libellé et des URL de retour ;
- la prise en charge du don, du SEPA et de métadonnées optionnelles ;
- la création du paiement côté serveur après un clic explicite ;
- un suivi des paiements dans l’administration WordPress ;
- la mise à jour des statuts par webhooks HelloAsso ;
- des contrôles de sécurité pour les réglages, les requêtes et les signatures de webhooks.
Installer et configurer le bouton HelloAsso
- Installer l’extension : téléchargez-la depuis WordPress.org, puis activez-la dans WordPress.
- Configurer HelloAsso : ouvrez HelloAsso Checkout > Settings et renseignez les identifiants de l’environnement voulu.
- Définir les valeurs par défaut : indiquez notamment le montant, le libellé et les URL de retour.
- Insérer le shortcode : ajoutez
[helloasso_checkout_button]dans le contenu souhaité. - Tester en sandbox : validez le parcours complet avant de passer en production.
Pour un montant explicite de 25 euros, le shortcode peut par exemple être utilisé ainsi : [helloasso_checkout_button total_amount="2500" item_name="Don"].
Une intégration pensée pour la sécurité et la confidentialité
Les secrets clients, jetons d’accès et clés de signature ne sont pas envoyés au front-end. Le plugin distingue physiquement les enregistrements sandbox et production, limite les tentatives de création d’un checkout et utilise des nonces WordPress. Les webhooks peuvent être validés avec une signature HMAC SHA-256 lorsqu’une clé est disponible.
Les charges utiles brutes des webhooks ne sont pas conservées par défaut. Seules les informations opérationnelles minimisées nécessaires au suivi et à l’idempotence sont enregistrées.
Pour quels projets utiliser ce plugin ?
Cette extension convient notamment à une association qui souhaite proposer un don, un règlement ponctuel, une participation ou un paiement depuis une page WordPress. Comme elle reste indépendante d’un métier précis, elle peut également être intégrée à un parcours plus complet développé sur mesure.
Vous avez besoin d’adapter le bouton à un formulaire, un espace adhérent ou un processus particulier ? Notre équipe peut vous accompagner dans le cadre d’un accompagnement technique WordPress ou d’un projet de création de site internet.
Un plugin open source publié sur WordPress.org
La publication sur le répertoire officiel facilite le téléchargement, les mises à jour, l’accès à la documentation et au forum de support. Retrouvez également le profil Brumisphère sur WordPress.org pour découvrir nos autres contributions.
