How to embed a Funraise donation form on Squarespace

Squarespace Donation Form—The Squarespace logo next to a stack of Funraise donation forms, customized for different donation asks.
June 1, 2021
5 minutes
This article is part of a series
Keep learning with related articles.
No items found.

Who here is familiar with Squarespace websites? Everyone out there, get your hands up because Squarespace is all over the internet.

With Squarespace being one of the more popular site-building platforms, companies, bloggers, hobbyists, educators, and nonprofits have web presences thanks to Squarespace—and you've purchased, read, and donated through those sites more than you know. ...Which is why we've written this article with instructions detailing how to embed your donation forms on a Squarespace site. (And if you prefer video, scroll to the bottom!)

For more best practices when embedding forms on your website, please read our developer documentation.

In Funraise, create your donation form

  1. Create a Giving Form (use Form V2)
  2. Access your Giving Form embed code

In Squarespace, paste the donation form code elements

1a. In Squarespace, navigate to Settings > Advanced > Code Injection

Screenshot of a Squarespace settings page.

1b. Paste the Funraise Aware Code and the Form Configuration Code into the Header.

Screenshot of Squarespace's Code Injection field.

2a. Navigate to the page you want to add the button.
2b. Add a Code content block to the page and paste the Button Code here.

Screenshot of a Squarespace page, focused on the Code option.
Screenshot of a Squarespace page with the Code section blown up and highlighted.

If you are adding multiple Giving Forms to your Squarespace site, you'll need to add the Form Configuration Code for each form to your site Header. For example:

<script>
window.funraise.push('create',{form: 123});
window.funraise.push('create',{form: 124});
</script>

And there you have it! Embedding your Funraise donation form on your Squarespace site is as easy as it sounds, and can be done in short order.

Mobile phone with donation form and donation charts floating around the phone.Mobile phone with donation form and donation charts floating around the phone.Woman looking at fundraising chart with button to book a call.Yellow shapes in background with donation form in front with stylized text, build an intelligence giving experience.Sparkling star.
Download
Sparkling star.
Start For Free
Sparkling star.Sparkling stars.
Blue shapes.Blue shapes.Blue shapes.
In this Article