Adding the Donations Modal Popups Installation Code to your Website

To use Donations modal popups on your site, you'll need to add Installation code once to your website. After this has been done, you can add links to any Donations modal popup of your choosing.

You can get the installation code by referring to the Donations Modal Popup section on the Integrations tab of any of your Donation pages. Use the Copy button to copy it to your clipboard. It will look similar to this but with your Soapbox domain in place of the example domain:

<script>
window.addEventListener('load', () => {
((w, d, dm) => {
b = d.querySelector('body'),
s = d.createElement('script');
s.src = 'https://' + dm + '/component/donations/widget/?popupjs';
s.type = 'module';
b.append(s);
})(window, document, 'example.secure.nonprofitsoapbox.com');
});
</script>

Provide the installation code to your website administrator, taking care to replace. Your website administrator should place the code just before the closing </body> tag of your website. We recommend placing the code on all pages of your website - potentially through the site's template - so you are then able to include links to Donation modal popups on any or all pages you wish.