Widget de don sur son site : le guide pour l'intégrer sans coder

Intégrez un widget de don sur votre site WordPress, Wix ou Squarespace sans coder. Étapes, tarifs et sécurité expliqués simplement.

Publié le 17 août 2026

Widget de don sur son site : le guide pour l'intégrer sans coder

Vous avez un site associatif, il tourne bien, les visiteurs y passent. Mais quand il s'agit de faire un don, vous les envoyez sur une page externe, parfois même sur un autre nom de domaine. Résultat : certains abandonnent en route.

Un widget de don sur votre site association règle ce problème précis. Le donateur reste chez vous, du premier clic jusqu'au reçu fiscal. Pas de redirection, pas de rupture visuelle, pas de moment où on se demande si on a atterri sur le bon site.

La question qui revient tout le temps, côté webmaster bénévole ou trésorier qui gère le site en plus du reste : faut-il coder pour installer ça ? La réponse courte est non. Ce guide vous montre comment intégrer un formulaire de don sur WordPress, Wix, Squarespace ou un site fait sur mesure. On y aborde aussi ce que ça coûte vraiment, et ce qu'un widget sérieux doit garantir en matière de sécurité et de reçus fiscaux.

Qu'est-ce qu'un widget de don et pourquoi l'intégrer sur son site ?

Un widget de don, c'est un module intégré directement dans une page de votre site. Le formulaire de paiement s'affiche là, sur votre page d'accueil ou votre page "Faire un don", sans que le visiteur quitte votre nom de domaine.

Concrètement, ça ressemble à un petit encart : un montant à choisir, un bouton, un champ carte bancaire. Tout se passe à l'écran, sous les couleurs de votre association. Techniquement, le paiement est traité par un prestataire sécurisé en arrière-plan, mais le donateur ne le voit pas et n'a pas besoin de le savoir.

L'intérêt principal, c'est la continuité. Un visiteur qui clique sur "faire un don" et qui se retrouve soudain sur une URL inconnue hésite. Il se demande s'il est toujours sur le bon site, si c'est fiable, si son navigateur va lui afficher un avertissement. Ce sont des micro-frictions, mais elles suffisent à faire abandonner une partie des visiteurs avant même d'arriver au paiement.

Un widget de don supprime cette rupture. Le donateur garde le fil : logo, couleurs, message d'engagement, tout reste cohérent jusqu'au bout.

Widget de don vs page de collecte externe : quelles différences pour votre association ?

La différence tient en une phrase : avec un widget, le donateur ne quitte jamais votre site ; avec une page de collecte externe, il est redirigé ailleurs pour payer.

Les deux méthodes existent et fonctionnent. Elles n'ont pas le même effet sur l'expérience et sur l'image renvoyée.

Page de collecte externe (lien classique)

• Le bouton "Faire un don" pointe vers une URL différente, souvent celle de la plateforme de collecte utilisée.
• Le visiteur change de site pour payer, parfois avec un design différent du vôtre.
• Simple à mettre en place : un lien suffit, aucune intégration technique.
• Convient bien pour une campagne ponctuelle relayée sur les réseaux sociaux, où l'utilisateur ne passe pas par votre site.

Widget intégré sur votre site

• Le formulaire de don apparaît directement sur votre page.
• Le visiteur ne voit jamais de changement d'adresse ni de rupture graphique.
• Demande une intégration une fois, généralement un copier-coller de code.
• Renforce la crédibilité de l'association aux yeux d'un visiteur qui découvre le site pour la première fois.

Pour une association qui reçoit du trafic régulier sur son site (recherche Google, réseaux sociaux, bouche-à-oreille), le widget capte ce trafic au bon moment, sans le laisser filer vers un autre onglet. Pour une campagne d'urgence diffusée uniquement par email ou réseaux sociaux, un simple lien de collecte fait très bien l'affaire.

Les deux ne s'excluent pas. Beaucoup d'associations gardent une page de collecte dédiée pour leurs campagnes, et ajoutent un widget en page d'accueil pour capter les visiteurs qui arrivent par d'autres canaux.

Faut-il savoir coder pour installer un widget de don ?

Non. L'intégration d'un widget de don ne demande aucune compétence en développement. La quasi-totalité des solutions actuelles fonctionnent sur un principe de copier-coller : vous récupérez un petit bloc de code depuis votre interface de gestion, vous le collez à l'endroit voulu sur votre site, et le widget s'affiche.

Ce qu'il faut réellement savoir faire, c'est se connecter à l'espace d'administration de votre site (WordPress, Wix, Squarespace ou autre) et savoir ajouter un bloc de contenu ou un élément HTML sur une page. Si vous avez déjà ajouté une image ou modifié un texte sur votre site, vous avez le niveau requis.

Le schéma ci-dessous résume le parcours, qui est le même quel que soit le CMS utilisé.

Trois étapes, et la seule chose qui peut vous prendre du temps, c'est de trouver où coller le code dans l'éditeur de votre CMS. C'est justement l'objet des deux sections suivantes.

