In order to make our checkout process even faster, Donorbox supports modal popup donation forms. This feature allows your donation form to pop up on the same screen. A donate button will be installed on your web page. When someone clicks it, the popup form will appear, instead of redirecting your donors to a separate donation page.
If you’d rather embed a whole donation form into your Squarespace web page, check out our guide here.
How to Install a Popup Donation Form on Squarespace
Go to your Donorbox campaigns page and find your desired campaign. Click the form integrations icon </> next to it. Select the “Popup Form” option for that campaign.
You can edit some of the default settings in your form here, like setting a default donation amount or recurring option. As you change the settings, you will see the code automatically adjust itself.
When you’re happy with the settings, highlight and copy the code for your form. This code will be posted on your site later on.
Head over to your Squarespace editor. Click the “Pages” button in the left-hand sidebar.
Click the “+” button to create your new donation page.
Select the type of page you wish to create. We will be using a classic page layout.
Name your new page, then click the “Start Editing” button.
To add content to your new page, click one of the teardrop-shaped buttons on the left-hand side of your page.
Scroll down to the “More” section of the elements list and choose the “Code” block.
Paste the donate button embed code into the appropriate textbox. Click “Apply”.
Your Squarespace donate button should now appear in your website editor. Click the “Save” button on the top left.
Your new donation page is all set! Here is an example of what your new page and button should look like:
When you click on your donate button, the modal popup form for your Donorbox campaign should appear on the same screen, making the checkout process even faster for your donors!