Een donatieknaop op je website zal de aandacht van potentiële donateurs trekken en ze aansporen om aan je organisatie te doneren. In dit artikel leer je hoe eenvoudig het is om een Donorbox donatieknop aan je website toe te voegen. Bovendien tonen we je drie geweldige voorbeelden van donatieknoppen en beantwoorden we veelgestelde vragen.
Jouw non-profitorganisatie heeft donaties nodig om haar missie te blijven uitvoeren. Daarom is het logisch om tijd en aandacht te besteden aan de website van jouw non-profitorganisatie, de donatiepagina en de donatieknop. Je donatieknop toevoegen is de belangrijkste call-to-action op je website – en het is belangrijk dat deze opvalt. Een goed ontworpen donatieknop op de website van jouw non-profitorganisatie stimuleert online fondsenwerving en helpt de doelen van je organisatie te bereiken.
Door je donatieknop, website, landingspagina’s en donatiepagina te optimaliseren, neem je online donaties toe. In feite moet je donatieknop dienen als een uitnodiging voor bezoekers van je website om jouw non-profitorganisatie te steunen.
In dit artikel behandelen we de best practices voor een donatieknop, tips om je knop te verbeteren en de stappen om er een aan je website toe te voegen. Daarnaast delen we drie goede voorbeelden van succesvolle donatieknoppen en beantwoorden we enkele veelgestelde vragen.
Een donatieknop, ook wel een donate button genoemd, is simpelweg een knop op de website van een non-profitorganisatie of op een ander online fondsenwervingsplatform die donateurs naar een donatiepagina of een pop-up donatieformulier leidt. Zo kunnen ze snel en eenvoudig een bijdrage leveren aan de organisatie. Donatieknoppen op een geefplatform vergroten de betrokkenheid van donateurs en helpen meer donaties binnen te halen.
Kies je voor een donatieknop toevoegen dan kan die worden gebruikt op de website van een non-profitorganisatie, maar ook op platforms zoals YouTube, Twitch en Facebook. Door donatieknoppen aan deze platforms toe te voegen, moedig je mensen die al betrokken zijn bij jouw content aan om een donatie te doen.
Met Donorbox kunnen non-profitorganisaties eenvoudig een donatieknop aan hun website toevoegen. Je hoeft alleen de code te kopiëren en in de editor van je website te plakken om de knop te gebruiken.
Je hebt toegang tot twee insluitbare donatieknoppen:
Met de beveiligde donatiepagina hoef je geen extra SSL op je website te installeren. Wil je echter een pop-up donatieformulier gebruiken, zorg er dan voor dat je website met SSL is beveiligd.
Hier zie je een voorbeeld van hoe een pop-up donatieformulier eruitziet met Donorbox.
Een donatieknop toevoegen die zichtbaar blijft terwijl bezoekers door je website bladeren, is een voortdurende en effectieve herinnering om te geven en dat kan veel opleveren. Organisaties die een Sticky Donatieknop gebruiken, kunnen tot wel 50% meer donaties ontvangen. Sticky donatieknoppen verbeteren de conversieratio.
De Sticky Donatieknop van Donorbox is eenvoudig aan je website toe te voegen en bevat een subtiele animatie die de aandacht van donateurs trekt. Hieronder laten we zien hoe je er een maakt voor zowel je donatiepagina als je pop-up donatieformulier.
Bekijk hem in actie in deze korte video.
Voor een donatieknop toevoegen op je website, moet je ervoor zorgen dat je donatieformulier is ingesteld.
Houd er rekening mee dat je donatieformulier net zo eenvoudig en goed ontworpen moet zijn als je donatieknop. De ervaring van de donateur begint aan het begin van het donatieproces en eindigt pas na de donatie. Maak je donatieformulier met fondsenwervingssoftware zoals Donorbox, die terugkerende donaties en donateurbeheer ondersteunt.
Het goede nieuws is dat het slechts ongeveer vijftien minuten duurt om je donatieformulier te maken en in je website te integreren. Volg de onderstaande eenvoudige stappen om de Donorbox-donatieknoppen te gebruiken:
Dat is alles! Je kunt nu de code van de gewenste donatieknop kopiëren en aan je website toevoegen.
Bekijk onze videotutorial om eenvoudig een Donorbox-account aan te maken en in vier eenvoudige stappen fondsen te werven.
Deze donatieknop stuurt donateurs naar je door Donorbox gehoste donatiepagina. Daar kunnen ze hun beveiligde donatie afronden.
Ga naar de Donorbox campagnepagina en zoek de campagne die je wilt insluiten. Klik op Go to Launchpad. Hier kun je via Donorbox de code van de donatieknop openen om je fondsenwervingscampagne met je website te integreren.
Klik in de Launchpad op het tabblad Donatieknop.
Aan de linkerkant van deze pagina kun je het uiterlijk en de instellingen van de donatieknop aanpassen die donateurs naar je donatiepagina leidt.
Je kunt het standaardinterval voor terugkerende donaties instellen, een vooraf ingevuld standaarddonatiebedrag kiezen, de grootte en kleur van de knop wijzigen en aangepaste tekst toevoegen. Je kunt er ook voor kiezen het logo te verbergen als je een eenvoudigere knop wilt.
Je ziet dat de code in het vak CSS Button automatisch verandert terwijl je je voorkeuren instelt.
Je kunt voor het donatieknop toevoegen ook je knop veranderen in een Sticky Donatieknop, die aan de zijkant van het scherm blijft staan terwijl bezoekers door je website bladeren. Zet deze optie aan en kies aan welke kant van het scherm de knop moet worden vastgezet. In de Launchpad zie je direct een voorbeeld van je knop.
Wanneer je knop eruitziet zoals jij wilt, kopieer je eenvoudig de code. Let op: de code van een Sticky Donate Button moet je in de header van je website plaatsen, zodat de knop op iedere pagina verschijnt. Constante zichtbaarheid van je donatieknop levert meer donaties op.
Opmerking: Op deze pagina vind je ook PNG-donatieknoppen. Deze kun je gebruiken in e-mailcampagnes en op andere plaatsen waar je geen CSS-code kunt gebruiken.
Ga naar de editor van je website. Zoek of maak de pagina waarop je de donatieknop toevoegen mogelijk kunt maken. Door de code van de donatieknop in te sluiten, kunnen je supporters rechtstreeks via je website doneren, wat de ervaring van de donateur verbetert.
Open de code- of teksteditor van de pagina en plak de insluitcode van je donatieknop in het juiste vak. Installeer je een Sticky Donate Button? Plak de code dan in de header van je website, zodat de knop op iedere pagina verschijnt.
Opmerking: Donorbox-donatieformulieren en donatieknoppen kunnen eenvoudig worden ingesloten op verschillende websitebouwers, zoals Wix, WordPress, Squarespace en Weebly.
Publiceer de pagina en klaar.
Opmerking: Breng je later wijzigingen aan in je knop via de Launchpad, dan moet je de nieuwe code opnieuw kopiëren en op je website plakken om de wijzigingen door te voeren.
Wanneer iemand op de donatieknop klikt, wordt hij doorgestuurd naar je beveiligde donatiepagina. Een donatieknop op de donatiepagina van je website vergroot het vertrouwen van supporters dankzij een vormgeving die aansluit bij de huisstijl van jouw organisatie.
Naast de beveiligde donatiepagina biedt Donorbox ook een pop-up donatieformulier als optie voor de donatieknop.
Dit betekent dat donateurs niet naar een aparte donatiepagina worden doorgestuurd. In plaats daarvan verschijnt een donatieformulier op hetzelfde scherm zodra iemand op de donatieknop klikt. Dit is een dynamischere oplossing, omdat bezoekers op dezelfde pagina blijven terwijl ze doneren.
Opmerking: Om het pop-up donatieformulier te gebruiken, moet je SSL op je website installeren, zodat de gegevens van je donateurs veilig zijn.
Ga naar je Campagne Launchpad, zoals beschreven in stap 1 hierboven. Klik vervolgens op Pop-up Donatieformulier.
Aan de linkerkant van deze pagina kun je het uiterlijk en de instellingen aanpassen van de donatieknop die je pop-up donatieformulier opent. Pro- en Premium-gebruikers kunnen ook een contentpaneel toevoegen aan hun pop-up donatieformulier. Dit paneel bevat afbeeldingen en tekst van je donatiepagina en zorgt voor een aantrekkelijkere geefervaring voor je supporters. Dankzij de aanpasbare knop kun je je call-to-action beter afstemmen, bijvoorbeeld op specifieke e-mailcampagnes.
Hier kun je het standaardinterval voor terugkerende donaties instellen, een vooraf ingevuld standaarddonatiebedrag kiezen en de grootte en kleur van de knop aanpassen. Je kunt er ook voor kiezen het logo te verbergen als je een eenvoudigere knop wilt en de tekst van de knop aanpassen, zodat deze beter aansluit bij jouw huisstijl. Je ziet dat de code in het vak CSS Knop onderaan het scherm automatisch verandert terwijl je je instellingen wijzigt.
Je kunt de knop ook veranderen in een Sticky Donatieknop, die aan de zijkant van het scherm blijft staan terwijl bezoekers door je website bladeren. Dankzij een subtiele animatie trekt de knop de aandacht en herinnert hij bezoekers eraan om te doneren. Zet deze optie aan en kies aan welke kant van het scherm de knop moet worden vastgezet. Je ziet direct een voorbeeld in de Launchpad.
Wanneer de knop eruitziet zoals jij wilt, kopieer je eenvoudig de code. Let op: de code van een Sticky Donatieknop toevoegen moet in de header van je website worden geplaatst, zodat de knop op iedere pagina zichtbaar is. Een altijd zichtbare donatieknop levert meer donaties op.
Je kunt desgewenst een Geefherinnering inschakelen. Deze verschijnt rechtsonder in beeld bij bezoekers die met je pop-upformulier hebben gewerkt, maar de donatie niet hebben afgerond en de pagina verlaten. Op de voorbeeldwebsite Save the Garfields zie je hoe dit eruitziet. Een donatieherinnering helpt om meer donaties af te ronden en verhoogt het succes van je fondsenwervingscampagne.
Om deze functie in te schakelen, vink je het vakje aan naast Sta geefherinneringen voor incomplete donaties toe. Je kunt een voorbeeld bekijken door de Sticky Donatieknop te openen, met het formulier te werken en vervolgens de pagina te verlaten.
Opmerking: Wil je liever je eigen knop of link gebruiken om het pop-up donatieformulier in te sluiten? Dan vind je de benodigde informatie aan de rechterkant van deze pagina.
Ga naar de editor van je website en open de pagina waarop je het pop-up donatieformulier wilt toevoegen. Open vervolgens de code- of teksteditor en plak de code van je donatieknop. Gebruik je een Sticky Donate Button? Plak de code dan in de header van je website, zodat de knop op iedere pagina zichtbaar is.
Publiceer na de donatieknop toevoegen de pagina en klaar!
Opmerking: Breng je later wijzigingen aan via de Launchpad, dan moet je de nieuwe code opnieuw kopiëren en op je website plakken om de wijzigingen door te voeren.
Wanneer iemand op de donatieknop klikt, verschijnt je beveiligde pop-up donatieformulier, zoals hieronder.
Gebruik kleuren die je donateurs herkennen, bijvoorbeeld uit je logo of andere marketingmaterialen. Een consistente huisstijl vergroot het vertrouwen en de betrokkenheid van supporters.
Zorg er ook voor dat de kleur van je donatieknop contrasteert met de rest van je website, zodat deze direct opvalt.
Wanneer mensen besluiten te doneren, is de belangrijkste vraag niet: “Zal ik geven?” maar: “Hoeveel zal ik geven?”
Vooraf ingevulde donatiebedragen helpen donateurs die keuze sneller te maken en versnellen het donatieproces. Kies bedragen die passen bij jouw doelgroep. Dit zorgt voor een soepelere donatie-ervaring en verhoogt je conversieratio.
Een goede aanpak is om bedragen voor te stellen die iets hoger liggen dan je gemiddelde donatie. Was de gemiddelde donatie vorig jaar bijvoorbeeld € 25, stel dan € 10, € 30 en € 50 voor. Mensen die € 25 wilden geven, kiezen dan eerder voor € 30 dan voor € 10.
Je kunt ook het standaardbedrag extra laten opvallen. Geef daarnaast altijd de mogelijkheid om een eigen bedrag in te vullen.
Elke succesvolle fondsenwervingscampagne van een non-profitorganisatie heeft een call-to-action (CTA). Een call-to-action is precies wat de naam zegt: woorden of zinnen die bezoekers aansporen om een specifieke actie uit te voeren. In dit geval vraag je iemand om te doneren. Een overtuigende CTA op je donatieknop vergroot de kans op een donatie en ondersteunt je fondsenwervingsdoelen.
Een effectieve CTA is kort, duidelijk en laat de urgentie van jouw missie zien. Afhankelijk van jouw doel kun je bijvoorbeeld kiezen voor:
* Doe mee!
* Doneer aan <non-profitorganisatie/doel>
* Verander vandaag nog het leven van <…>
* Doe een donatie
* Kom in actie!
* Stop onrecht
* Kom nu in actie!
* Help <…> in nood!
* Red <…> nu!
* Steun <…> nu!
* Verander vandaag levens!
* Rond je donatie af
* Steun onze missie
* Maak het verschil in <jaar>
De donatieknop van The HALO Trust is een uitstekend voorbeeld.
De knop is groot, staat rechtsboven op de pagina en heeft een kleur die contrasteert met de rest van de website. Daardoor valt hij direct op.
Daarnaast is de knop sticky, waardoor hij zichtbaar blijft terwijl bezoekers naar beneden scrollen.
De knop leidt bezoekers naar een beveiligde donatiepagina in de huisstijl van de organisatie, met aansprekende afbeeldingen. Dankzij vooraf ingevulde donatiebedragen en de mogelijkheid om periodiek te doneren, wordt doneren eenvoudiger.
Stichting Dierenwelzijn Zeeland heeft een uitstekende donatieknop. Hij is groot, staat bovenaan in de navigatie naast het logo en de naam van de stichting en valt dankzij de opvallende kleur en de ruime witruimte direct op.
De navigatiebalk wordt kleiner wanneer bezoekers naar beneden scrollen, terwijl de donatieknop goed zichtbaar blijft.
Ook de call-to-action ¨Uw donatie telt!¨ is sterk: kort, duidelijk en overtuigt donateurs.
De donatieknop leidt bezoekers naar een beveiligde donatiepagina met duidelijke opties voor eenmalige en terugkerende donaties. Vanaf elke pagina op de website leidt een donatieknop naar het donatieformulier.
Wij vinden het mooi hoe de knop Geven/Partner rechtsboven direct opvalt tussen alle andere elementen op de pagina. Hoewel de knop niet groot is, trekt de rode kleur op een witter achtergrond meteen de aandacht.
De pagina is simpel en maakt direct duidelijk dat het om de There is More Conferentie van 2026 gaat.
Het donatieformulier is overzichtelijk, biedt meerdere vooraf ingevulde bedragen en ondersteunt zowel eenmalige als maandelijkse terugkerende donaties.
Onderzoek laat zien dat mensen websites vaak in een F of Z-patroon bekijken. De linkerbovenhoek is ideaal voor een logo en de rechterbovenhoek is een uitstekende plek voor je call-to-action. Ook de rechteronderhoek is een goede locatie voor een donatieknop. Zorg ervoor dat je donatieknop niet alleen op je website staat, maar ook op andere relevante platforms. Door je knop strategisch te plaatsen, vergroot je de conversieratio en het succes van je fondsenwervingscampagnes.
Je donatieknop kan prima Doneer of Doneer nu bevatten. Je kunt bij het donatieknop toevoegen ook kiezen voor berichten zoals:
Houd de tekst altijd kort en duidelijk. Bekijk ook de voorbeelden voor call-to-action-berichten bij de best practices voor meer inspiratie. CTA-donatieknoppen moeten zoveel mogelijk donateursbetrokkenheid genereren.
Sommige donateurs twijfelen over welk bedrag ze moeten geven. Door een standaardbedrag vooraf in te vullen bij het donatieknop toevoegen, neem je die twijfel weg, verloopt het donatieproces sneller en stimuleer je donateurs om meer dan het minimumbedrag te geven.
Hoe meer mensen je donatieknop zien, hoe groter de kans dat erop wordt geklikt. Daarom geldt meestal: groter is beter. Maak je donatieknop groot genoeg, zodat hij niet over het hoofd wordt gezien.
Ja. Je kunt PNG-afbeeldingen van donatieknoppen gebruiken in e-mailcampagnes en bijvoorbeeld op GitHub Pages.
Met haar jarenlange ervaring in content writing en het maken van professionele vertalingen probeert Simone Donorbox en hun klanten te ondersteunen bij het behalen van hun doelen.
Dankzij eerdere werkzaamheden in de non-profitsector begrijpt ze waar organisaties tegenaan lopen bij het vinden en binden van donateurs.
Door het schrijven van artikelen met handige tips en advies probeert ze organisaties te helpen een stap in de goede richting te zetten. Als het fondsenwerven op rolletjes loopt, kunnen organisaties zich richten op wat echt belangrijk is.
Subscribe to our e-newsletter to receive the latest blogs, news, and more in your inbox.
