How To Create A Pop-Up Donation Form: Step-by-Step Guide

How To Create A Pop-Up Donation Form: Step-by-Step Guide

How To Create Pop-Up Donation Forms 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:


Donate

Popup Donation Form


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.

Popup Donation Form


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).

donation forms popup


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>

 

Raviraj heads the sales and marketing team at Donorbox. His growth-hacking abilities have helped Donorbox boost fundraising efforts for thousands of nonprofit organizations.

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.)