Intégrer un widget de don sur WordPress : les étapes

Oui, on peut intégrer un formulaire de don sur WordPress sans plugin complexe ni développeur, via un simple bloc de code HTML. WordPress est l'un des CMS les plus utilisés par les associations, et son éditeur par blocs (Gutenberg) rend l'opération directe.

Voici la marche à suivre, valable pour la grande majorité des solutions de widget de don du marché :

1. Connectez-vous à votre interface de collecte (le compte Hopus de votre association, par exemple) et récupérez le code d'intégration du widget, généralement disponible dans les paramètres ou la section dédiée aux dons.
2. Ouvrez l'éditeur de la page WordPress où vous voulez afficher le widget : page d'accueil, page "Nous soutenir" ou "Faire un don".
3. Ajoutez un bloc "HTML personnalisé" en cliquant sur le signe "+" dans l'éditeur, puis en recherchant ce type de bloc.
4. Collez le code du widget dans ce bloc. Ne modifiez rien à l'intérieur, il est prêt à l'emploi.
5. Prévisualisez la page avant de publier, pour vérifier que le widget s'affiche correctement et que les couleurs s'accordent avec votre thème.
6. Publiez ou mettez à jour la page. Le widget est en ligne, les dons commencent à remonter dans votre tableau de bord dès le premier paiement.

Si votre site WordPress utilise un constructeur de page comme Elementor ou Divi, la logique reste identique : ces outils proposent aussi un widget "HTML" ou "code" dans lequel coller le même bloc.

Un point qui rassure souvent les webmasters bénévoles : coller un code d'intégration ne modifie jamais le thème ou la structure du site. Si quelque chose ne s'affiche pas comme prévu, il suffit de supprimer le bloc, sans risque pour le reste du site.

Et sur Wix, Squarespace ou un site fait sur mesure ?

Le principe est identique sur tous les CMS : un code d'intégration à coller dans un composant "HTML personnalisé" ou "Embed". Seul le nom du bouton change d'une plateforme à l'autre.

Sur Wix, l'ajout se fait via l'éditeur en glissant l'élément "Intégrer du code" (ou "Embed HTML") à l'endroit voulu, puis en collant le code du widget dans la fenêtre qui s'ouvre.

Sur Squarespace, le composant équivalent s'appelle "Code Block". On l'ajoute depuis le menu d'insertion de contenu, on colle le code, et Squarespace affiche automatiquement le widget dans la page.

Sur un site développé sur mesure, la personne qui gère techniquement le site (un bénévole développeur, un prestataire) colle le code directement dans le fichier HTML de la page concernée. C'est le cas le plus simple pour un profil technique, puisque le code d'intégration est justement pensé pour s'insérer dans n'importe quelle page web standard.

Dans tous les cas, le widget reste fonctionnellement identique. Seule la façon de l'insérer dans l'éditeur change de nom selon l'outil.

Sécurité, RGPD et reçus fiscaux : ce que le widget doit garantir

Un widget de don sérieux doit garantir quatre choses : un paiement sécurisé, des données hébergées conformément au RGPD, l'émission automatique du reçu fiscal, et la conservation du document sur la durée légale. Ce sont les points à vérifier avant de choisir une solution, au-delà de la simplicité d'intégration.

Le paiement sécurisé. Le widget doit s'appuyer sur un prestataire de paiement reconnu, qui traite les données bancaires sans jamais les faire transiter par les serveurs de votre association. Le donateur doit voir un cadenas et une connexion chiffrée au moment de saisir sa carte.

Les données hébergées en Europe. Pour une association française, il est préférable que les données des donateurs (nom, email, historique de dons) soient hébergées sur des serveurs situés en Europe, dans le cadre du RGPD. C'est un point à vérifier dans les mentions légales ou la documentation de la solution choisie.

Le reçu fiscal Cerfa automatique. C'est souvent le point le plus négligé quand on bricole un formulaire de don soi-même. Un don ouvre droit à une réduction d'impôt de 66 % du montant versé pour un particulier, dans la limite de 20 % du revenu imposable, avec un report possible sur cinq ans en cas d'excédent (art. 200 du Code général des impôts). Encore faut-il que le donateur reçoive un reçu fiscal conforme au modèle Cerfa n°11580*04, qu'il devra conserver l'année du versement et les cinq années suivantes.

Sans génération automatique, c'est à vous de créer et d'envoyer ce document à chaque don. C'est un travail administratif qui s'accumule vite. Un widget qui déclenche l'envoi du reçu fiscal Cerfa par email dès le paiement validé vous fait gagner ce temps, et rassure le donateur qui l'obtient immédiatement.

C'est exactement ce que fait Hopus : chaque don passé par le widget génère et envoie automatiquement le reçu fiscal Cerfa au donateur, sans action de votre part.

Combien coûte un widget de don pour une association ?

