Adding a Pop-Up to Wix

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 Wix website.

⚠️ 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.

Adding a Pop-Up to Wix

Adding to the Menu

If your Donate button is in the menu, start by selecting Pages and Menu on the left side bar. Select the link icon at the bottom that says "Add a Menu Item" when you hover over it. Select the Web Address option.

In the URL bar, add the Website Pop-Up Link from the Share option in your B Generous campaign portal. Select "Current Window." Click Done. You should now see your new option in the Site Menu.

Adding a Button

If you'd like to create a linked button on your Wix website, there are two methods to do so.

The first method is to use the button builder in your B Generous portal. Once you build a button, copy the code snippet and paste it in to the Custom Code portion of your Wix settings. You can learn more about building a button in your B Generous portal here. 

The second method is to build a button within Wix and link it to your pop-up. To do this, open your Wix website builder and select "Add Apps" in the left menu. Choose a button app that suits your needs and build the button. Once the button is built, use the Website Pop-Up Link from your B Generous portal for your button. 

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

Some website platforms 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.