How to Embed a Donation Form on Squarespace With Donorbox
Looking to embed a donation form on your Squarespace website? Whether you prefer a fully embedded form or a modal popup form, we’ll show you how to get started in minutes with Donorbox .
Looking to embed a donation form on your Squarespace website? Whether you prefer a fully embedded form or a modal popup form, we’ll show you how to get started in minutes with Donorbox .
Join the fundraising movement! Join the fundraising movement!Squarespace makes it easy to build a beautiful website – and with Donorbox, you can turn that site into a powerful fundraising tool. Whether you want to embed a full donation form directly on your site or add a simpler popup donation form button, Donorbox has you covered.
In this guide, we’ll walk you through two simple ways to embed Donorbox donation forms on your Squarespace website:
Both methods support recurring donations, multiple payment types, and deep customization.
Let’s dive in!
If you haven’t already, create your first campaign and donation form on Donorbox! Check out this blog for detailed instructions.
Pro tip: If you want to add a recurring donation form on Squarespace, choose up to four different intervals to add to your form from our selection of eight options:
Go to your Donorbox campaigns page, and find the campaign you want to embed on your site. Click the “Embed Code” button on the campaign box.
You’ll find yourself on the Share & Embed page.
Here, you’ll have the option to select between embedding two form variations: our Classic Form and our OmniGive™ Donation Form. While both are innovative, we strongly recommend you choose the latter.
The Donorbox OmniGive™ Donation Form offers up a huge range of benefits for your organization and donors, including 22+ payment methods dynamically displayed based on your donor’s location and device. Learn more about these benefits in this blog post.
Make sure you’re on the “Embedded Form” tab within the Share & Embed section. You can edit some of the default settings in your form here, like setting a default donation amount or recurring interval. As you change the settings, you will see the code automatically adjust itself.
When you’re happy with the settings, select and copy the embed code. You’ll paste this code on your Squarespace site later on.
Go to your Squarespace Pages editor. Find or create a Squarespace donation page into which you want to embed your recurring donation form. If you already have a page on which you want to embed the code, click “Edit” on the page’s main content box.
Note: To create a new page, click the “+” icon next to the Main Navigation menu. Then click “Page.” After selecting the title, the description, and the layout, you’ll be able to “Edit Page Content” by clicking the “Edit” button on the top left corner of the page.
Hover over the “Add Block” button over any section you wish you add the form to. This will open up a list of content blocks.
Find the embed option and select it.
Click the “Edit” button to take you to the option where you can embed a URL or code snippet.
Select “Code Snippet,” then click on “Embed Data” to add the code.
Now, paste the donation form embed code (from Step 3) in the code box.
If the Donorbox widget is not resizing properly, it’s most likely that the template you’re using has a feature called Ajax Loading. Sometimes, this feature is enabled by default. Ajax Loading automatically loads content as the visitor scrolls down the page. However, it also disrupts our widget’s ability to resize its height.
To turn off Ajax Loading, check out this solution.
You’re all set! It’s time to publish your updated Squarespace website and wait for the donations to start coming in. Here’s an example of how your form could look on your Squarespace site:
Create and Embed Your Donation Form
This method adds a Donate button that opens your Donorbox form as a popup modal, instead of embedding an immediately visible donation form on your page.
Here’s how to set it up.
Head to your Donorbox campaigns page, and locate the campaign you want to add a popup donation form for on your Squarespace site. Click the “Embed Code” button directly on the campaign box, and you’ll find yourself on the Share & Embed page.
Select the “Popup Form” tab under your campaign title.
Customize how your popup form will appear on your page. You’ll find a bunch of different options here, such as:
Once you’re happy, copy the embed code and add your modal popup donation form in Squarespace!
To do that, head over to your Squarespace editor. Click the “Pages” button in the left-hand sidebar. If you’ll be adding your popup form to a current page, you can skip to Step 8 below.
Click the “+” button to create your new donation page. Alternatively, select “+ Add Page” at the bottom.
Select the type of page you wish to create. We’ll be working with a blank page.
Name your new page, then click the “Edit” button.
Click on the “Add Section” button.
Next, select “Add a blank section,” as shown below.
Select “+ Add Block.”
Then, choose “<> Code” from the options available.
Click on the edit button at the top left.
Paste the donate button embed code into the textbox on the right.
Click the “Save” button on the top left. Your Squarespace donate button should now appear in your website editor.
Squarespace has its own donation block for you to add and receive donations. It’s a premium feature. You can get started by upgrading to their business or higher plans and connecting a Stripe or Paypal account to your site.
The feature comes with a transaction fee of 3% on top of the payment processing fee.
Squarespace is a great website builder, offering users a wholesome experience. There’s no doubt about it.
But for a nominal fee of 2.95% for select tools on a Standard plan with Donorbox (and no setup/monthly cost), you can access the powerful and effective features of a donation platform that your donors will love to use. Events, Memberships, and Peer-to-Peer are also available for a platform fee of 3.95% at this level. Click here for a detailed overview of our pricing.
Donorbox also allows you to ask your donors to cover the processing fee.
Embedding a donation form into your Squarespace website – whether through a full form or a popup – is a smart, flexible way to collect donations without disrupting your site’s design.
Donorbox makes it easy to create, customize, and embed your form to seamlessly match your Squarespace site’s design. Learn more about our other fundraising features here.
Get started for free today! Plus, check out the rest of the Nonprofit Blog for more fundraising tips and strategies.
Here are answers to some of the common questions you may have regarding Squarespace donations.
Users with version 7.1 and beyond can implement recurring donations on Squarespace, but you’ll need to subscribe to a Business Plan or higher to add a donation block. Donorbox streamlines the donation form process, allowing you to easily embed our donation form on your Squarespace site and start collecting donations. Our donation forms also allow you to collect and manage donor information for donor stewardship and future outreach. Customize your donation form to match your organization’s branding and accept multiple payment methods, including donations of stock and cryptocurrency. Add up to four recurring interval options to your donation form (one-time/daily/weekly/bi-weekly/1st and 15th/monthly//quarterly/yearly) and mark your preferred interval with a heart.
No, Squarespace isn’t free for nonprofit organizations. If you want to use their donation block, you will need to upgrade to one of their premium plans (business or higher).
The payment processing fee cannot be waived on Squarespace donations. However, you can use the Donorbox embedded or popup donation form on your site, which gives your donors the option to cover the processing fee. Learn more here.
Registered 501(c)(3) nonprofits can also apply for a discounted processing fee from Paypal and Stripe. With Stripe, nonprofits benefit from a reduced fee, cut down from 2.9% + $0.30 to 2.2% + $0.30 per transaction. PayPal offers a discounted fee of 1.99% + $0.49 for registered charities. Contact the respective support teams for more information.
A transaction fee of 3% is associated with Squarespace donations. That’s on top of the monthly/yearly premium plan fees and payment processing fees that come along with it. With Donorbox, the transaction fee is 2.95% for most features included in our Standard plan, with no monthly cost or setup fees. This fee is further reduced to 1.75% when you upgrade to our Pro or Premium plans. You can save immediately by choosing Donorbox as your donation platform.
Fern is a journalist-turned-editor with 8 years of writing experience, now using that skill set to help nonprofits share their stories and connect with donors. Along with her editorial work, Fern volunteers with animal welfare organizations and has spent years fostering and rehabilitating rescue parrots.
Join the fundraising movement! Join the fundraising movement!
Subscribe to our e-newsletter to receive the latest blogs, news, and more in your inbox.
