Overview

First, make sure to add the popup install code to your website.

 

Ideas For Effectively Using B Generous on Your Website

1. Add To Main Donate Button & Navigation
2. Add To Donate Form
3. Create a Landing Page
4. Add To Other Ways To Give Page
5. Create Banners And Add To Calls To Action (optional)

______________________________________________________________________

Add the Popup Install Code to Your Website

Adding the installation code to your website allows you to incorporate a popup form widget that opens directly on the webpage.  Learn how to add the popup install code to your website. 

 

Ideas For Effectively Using B Generous On Your Website

1. Add B Generous to Your Website's Main Donate Button or Navigation Bar

Your nonprofit organization likely offers multiple ways to give, like stock donations, crypto, or monthly giving. 

In order to get value from B Generous, it must be easily accessible from your website's main donation page or navigation bar.

Some of your donors will want to use Donate Now, Pay Later, and others will want to use a standard donation form. Both methods should be easy to access and understand. We recommend the following methods to simplify that process. 

 

3 Methods for Adding Donate Now, Pay Later to Your Navigation: 

Choose the integration method that works best for you.

• Method A: Donation Page Replacement Popup Method (Recommended) 
• Method B: Two Donation Buttons Method
• Method C: Donation Type Custom Landing Page Method

Method A: Donation Page Replacement Popup (Recommended)

This method uses a popup and a welcome screen to offer a frictionless way for donors to select how they'd like to give after clicking the donate button on your website.

When a donor clicks the "donate" button on your website, you can open up a popup screen that offers your donor easy access to your organizations existing standard donation form, to your B Generous form, and even links to other ways to give. 

Examples of the donation page replacement popup: 

• UC Green Example (Click the donate button to open their form)
• VAD Foundation Example (Click the donate button to open their form) 

This makes it easy for a donor to choose how they would like to donate, without the need for them to load an additional page to make the choice. This is the preferred method, since donors can always access your ways to give by clicking your donate button, and donors can choose their giving method with the right information associated with their gift. 

This welcome screen can be configured in your portal to link to your existing donation form and other giving methods in your B Generous account. 

 

Remember: to use a popup, you must first add the popup install code to your site. Instructions can be found here.

 

Method B: Two Donation Buttons - Add a Donate Now, Pay Later Button to your navigation bar next to your donate button

This method presents two options for how to give as separate button - Donate Now, and Donate Now, Pay Later. The disadvantage of this method is that donors will need to actively choose "Donate Now, Pay Later" from your website, and they may not understand it without additional context. This should be used only when the single button method will not work on your website.  

 

 

Method C: Use a custom page to help donors select their donation type

This method presents a custom page built by you that allows donors to choose their giving method. On the one hand, this method allows for more customized messaging around your different donation methods. On the other hand, it adds more friction than the welcome modal (Method One) because it requires loading an extra page. It can be more difficult to clearly communicate Donate Now, Pay Later to donors, so they'll be less likely to choose it, and you'll be more likely to raise smaller gifts on average.

If you choose to use this integration method, present the option between your standard giving form and your Donate Now, Pay Later option in the following way. Studies show that a significant portion of donors will choose to pay later, and 74% of donors said they would consider giving a double sized gift if they could pay it in installments. 

⭐️ Resource: See a custom page example

 

	Section Headline	How Would You Like To Donate?
	Title	You Pay Now We Receive Your Donation Now	You Pay In Installments We Receive Your Donation Now
	Description	We receive your donation now and you pay today.	We receive your donation now, you pay over 3, 6 or 9 months. No fees, nothing due today.
	Button	Pay Now	Pay in Installments (use custom install button code, or a link to your landing page)

 

 

Don’t forget about the header and footer navigation! 

Your website might contain navigation elements in the footer of your website. These usually include links to additional ways to give. Don’t forget to add your standalone page here as well. 

 

2. Add to Your Main Donation Form

Adding Donate Now, Pay Later to your main donation form is a powerful way to raise the average size of your donations, since donors who give through Donate Now, Pay Later tend to give significantly higher gifts than they would have given with a traditional giving form. 

How you add Donate Now, Pay Later to your giving form will depend a lot on the donation form platform your organization uses. We've included guides to specific platforms, and general instructions if your platform is not listed. 

 

General Instructions

Offer Donate Now, Pay Later as a payment frequency option on your giving page. If possible, add a Donate Now, Pay Later button next to the options for One Time Gifts and Recurring Gifts. If your platform doesn't allow for custom code, add a button that links to your landing page. 

 

Editing a donation form works differently depending on the platform you use. You can find Platform Specific Instructions here.

 

Add Donate Now Pay Later to the top of Your Giving Form:

Encourage donors to consider a gift through Donate Now, Pay Later in the giving page description. If you can’t add custom code to the description, link to your standalone Donate Now, Pay Later landing page.

 

Headline	New: Donate Now and Pay in Installments
Description	We receive your donation now, you pay over 3, 6 or 9 months. No fees, nothing due today.
Button	Donate Now, Pay in Installments

 

3. Create a Landing Page for Donate Now, Pay Later

You can create a dedicated Donate Now, Pay Later page that explains what Donate Now, Pay Later is and features the Donate Now, Pay Later button.

⭐️ Resource : Landing Page Copyable Page Text >>

 

 

4. Add to Your “Other Ways to Give”  Page

Add a section to your other ways to give page. This can link back to your DNPL landing page, or use a custom button to directly launch the form. 

 

Headline	New: Donate Now and Pay in Installments
Description	We receive your donation now, but you pay later over 3, 6 or 9 months. There are no fees or costs for paying later, and we receive your donation now so you can make an impact immediately. You will receive a tax deduction for the full amount of your gift today.
Button	Pay In Installments

 

 

5. Create Banners and Add to Calls to Action

Add a banner to your home page to encourage donors to give using Donate Now, Pay Later. 

 

Headline	Introducing "Donate Now, Pay Later"
Description	Give a big donation now, and break it into smaller installments over the next 3, 6, or 9 months. Try it!
Button	Learn More (link to Donate Now, Pay Later Landing Page)