Pop-up donation forms are dynamic and inviting ways for your donors to give – without navigating away from the page they're currently on. In this article, we'll walk you through exactly how to add your Donorbox pop-up donation form to your website.
Donorbox offers multiple ways to share your donation form with your audience. You can embed it right on your website, host it on Donorbox (and use a custom domain, if desired!), or embed it as a pop-up on your website. In this article, we’ll walk you through each step to add a pop-up donation form to your website.
First, let’s cover the benefits of pop-up donation forms.
Donorbox’s multi-step donation forms make the checkout process easy for your donors. With a 4x faster checkout thanks to UltraSwift™ pay and tons of customization options to change the look and feel of your form, it’s easy to create the best experience for your donors.
Pop-up donation forms add to that experience. Instead of navigating from whichever website page a donor is currently visiting, they can simply click on your donate button and give from that page.
To see a pop-up form in action, click the donate button!
If you haven’t already, creating your campaign and donation form will be the first step. Learn more about how to get started in this step-by-step guide.
From the donation form editor, you can customize it to match your branding, add additional questions, choose your currency and payment options, and more.
Once your form suits your needs, you’re ready to launch! Click “Go to Launchpad.”
The Launchpad will show you many options to share your form. Select “Pop-Up Donation Form” from the tabs at the top.
Here, you can choose whether you want to display just your form (as we did in the example above!) or your form and an additional content panel on the side.
It’s time to add your form to your website! There are two ways to do that.
First, you can simply copy the button embed code into your website’s HTML. Customize your button size and color, then select your default recurring interval and choose a pre-filled donation amount. You can also choose to hide the heart icon on your button.
Then copy the code and paste it where you’d like your button to show up on your website. Your customized Donorbox donate button will appear on your page and, when clicked, open up your pop-up form.
However, if you prefer to use your own donate button or have the pop-up form linked to a hyperlink of your choice, you can do that from this page as well. Simply copy the corresponding link or code.
Adding a Donorbox pop-up donation form to your website creates a dynamic way for your donors to give – without navigating away from your page. It’s easy to add your new pop-up form, whether you want to use the donation button Donorbox provides or a custom button.
We have tons of how-to guides, fundraising tips, and more on our Nonprofit Blog. Subscribe to our newsletter for a monthly dose of blog content delivered straight to your inbox.
Raviraj heads the sales and marketing team at Donorbox. His growth-hacking abilities have helped Donorbox boost fundraising efforts for thousands of nonprofit organizations.
Subscribe to our e-newsletter to receive the latest blogs, news, and more in your inbox.
Raj