Chez Hopus, l'option widget de don personnalisé coûte 19 €/mois, intégrable sur le site de votre association, sans commission prélevée sur les dons.

Le modèle Hopus fonctionne ainsi, quel que soit le plan choisi :

Sur les dons en ligne, Hopus prend les frais bancaires à sa charge : rien n'est déduit du don reçu par votre association. Le modèle économique repose sur la contribution volontaire que le donateur peut choisir de laisser en plus de son don au moment du paiement, une contribution pré-remplie mais librement modifiable ou retirable par le donateur.

Pour comparer, HelloAsso et Hopus sont tous deux gratuits pour l'association et sans commission sur les dons, financés par la contribution volontaire des donateurs. La différence se joue ailleurs : Hopus ajoute une application mobile pour les donateurs, un CRM avec segmentation, le wallet donateur sur son site web, et Hopus Live pour la collecte par QR code lors d'événements.

AssoConnect propose de son côté une approche différente, avec un abonnement de gestion associative complet à partir de 28 € TTC/mois en engagement annuel, dont le tarif augmente avec le nombre de contacts gérés (par exemple 112 € TTC/mois pour 1 000 contacts sur l'offre Sérénité). Pour une association qui cherche avant tout un outil de gestion tout-en-un incluant comptabilité et contacts, cette approche par palier peut se justifier.

Personnaliser son widget aux couleurs de son association

Un widget générique, qui ressemble à n'importe quel autre widget vu sur d'autres sites, casse un peu l'effet de continuité qu'on cherche à créer. L'idée n'est pas d'afficher un module neutre, mais un module qui ressemble à votre site.

Concrètement, la personnalisation d'un widget de don touche généralement :

• Les couleurs : reprendre les teintes de votre logo et de votre charte graphique plutôt que des couleurs par défaut.
• Les montants suggérés : proposer des montants de don cohérents avec vos campagnes (10 €, 30 €, 50 €, par exemple).
• Le message d'accroche : une phrase courte qui rappelle votre mission, plutôt qu'un texte générique type "Faire un don".
• Le format d'affichage : bouton simple qui ouvre une fenêtre de paiement, ou bloc complet intégré directement dans la page.
• Les champs demandés : ajuster les informations collectées au strict nécessaire pour ne pas alourdir le formulaire.

Cette personnalisation se fait en amont, depuis l'interface de votre outil de collecte, avant de générer le code à coller sur votre site. Vous n'avez pas besoin de la refaire à chaque publication, elle reste appliquée tant que vous ne la modifiez pas.

Pour une petite association qui reçoit surtout des dons ponctuels lors d'événements, le widget peut cohabiter avec Hopus Live, qui permet une collecte en temps réel via QR code lors d'une kermesse, d'un loto ou d'une assemblée générale. Le site capte les dons du quotidien, le QR code capte ceux du moment.

Pourquoi choisir Hopus pour votre widget de don

Vous cherchez une solution qui coche les cases une par une plutôt que d'en sacrifier une : facilité d'intégration, sécurité du paiement, conformité RGPD, reçu fiscal automatique, et un coût clair dès le départ.

Hopus a été pensé pour une association française, avec des données hébergées en Europe et une conformité loi 1901 native. Le widget de don s'intègre en quelques minutes sur n'importe quel site, sans compétence de développement, et se couple naturellement au reste de la plateforme : votre CRM donateurs, la gestion de vos adhésions, votre billetterie d'événements et vos campagnes d'emailing restent dans le même outil, sans jongler entre plusieurs interfaces.

La commission affichée est transparente et fixée à zéro sur les dons, quel que soit le plan choisi. Le donateur, lui, peut simplement choisir de laisser une contribution volontaire au moment du paiement, sans que cela vienne compliquer ni ralentir son passage sur votre site.

Si votre association reçoit déjà du trafic sur son site internet, ne pas y proposer de widget de don revient à laisser filer des dons potentiels vers un onglet fermé trop vite. L'intégration prend quelques minutes, l'effet se voit sur la durée.

Prêt à passer à l'action

Un widget de don bien intégré, c'est un donateur qui ne quitte jamais votre univers, un trésorier qui n'a plus à courir après les reçus fiscaux, et un site qui inspire confiance dès le premier clic. Le copier-coller de trois minutes en vaut la peine.

Hopus est gratuit pour commencer. Créez votre compte association en 5 minutes.

Sur le même sujet

• Cagnotte en ligne vs collecte de dons : quelle différence ?
• Augmenter les dons de son association : méthode en 60 jours
• Don récurrent association : fidéliser vos donateurs mensuels
• Campagne de dons association : guide étape par étape
• Page de dons association : 10 clés pour convertir
• Email de remerciement de don : modèles et conseils
• Quand lancer une collecte de dons : les périodes clés
• Collecte de dons de fin d'année : 7 étapes clés
• Sécuriser les paiements de dons en ligne
• Objectif de collecte association : le bon montant
• Rédiger un appel aux dons efficace : le guide
• Collecter des dons en ligne pour son association en 2026