PNG Image Donate Buttons

UPDATE

2 April 2019 – This step isn’t valid anymore. We made it easier for you to embed a donation button now. We auto-generate code for your donate buttons, so you can paste the HTML code into your website. The button will be displayed and link directly to your donation page.


We have a small feature update for you. Until recently, our Donorbox donate buttons had been CSS based. However, we decided to add PNG image buttons, so you can add a donate button into email campaigns (such as those on MailChimp), as well as on GitHub pages. Here’s how to use them:

1. Go to your Donorbox dashboard and click “Donate button” by the appropriate campaign.

1

2. Scroll past the CSS Code to find the “PNG Image Buttons”. You can choose the size and color of your button, as well as set the option for recurring donations as default. Once you’ve customized your donate button, download the PNG by clicking on it.

screen-shot-2016-10-03-at-3-43-02-pm

3. Now, to add your donation button to a MailChimp email campaign, create your campaign and click the “Image” button in your text editor. Other email campaign software such as Campaign Monitor will work in a similar fashion.

image-button

4. Upload your donation button PNG and link it to your Donorbox campaign link.

link

5. That’s it! You are now ready to send your email campaign, complete with a donation button.

email

Join the Nonprofit Movement
Receive our free email updates to get nonprofit tips, resources and freebies sent directly to your inbox.

Join us in serving the nonprofit world!

Take your donor experience to the next level!
Join the 35,000+ nonprofits already raising funds online.
(No setup fee. Unsubscribe anytime)
Join Our Newsletter
Get a monthly curated round-up of our best posts and feature updates. (You can unsubscribe anytime.)
Join Our Newsletter
Get a monthly curated round-up of our best posts and feature updates. (You can unsubscribe anytime.)