Adding your Donate Now, Pay Later form as a pop-up is the recommended way to install Donate Now, Pay Later. You can find general instructions by clicking here. However, this article dives a little deeper into adding this to your Wordpress Menu - a place that commonly houses your Donate button.

⚠️ Before You Start: 

The first step to installing this is to make sure the installation code is added to your website. The installation code must be installed to ensure that the modal opens as a pop-up on your website. This method will not work without the installation code.

Step 1: Copy the Popup Link For Your Campaign From Your Portal

Log in to your B Generous portal and select "Campaigns" in the left sidebar. Open the campaign editor for that campaign, and click the "share" button in the top right corner.  Each campaign has its own unique URL. 

In the share pop-up, the option on the far right says "Website Popup Link" Click to copy this to your clipboard.

Step 2: Paste The Popup Link To Your Wordpress Menu

You will notice that the link you have copied is not a standard link - this string of special text can be added to the end of any page link on your website to open up the popup on your site. (Remember, this only works if you've added the install code first!)

In your Wordpress website editor, find the tab on the left that says "Appearance." Hover over this and select "Menus." At the top of the Menu Editor, you can "Select a menu to edit." Make sure you are selecting the menu currently in use by your organization's website.

Once the menu is selected, you will see a box with multiple options on the left. Open the tab for "Custom Links." Paste your campaign link here and choose something for the Link Text like "Donate" or "Give." 

You May Need To Modify Your Popup Link to Fit Your Website

Some website platforms (Squarespace and Wix) allow you to paste the popup link as-is to your website. Sometimes website platforms will not allow you to add a link without also combining it with a page on your website.

For example, suppose this is the link to your donate page: 

examplenonprofit.org/donate/

And this is the Website Popup Link you copied from your portal: 

?dnplOrganizationID=1a86beae-b45c-4d59-b05d-0a62bc7abfb7&dnplCampaignID=dd49a47e-32c4-4cc5-bedf-48fb56814b07

You would paste the Website Popup Link from your site and add it to the end of the page link to combine the two, so it would look something like this: 

examplenonprofit.org/donate/?dnplOrganizationID=1a86beae-b45c-4d59-b05d-0a62bc7abfb7&dnplCampaignID=dd49a47e-32c4-4cc5-bedf-48fb56814b07

This will load the page on your site with the popup on top of it.

You can replace "donate" buttons throughout your website to get your popup to open in it's place.