Almost two months ago, we announced one of our newest features: the Donation Plugin.

Orgs all around the world are constantly on the lookout for donation buttons they can place right in the middle of their website. In April, we responded to this quest-for-the-best-platform by creating our Donation Plugin – a customizable button you can embed in your website, right where you want people to donate.

The Donation Plugin has been a huge hit with our customers since then, enabling them to place contextual and timely donate buttons, breaking down the barriers of lengthy donation forms.

While easily buildable on a variety of website platforms, we’ve found the donate buttons to look the best and operate the smoothest on Squarespace websites. Even Squarespace has noticed and is eager to collaborate with Kindful customers to increase giving and decrease donor friction.

Which is why we’re proud to announce…

Plugin partners – teaming up with Squarespace

Squarespace likes the Donation Plugin so much that they decided to give Kindful customers a unique 10% discount on the first year’s plan when they switch to Squarespace. That’s cray cray, right? I mean, 10% is a lot.

All you have to do is sign up for Squarespace and put in our code (KIND10) when you’re setting up payment for your Squarespace site. We have more instructions at the bottom of this blog if you get a little lost in that process.

Adding a donate button with our Donation Plugin is super easy on Squarespace. It also looks really consistent with the built-in Squarespace buttons, giving a very professional look to a website.

In case you don’t believe us, we prove it in the next section.

See the Donation Plugin on a Squarespace site

We’re so excited to offer our customers this promotion. We got so pumped, in fact, that while we were throwing an impromptu office dance party, someone yelled, “Guys! Let’s make a Squarespace site to show off how cool this is!”

So we did.

Place a donate button conveniently on your website

Based on a funny photo of one of our beloved co-workers, we created an entirely fake organization, including their name, goal, and website.

We wanted to show just how easy it is to make a website using Squarespace, utilizing Kindful Donation Plugins.

In case you missed it: this website is a complete satire, and not a real org. Please don’t actually donate to them. Unless you want to give us money for donuts or something (we love donuts).


Building a nonprofit website

When we set out to build this example/mock NPO website, we did so with the goal of really showcasing the Donation Plugin, providing donate buttons at the most key moments.

First, we have a large navy donate button right after the landing header, which is obviously extremely common among nonprofit websites. Clicking on the donate button activates our Donation Plugin, showing a beautifully simple, mobile-optimized donation form.


Kindful donation plugin in action on a squarespace website

With this initial donation form, since it’s the first one donors encounter, we customized it to have all the main options we’d want a donor to have. We gave bigger suggested donation amounts, a place to put a custom amount, an option to cover the processing fee, and an option to turn it from a one-time gift to a monthly donation. The form is still nice and compact, but robust with possibility.

On the backend in Kindful, we have that first Plugin flowing into a fund labeled “Home Page” so we know how much people are giving directly from that first donate button. This allows us to test those header taglines to see which will convert the best.

Scrolling down the page, you’ll see two more sets of donate buttons. The first set is in the “sailing initiatives” section.


donate buttons on squarespace with Kindful

For each individual “sailing initiative” (there are 3), we created a unique donate button to signify a different campaign. Even though the buttons look the same, they route to different Campaigns – which we set up when designing the Plugins in Kindful. This allows us to designate a “sponsor” Campaign, a “fees” campaign, and “equipment” campaign, again giving us data on which donate buttons donors are converting on.

The final donate button is at the bottom, in a pre-footer. Since it’s in a pre-footer, this donate button (and its associated copy) will show on every webpage, which gives viewers the ability to donate even from the About Us or Get Involved pages. This final button, with a grey background, flows into a Campaign designated as “website footer”, separating it from the others on the website.

All in all, we created this fake and cheesy website in about 3 hours, which included coming up with the org’s name and goals, creating the actual website in Squarespace, and making and embedding Donation Plugins in Kindful. Not too shabby for half a day’s work!

Check out our example website with Kindful Donation Plugin donate buttons here!

Click here to get started with Squarespace, using our code: KIND10.