Our donation forms just got even more exciting! 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:
Step 1
This is very easy to implement. Once you have created your donation form, go to your dashboard and click the “Popup Form” button located under your campaign link.
Step 2
This will bring you to a page where you can customize the size of your form (small, medium large) as well as the donation button (color, Donorbox logo).
Step 3
There are two ways to embed a popup form into your website. Firstly, you can simply copy the embed code into your website’s html. Your customized Donorbox donate button will appear on your page and, when clicked, open up your popup form.
However, if you prefer to use your own donate button or have the popup form linked to a hyperlink of your choice, follow these two steps:
1. Add a link with a href=”https://donorbox.org/nonprofitcampagin” and one of the class names should be custom-dbox-popup. For example: <a href="https://donorbox.org/nonprofitcampaign" class="custom-dbox-popup">Donate Now</a>
2. Add the two lines of code above the closing </head> tag.
<script src="https://donorbox.org/install-popup-button.js" type="text/javascript" defer></script>
<script> window.DonorBox = { widgetLinkClassName: 'custom-dbox-popup' } </script>
Hello! We love this Donor Box!
I followed the exact steps on this page to create a the custom modal pop up on our site but the buttons will not open a pop up anymore…they worked when I tested them at first. I pasted in the code above, added the “custom-dbox-popup” class to m buttons but it wont work. all isnt lost, the buttons go to the Donor Box page so people can still donate bt it’d be great if it worked as intended.
thank you
Hi Monika. Are you still havin this issue? What is your website. Can you please pass this info to , our team can help you quickly.