How to add a “Donate Now” button to your website


In addition to embedding a donation form inside your webpage, we offer two embeddable donate buttons for websites: a donate now button linked to your secure donation page and a donate button for a popup modal form. With the secure donation page, you don’t need to install any additional SSL on your website. If you want to use a popup modal form, make sure that your website is SSL secured.


Donate Now Button For Nonprofits – Secure Donation Page

Go to your Donorbox dashboard and click “Donate Button” to the right of the campaign you wish to link to.

After choosing the size and color of your donate now button, copy the embed code.

Now, head over to your website editor (we will be using a WordPress website as our example). Find or create the page on which you wish to add your donate button.

After naming your page, select the text editor (as opposed to the visual editor) and paste your donate button embed code in the appropriate text box.

Publish the page, and you’re all set!

Clicking on the donate now button will take you to a secure donation page such as the one below.

Popup Modal Donation Form for Nonprofits

Our other option for integration is the popup modal form. Instead of redirecting your donors to a separate donation page, you can now make it so that your form pops up on the same screen when someone presses your donate button. Try it out here:


For more details on how to install this please check out our modal installation guide. You will need to install SSL on your website in order to use our popup modal form, in order to ensure the security of your donors.

Leave a Reply

Your email address will not be published. Required fields are marked *