{"id":207,"date":"2021-04-15T00:00:11","date_gmt":"2021-04-15T07:00:11","guid":{"rendered":"http:\/\/donorbox.org\/nonprofit-blog\/?p=207"},"modified":"2026-10-08T08:28:39","modified_gmt":"2026-10-08T15:28:39","slug":"squarespace-donations","status":"publish","type":"post","link":"https:\/\/donorbox.org\/nonprofit-blog\/squarespace-donations","title":{"rendered":"How to Embed a Donation Form on Squarespace With Donorbox"},"content":{"rendered":"<p><a href=\"https:\/\/www.squarespace.com\/\" target=\"_blank\" rel=\"nofollow noopener\"><span style=\"font-weight: 400;\">Squarespace<\/span><\/a><span style=\"font-weight: 400;\"> makes it easy to build a beautiful website \u2013 and with Donorbox, you can turn that site into a powerful fundraising tool.\u00a0 <\/span><span style=\"font-weight: 400;\">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.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In this guide, we\u2019ll walk you through two simple ways to embed Donorbox donation forms on your Squarespace website:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">A full embedded donation form, perfect for showcasing your campaign front and center<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">A modal popup form, triggered by a Donate button\u00a0<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Both methods support recurring donations, multiple payment types, and deep customization.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Let\u2019s dive in!<\/span><\/p>\n<hr \/>\n<h2>Option 1: Embed a Donation Form on Squarespace<\/h2>\n<hr \/>\n<h3>Step 1<\/h3>\n<p><span style=\"font-weight: 400;\">If you haven\u2019t already, create your first campaign and donation form on Donorbox! Check out <\/span><a href=\"https:\/\/donorbox.org\/nonprofit-blog\/get-started-with-donorbox\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">this blog<\/span><\/a><span style=\"font-weight: 400;\"> for detailed instructions.\u00a0<\/span><\/p>\n<p><b>Pro tip<\/b><span style=\"font-weight: 400;\">: <\/span><span style=\"font-weight: 400;\">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:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-112526\" src=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/wix_step-1-284x300.png\" alt=\"Screenshot of the different recurring intervals you can add to your recurring donation form\" width=\"461\" height=\"486\" srcset=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/wix_step-1-284x300.png 284w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/wix_step-1-971x1024.png 971w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/wix_step-1-768x810.png 768w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/wix_step-1.png 984w\" sizes=\"auto, (max-width: 461px) 100vw, 461px\" \/><\/p>\n<hr \/>\n<h3>Step 2<\/h3>\n<p><span style=\"font-weight: 400;\">Go to your <\/span><a href=\"https:\/\/donorbox.org\/org_admin\/forms\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Donorbox campaigns page<\/span><\/a><span style=\"font-weight: 400;\">, and find the campaign you want to embed on your site. <\/span><span style=\"font-weight: 400;\">Click the \u201cEmbed Code\u201d button on the campaign box.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-112531 aligncenter\" src=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/wix_step-2-300x118.png\" alt=\"\" width=\"730\" height=\"287\" srcset=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/wix_step-2-300x118.png 300w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/wix_step-2-1024x404.png 1024w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/wix_step-2-768x303.png 768w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/wix_step-2-1536x606.png 1536w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/wix_step-2.png 1692w\" sizes=\"auto, (max-width: 730px) 100vw, 730px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">You\u2019ll find yourself on the Share &amp; Embed page.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Here, you\u2019ll have the option to select between embedding two form variations: our Classic Form and our OmniGive&#x2122; Donation Form. While both are innovative, we strongly recommend you choose the latter.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-112537 aligncenter\" src=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/wix_step-3-300x232.png\" alt=\"Screenshot of embedded form share and embed page\" width=\"762\" height=\"589\" srcset=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/wix_step-3-300x232.png 300w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/wix_step-3-1024x790.png 1024w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/wix_step-3-768x593.png 768w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/wix_step-3-1536x1186.png 1536w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/wix_step-3.png 1999w\" sizes=\"auto, (max-width: 762px) 100vw, 762px\" \/><\/p>\n<blockquote><p><span style=\"font-weight: 400;\">The Donorbox OmniGive&#x2122; Donation Form offers up a huge range of benefits for your organization and donors, including dozens of payment methods dynamically displayed based on your donor\u2019s location and device. Learn more about these benefits in this <a title=\"How to Raise More With the Donorbox OmniGive&#x2122; Donation Form\" href=\"https:\/\/donorbox.org\/nonprofit-blog\/donorbox-omnigive-donation-form\" target=\"_blank\" rel=\"noopener\">blog post<\/a>.<\/span><\/p><\/blockquote>\n<hr \/>\n<h3>Step 3<\/h3>\n<p><span style=\"font-weight: 400;\">Make sure you\u2019re on the \u201cEmbedded Form\u201d tab within the Share &amp; Embed section. <\/span><span style=\"font-weight: 400;\">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.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">When you\u2019re happy with the settings, select and copy the embed code. You&#8217;ll paste this code on your Squarespace site later on.<\/span><\/p>\n<hr \/>\n<h3>Step 4<\/h3>\n<p>Go to your <strong>Squarespace Pages editor.<\/strong>\u00a0Find or create a Squarespace\u00a0donation page into which you want to embed your recurring<span style=\"font-weight: 400;\">\u00a0<\/span>donation form. If you already have a page on which you want to embed the code, click \u201cEdit\u201d on the page\u2019s main content box.<\/p>\n<p><strong>Note:<\/strong> <span style=\"font-weight: 400;\">To create a new page, click the \u201c+\u201d icon next to the Main Navigation menu. Then click \u201cPage.\u201d After selecting the title, the description, and the layout, you\u2019ll be able to \u201cEdit Page Content\u201d by clicking the \u201cEdit\u201d button on the top left corner of the page.<\/span><\/p>\n<p><a href=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/Add-donation-page-on-Squarespace.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-92517\" src=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/Add-donation-page-on-Squarespace.png\" alt=\"Screenshot showing how to edit your Squarespace site. \" width=\"874\" height=\"230\" srcset=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/Add-donation-page-on-Squarespace.png 2560w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/Add-donation-page-on-Squarespace-300x79.png 300w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/Add-donation-page-on-Squarespace-1024x269.png 1024w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/Add-donation-page-on-Squarespace-768x202.png 768w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/Add-donation-page-on-Squarespace-1536x404.png 1536w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/Add-donation-page-on-Squarespace-2048x539.png 2048w\" sizes=\"auto, (max-width: 874px) 100vw, 874px\" \/><\/a><a name=\"5\"><\/a><\/p>\n<hr \/>\n<h3>Step 5<\/h3>\n<p><span style=\"font-weight: 400;\">Hover over the \u201cAdd Block\u201d button over any section you wish you add the form to. This will open up a list of content blocks.<\/span><\/p>\n<p><a href=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/Squarespace-donation-page.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-92528\" src=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/Squarespace-donation-page.png\" alt=\"Screenshot showing how to add a block to your Squarespace site. \" width=\"933\" height=\"188\" srcset=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/Squarespace-donation-page.png 2560w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/Squarespace-donation-page-300x60.png 300w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/Squarespace-donation-page-1024x206.png 1024w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/Squarespace-donation-page-768x155.png 768w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/Squarespace-donation-page-1536x309.png 1536w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/Squarespace-donation-page-2048x412.png 2048w\" sizes=\"auto, (max-width: 933px) 100vw, 933px\" \/><\/a><a name=\"6\"><\/a><\/p>\n<hr \/>\n<h3>Step 6<\/h3>\n<p>Find the embed option and select it.<\/p>\n<p><a href=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/embed-a-form-on-squarespace-e1738580044736.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-92535\" src=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/embed-a-form-on-squarespace-e1738580044736.png\" alt=\"Screenshot showing the embed option to add a Donorbox donation form on your Squarespace site. \" width=\"497\" height=\"667\" srcset=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/embed-a-form-on-squarespace-e1738580044736.png 619w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/embed-a-form-on-squarespace-e1738580044736-223x300.png 223w\" sizes=\"auto, (max-width: 497px) 100vw, 497px\" \/><\/a><\/p>\n<p><a name=\"7\"><\/a><\/p>\n<hr \/>\n<h3>Step 7<\/h3>\n<p><span style=\"font-weight: 400;\">Click the &#8220;Edit&#8221; button to take you to the option where you can embed a URL or code snippet. <\/span><\/p>\n<p><a href=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/Edit-button-to-embed-donation-form.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-92542\" src=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/Edit-button-to-embed-donation-form.png\" alt=\"Screenshot showing the embed block on a Squarespace site. \" width=\"488\" height=\"413\" srcset=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/Edit-button-to-embed-donation-form.png 798w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/Edit-button-to-embed-donation-form-300x254.png 300w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/Edit-button-to-embed-donation-form-768x651.png 768w\" sizes=\"auto, (max-width: 488px) 100vw, 488px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<h3>Step 8<\/h3>\n<p><span style=\"font-weight: 400;\">Select \u201cCode Snippet,\u201d then click on \u201cEmbed Data\u201d to add the code.\u00a0<\/span><\/p>\n<p><a href=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/Add-embedded-code-on-Squarespace-donation-page.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-92547\" src=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/Add-embedded-code-on-Squarespace-donation-page.png\" alt=\"Screenshot showing the embed block on Squarespace. \" width=\"699\" height=\"446\" srcset=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/Add-embedded-code-on-Squarespace-donation-page.png 1308w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/Add-embedded-code-on-Squarespace-donation-page-300x191.png 300w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/Add-embedded-code-on-Squarespace-donation-page-1024x653.png 1024w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/Add-embedded-code-on-Squarespace-donation-page-768x490.png 768w\" sizes=\"auto, (max-width: 699px) 100vw, 699px\" \/><\/a><br \/>\n<a name=\"8\"><\/a> <span style=\"font-weight: 400;\">Now, paste the donation form embed code (from Step 3) in the code box.<\/span><\/p>\n<p><a href=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/donorbox-donation-form-on-squarespace.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-92552\" src=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/donorbox-donation-form-on-squarespace.png\" alt=\"Screenshot showing how to paste your Donorbox donation form embed code on your Squarespace website. \" width=\"706\" height=\"450\" srcset=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/donorbox-donation-form-on-squarespace.png 1308w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/donorbox-donation-form-on-squarespace-300x191.png 300w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/donorbox-donation-form-on-squarespace-1024x653.png 1024w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/donorbox-donation-form-on-squarespace-768x490.png 768w\" sizes=\"auto, (max-width: 706px) 100vw, 706px\" \/><\/a><\/p>\n<p>If the <a href=\"https:\/\/donorbox.org\/donation-widget\" target=\"_blank\" rel=\"noopener\">Donorbox widget<\/a> is not resizing properly, it&#8217;s most likely that the template you&#8217;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&#8217;s ability to resize its height.<\/p>\n<p>To turn off Ajax Loading, check out <a href=\"https:\/\/donorbox.zendesk.com\/hc\/en-us\/articles\/360020292472-The-Donorbox-widget-on-my-Squarespace-website-sometimes-gets-cut-off-How-do-I-fix-this-\" target=\"_blank\" rel=\"noopener\">this solution<\/a>.<\/p>\n<hr \/>\n<h3>Step 9<\/h3>\n<p><span style=\"font-weight: 400;\">You\u2019re all set! It\u2019s time to publish your updated Squarespace website and wait for the donations to start coming in. Here&#8217;s an example of how your form could look on your Squarespace site:\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-112725 aligncenter\" src=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2019\/12\/shopify-donations_how-to-collect-300x285.png\" alt=\"Screenshot of a Donorbox embedded donation form\" width=\"707\" height=\"672\" srcset=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2019\/12\/shopify-donations_how-to-collect-300x285.png 300w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2019\/12\/shopify-donations_how-to-collect-768x729.png 768w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2019\/12\/shopify-donations_how-to-collect.png 1206w\" sizes=\"auto, (max-width: 707px) 100vw, 707px\" \/><\/p>\n<p style=\"text-align: center;\"><a class=\"maxbutton-1 maxbutton maxbutton-get-started-with-donorbox\" target=\"_blank\" title=\"Sign up\" rel=\"noopener\" href=\"https:\/\/donorbox.org\/orgs\/new\/?utm_source=Blog\"><span class='mb-text'>Create and Embed Your Donation Form<\/span><\/a><\/p>\n<hr \/>\n<h2>Option 2: Add a Modal Popup Form to Squarespace<\/h2>\n<p><span style=\"font-weight: 400;\">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.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Here\u2019s how to set it up.<\/span><\/p>\n<hr \/>\n<h3>Step 1<\/h3>\n<p><span style=\"font-weight: 400;\">Head to your <\/span><a href=\"https:\/\/donorbox.org\/org_admin\/forms\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Donorbox campaigns page<\/span><\/a><span style=\"font-weight: 400;\">, and locate the campaign you want to add a popup donation form for on your Squarespace site. <\/span><span style=\"font-weight: 400;\">Click the \u201cEmbed Code\u201d button directly on the campaign box, and you\u2019ll find yourself on the Share &amp; Embed page.<\/span><\/p>\n<hr \/>\n<h3>Step 2<\/h3>\n<p><span style=\"font-weight: 400;\">Select the \u201cPopup Form\u201d tab under your campaign title.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-112810 aligncenter\" src=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_popup-form-300x214.png\" alt=\"\" width=\"838\" height=\"598\" srcset=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_popup-form-300x214.png 300w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_popup-form-1024x729.png 1024w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_popup-form-768x547.png 768w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_popup-form-1536x1094.png 1536w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_popup-form.png 1999w\" sizes=\"auto, (max-width: 838px) 100vw, 838px\" \/><\/p>\n<hr \/>\n<h3>Step 3<\/h3>\n<p><span style=\"font-weight: 400;\">Customize how your popup form will appear on your page. You\u2019ll find a bunch of different options here, such as:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Form only or form and an additional content panel<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Regular button or sticky button<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">OmniGive popup code or Classic popup code (choose the former for access to more <a title=\"How to Raise More With the Donorbox OmniGive&#x2122; Donation Form\" href=\"https:\/\/donorbox.org\/nonprofit-blog\/donorbox-omnigive-donation-form\" target=\"_blank\" rel=\"noopener\">conversion-driving features<\/a>)<\/span><\/li>\n<\/ul>\n<hr \/>\n<h3>Step 4<\/h3>\n<p><span style=\"font-weight: 400;\">Once you\u2019re happy,\u00a0 copy the embed code and add your modal popup donation form in Squarespace!\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To do that, <\/span><span style=\"font-weight: 400;\">head over to your Squarespace editor. Click the \u201cPages\u201d button in the left-hand sidebar. If you\u2019ll be adding your popup form to a current page, you can skip to Step 8 below.<\/span><\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<h3>Step 5<\/h3>\n<p><span style=\"font-weight: 400;\">Click the \u201c+\u201d button to create your new donation page. Alternatively, select \u201c+ Add Page\u201d at the bottom.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-112816 aligncenter\" src=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_pages-165x300.png\" alt=\"\" width=\"399\" height=\"725\" srcset=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_pages-165x300.png 165w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_pages.png 506w\" sizes=\"auto, (max-width: 399px) 100vw, 399px\" \/><\/p>\n<hr \/>\n<h3>Step 6<\/h3>\n<p><span style=\"font-weight: 400;\">Select the type of page you wish to create. We\u2019ll be working with a blank page.<\/span><\/p>\n<hr \/>\n<h3>Step 7<\/h3>\n<p><span style=\"font-weight: 400;\">Name your new page, then click the \u201cEdit\u201d button.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-112826 aligncenter\" src=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_edit-300x81.png\" alt=\"\" width=\"974\" height=\"263\" srcset=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_edit-300x81.png 300w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_edit-1024x275.png 1024w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_edit-768x206.png 768w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_edit-1536x413.png 1536w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_edit.png 1999w\" sizes=\"auto, (max-width: 974px) 100vw, 974px\" \/><\/p>\n<hr \/>\n<h3>Step 8<\/h3>\n<p><span style=\"font-weight: 400;\">Click on the \u201cAdd Section\u201d button.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-112831 aligncenter\" src=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_add-section-300x61.png\" alt=\"\" width=\"895\" height=\"182\" srcset=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_add-section-300x61.png 300w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_add-section-768x157.png 768w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_add-section-1536x314.png 1536w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_add-section.png 1999w\" sizes=\"auto, (max-width: 895px) 100vw, 895px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Next, select \u201cAdd a blank section,\u201d as shown below.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-112835 aligncenter\" src=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_add-blank-section-300x150.png\" alt=\"\" width=\"844\" height=\"422\" srcset=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_add-blank-section-300x150.png 300w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_add-blank-section-1024x512.png 1024w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_add-blank-section-768x384.png 768w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_add-blank-section-1536x768.png 1536w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_add-blank-section.png 1999w\" sizes=\"auto, (max-width: 844px) 100vw, 844px\" \/><\/p>\n<hr \/>\n<h3>Step 9<\/h3>\n<p><span style=\"font-weight: 400;\">Select \u201c+ Add Block.\u201d<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-112841 aligncenter\" src=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_add-block-300x126.png\" alt=\"\" width=\"817\" height=\"343\" srcset=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_add-block-300x126.png 300w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_add-block-1024x429.png 1024w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_add-block-768x322.png 768w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_add-block-1536x644.png 1536w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_add-block.png 1999w\" sizes=\"auto, (max-width: 817px) 100vw, 817px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Then, choose \u201c&lt;&gt; Code\u201d from the options available.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-112846 aligncenter\" src=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_code-213x300.png\" alt=\"\" width=\"458\" height=\"645\" srcset=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_code-213x300.png 213w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_code-726x1024.png 726w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_code.png 745w\" sizes=\"auto, (max-width: 458px) 100vw, 458px\" \/><\/p>\n<hr \/>\n<h3>Step 10<\/h3>\n<p><span style=\"font-weight: 400;\">Click on the edit button at the top left.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-112851 aligncenter\" src=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_edit-button-228x300.png\" alt=\"\" width=\"598\" height=\"787\" srcset=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_edit-button-228x300.png 228w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_edit-button.png 487w\" sizes=\"auto, (max-width: 598px) 100vw, 598px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Paste the donate button embed code into the textbox on the right.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-112856 aligncenter\" src=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_embed-code-textbox-300x150.png\" alt=\"\" width=\"778\" height=\"389\" srcset=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_embed-code-textbox-300x150.png 300w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_embed-code-textbox-1024x513.png 1024w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_embed-code-textbox-768x384.png 768w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_embed-code-textbox-1536x769.png 1536w, https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2021\/04\/squarespace_embed-code-textbox.png 1974w\" sizes=\"auto, (max-width: 778px) 100vw, 778px\" \/><\/p>\n<hr \/>\n<h3>Step 11<\/h3>\n<p><span style=\"font-weight: 400;\">Click the \u201cSave\u201d button on the top left. Your Squarespace donate button should now appear in your website editor.<\/span><\/p>\n<hr \/>\n<h2 class=\"p1\"><span class=\"s1\">How to Encourage Your Visitors to Make a Donation<\/span><\/h2>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Have an impactful heading:<\/b><span style=\"font-weight: 400;\"> Your headline should attract the attention of your visitors. Be clear, specific, and brief, e<\/span><i><span style=\"font-weight: 400;\">.g. \u201cInvest in <\/span><\/i><span style=\"font-weight: 400;\">a future<\/span><i><span style=\"font-weight: 400;\"> free from slavery.\u201d<\/span><\/i><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Use powerful images:<\/b><span style=\"font-weight: 400;\"> We don\u2019t say that a picture is worth a thousand words for no reason. Use captivating, high-quality images on your site \u2013 ideally real ones, not stock images.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Offer a variety of payment options:<\/b><span style=\"font-weight: 400;\"> These days, offering multiple options to suit different needs is essential: credit cards, PayPal, Apple Pay\u2026<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Keep it simple:<\/b><span style=\"font-weight: 400;\"> It\u2019s very easy to overload the donation page with information. Try to keep it simple and minimal, focusing on your \u201c<\/span><a href=\"https:\/\/donorbox.org\/features\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Donate\u201d button<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Make the online donation experience user-friendly:<\/b><span style=\"font-weight: 400;\"> There\u2019s nothing worse than losing a visitor to a poor donation page and <\/span><a href=\"https:\/\/donorbox.org\/nonprofit-blog\/11-donation-form-best-practices\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">donation form<\/span><\/a><span style=\"font-weight: 400;\"> design.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Clearly display your nonprofit\u2019s financial information:<\/b><span style=\"font-weight: 400;\"> Many potential donors seek out financial information for a nonprofit before donating.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Share how specific donations were spent:<\/b><span style=\"font-weight: 400;\"> Send a <\/span><a href=\"https:\/\/donorbox.org\/nonprofit-blog\/donor-stewardship\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">follow-up email<\/span><\/a><span style=\"font-weight: 400;\"> to let your donors know how their donations were spent. This increases the chances of them donating again!<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Stay authentic: <\/b><span style=\"font-weight: 400;\">Maintain personal contact with your donors, including in-person and by phone, to make that human connection stronger and more authentic.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Offer a \u201cshare\u201d option: <\/b><span style=\"font-weight: 400;\">Encourage your visitors to share your donation page with others. This increases your brand visibility and reach.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Make your <\/span><a href=\"https:\/\/donorbox.org\/nonprofit-blog\/donation-page-best-practices\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">donation page stand out.<\/span><\/a><\/li>\n<\/ol>\n<hr \/>\n<h2>Squarespace Donation Fee<\/h2>\n<p>Squarespace has its own donation block for you to add and receive donations. It\u2019s a premium feature. You can get started by upgrading to their <a href=\"https:\/\/www.squarespace.com\/pricing\" target=\"_blank\" rel=\"nofollow noopener\">business or higher plans<\/a> and connecting a Stripe or Paypal account to your site.<\/p>\n<p>The feature comes with a transaction fee of 3% on top of the payment processing fee.<\/p>\n<p>Squarespace is a great website builder, offering users a wholesome experience. There\u2019s no doubt about it.<\/p>\n<p>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 <a href=\"https:\/\/donorbox.org\/features\" target=\"_blank\" rel=\"noopener\">features<\/a> 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 <a href=\"https:\/\/donorbox.org\/pricing\" target=\"_blank\" rel=\"noopener\">pricing<\/a>.<\/p>\n<p>Donorbox also allows you to ask your donors to <a href=\"https:\/\/donorbox.zendesk.com\/hc\/en-us\/articles\/360020293372-How-do-we-allow-donors-to-cover-processing-fees-\" target=\"_blank\" rel=\"noopener\">cover the processing fee<\/a>.<\/p>\n<hr \/>\n<h2>Over to You<\/h2>\n<p><span style=\"font-weight: 400;\">Embedding a donation form into your Squarespace website \u2013 whether through a full form or a popup \u2013 is a smart, flexible way to collect donations without disrupting your site\u2019s design.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Donorbox makes it easy to create, customize, and embed your form to seamlessly match your Squarespace site\u2019s design. Learn more about our other fundraising features <\/span><a href=\"https:\/\/donorbox.org\/features\"><span style=\"font-weight: 400;\">here<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Get started for free today! Plus, check out the rest of the <\/span><a href=\"https:\/\/donorbox.org\/nonprofit-blog\"><span style=\"font-weight: 400;\">Nonprofit Blog<\/span><\/a><span style=\"font-weight: 400;\"> for more fundraising tips and strategies.\u00a0<\/span><\/p>\n<hr \/>\n<h2>Frequently Asked Questions (FAQs)<\/h2>\n<p><span style=\"font-weight: 400;\">Here are answers to some of the common questions you may have regarding Squarespace donations.<\/span><\/p>\n<hr \/>\n<h3>1. Can I collect recurring donations with Squarespace?<\/h3>\n<p><span style=\"font-weight: 400;\">Users with version 7.1 and beyond can implement recurring donations on Squarespace, but you\u2019ll 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\u2019s 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.<\/span><\/p>\n<hr \/>\n<h3>2. Is Squarespace free for nonprofit organizations?<\/h3>\n<p><span style=\"font-weight: 400;\">No, Squarespace isn\u2019t 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).<\/span><\/p>\n<hr \/>\n<h3>3. Is there a way to waive the payment processing fee on Squarespace?<\/h3>\n<p><span style=\"font-weight: 400;\">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 <\/span><a href=\"https:\/\/donorbox.org\/nonprofit-blog\/donors-to-cover-processing-fees\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">here<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">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 <\/span><a href=\"https:\/\/donorbox.org\/nonprofit-blog\/paypal-nonprofit-donation-fees\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">discounted fee<\/span><\/a><span style=\"font-weight: 400;\"> of 1.99% + $0.49 for registered charities. Contact the respective support teams for more information.<\/span><\/p>\n<hr \/>\n<h3>4. Is there a transaction fee associated with Squarespace donations?<\/h3>\n<p><span style=\"font-weight: 400;\">A transaction fee of 3% is associated with Squarespace donations. That\u2019s 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.<\/span><\/p>\n<a href=\"https:\/\/donorbox.org\/orgs\/new?utm_source=Blog&utm_medium=footer-bannerc\" class=\"banner-link\" target=\"_blank\">\n\t  \t\t\t\t\t\t<img src=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2018\/10\/seemless-giving-tools.webp\" alt=\"Bottom banner\" loading=\"lazy\" decoding=\"async\" \/>\n\t\t\t\t\t\t<\/a>","protected":false},"excerpt":{"rendered":"<p>Squarespace makes it easy to build a beautiful website \u2013 and with Donorbox, you can turn that site into a powerful fundraising tool.\u00a0 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.\u00a0 In this guide, we\u2019ll walk you through [&hellip;]<\/p>\n","protected":false},"author":92,"featured_media":112864,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":"","_ppma_block_editor_authors":""},"categories":[35,6240],"tags":[],"ppma_author":[6350,6401],"class_list":["post-207","post","type-post","status-publish","format-standard","has-post-thumbnail","category-donorbox-integrations","category-squarespace","entry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.2 (Yoast SEO v28.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to Embed a Donation Form on Squarespace With Donorbox<\/title>\n<meta name=\"description\" content=\"The step-by-step guide on how to embed a donation form on the Squarespace website for your nonprofit or charity organization.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/donorbox.org\/nonprofit-blog\/squarespace-donations\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Embed a Donation Form on Squarespace With Donorbox\" \/>\n<meta property=\"og:description\" content=\"The step-by-step guide on how to embed a donation form on the Squarespace website for your nonprofit or charity organization.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/donorbox.org\/nonprofit-blog\/squarespace-donations\" \/>\n<meta property=\"og:site_name\" content=\"Nonprofit Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/donorbox\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-04-15T07:00:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-08T15:28:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2025\/11\/How-to-Embed-a-Donation-Form-on-Your-squarespace-Site.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1120\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Chirasree Bose\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Donorbox\" \/>\n<meta name=\"twitter:site\" content=\"@Donorbox\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fern Bamber\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/donorbox.org\\\/nonprofit-blog\\\/squarespace-donations#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/donorbox.org\\\/nonprofit-blog\\\/squarespace-donations\"},\"author\":{\"name\":\"Fern Bamber\",\"@id\":\"https:\\\/\\\/donorbox.org\\\/nonprofit-blog\\\/#\\\/schema\\\/person\\\/68642e7c8d9a21a5b8d0c1f8fb9ced9b\"},\"headline\":\"How to Embed a Donation Form on Squarespace With Donorbox\",\"datePublished\":\"2021-04-15T07:00:11+00:00\",\"dateModified\":\"2026-10-08T15:28:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/donorbox.org\\\/nonprofit-blog\\\/squarespace-donations\"},\"wordCount\":1794,\"commentCount\":5,\"image\":{\"@id\":\"https:\\\/\\\/donorbox.org\\\/nonprofit-blog\\\/squarespace-donations#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/donorbox.org\\\/nonprofit-blog\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/How-to-Embed-a-Donation-Form-on-Your-squarespace-Site.png\",\"articleSection\":[\"Donorbox Integrations\",\"Squarespace\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/donorbox.org\\\/nonprofit-blog\\\/squarespace-donations#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/donorbox.org\\\/nonprofit-blog\\\/squarespace-donations\",\"url\":\"https:\\\/\\\/donorbox.org\\\/nonprofit-blog\\\/squarespace-donations\",\"name\":\"How to Embed a Donation Form on Squarespace With Donorbox\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/donorbox.org\\\/nonprofit-blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/donorbox.org\\\/nonprofit-blog\\\/squarespace-donations#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/donorbox.org\\\/nonprofit-blog\\\/squarespace-donations#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/donorbox.org\\\/nonprofit-blog\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/How-to-Embed-a-Donation-Form-on-Your-squarespace-Site.png\",\"datePublished\":\"2021-04-15T07:00:11+00:00\",\"dateModified\":\"2026-10-08T15:28:39+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/donorbox.org\\\/nonprofit-blog\\\/#\\\/schema\\\/person\\\/68642e7c8d9a21a5b8d0c1f8fb9ced9b\"},\"description\":\"The step-by-step guide on how to embed a donation form on the Squarespace website for your nonprofit or charity organization.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/donorbox.org\\\/nonprofit-blog\\\/squarespace-donations#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/donorbox.org\\\/nonprofit-blog\\\/squarespace-donations\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/donorbox.org\\\/nonprofit-blog\\\/squarespace-donations#primaryimage\",\"url\":\"https:\\\/\\\/donorbox.org\\\/nonprofit-blog\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/How-to-Embed-a-Donation-Form-on-Your-squarespace-Site.png\",\"contentUrl\":\"https:\\\/\\\/donorbox.org\\\/nonprofit-blog\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/How-to-Embed-a-Donation-Form-on-Your-squarespace-Site.png\",\"width\":1120,\"height\":630,\"caption\":\"How to Embed a Donation Form on Your squarespace Site blog header image\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/donorbox.org\\\/nonprofit-blog\\\/squarespace-donations#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/donorbox.org\\\/nonprofit-blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Embed a Donation Form on Squarespace With Donorbox\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/donorbox.org\\\/nonprofit-blog\\\/#website\",\"url\":\"https:\\\/\\\/donorbox.org\\\/nonprofit-blog\\\/\",\"name\":\"Nonprofit Blog\",\"description\":\"Nonprofit Tips from the Donorbox team\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/donorbox.org\\\/nonprofit-blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/donorbox.org\\\/nonprofit-blog\\\/#\\\/schema\\\/person\\\/68642e7c8d9a21a5b8d0c1f8fb9ced9b\",\"name\":\"Fern Bamber\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/donorbox.org\\\/nonprofit-blog\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/cropped-fern-bamber-headshot-96x96.jpg0652e25a0b0828a3f924fac1989ce075\",\"url\":\"https:\\\/\\\/donorbox.org\\\/nonprofit-blog\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/cropped-fern-bamber-headshot-96x96.jpg\",\"contentUrl\":\"https:\\\/\\\/donorbox.org\\\/nonprofit-blog\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/cropped-fern-bamber-headshot-96x96.jpg\",\"caption\":\"Fern Bamber\"},\"description\":\"Fern Bamber is a journalist-turned-editor with 8 years of writing experience, now using that skill set as Content Editor at Donorbox to help nonprofits share their stories and connect with donors. Her earlier career spans senior content and SEO roles at digital agencies including ALTS Digital (Senior Manager, Content & Editor), Search Project, and BrandSeed. Alongside her editorial work - authoring expert roundups and fundraising guides while editing the wider Nonprofit Blog - Fern volunteers with animal welfare organizations and has spent years fostering and rehabilitating rescue parrots.\",\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/in\\\/fern-bamber\\\/\"],\"jobTitle\":\"Content Editor at Donorbox\",\"workLocation\":{\"@type\":\"Place\",\"name\":\"South Africa, Cape Town\"},\"hasOccupation\":{\"@type\":\"Occupation\",\"name\":\"Editorial Strategy & Content Editing, SEO Content, Nonprofit Storytelling, Expert Roundups & Interviews, Animal Welfare Fundraising\",\"description\":\" Experience of 8+ years\",\"qualifications\":\"BA Language & Culture, Stellenbosch University Journalism Honours, Stellenbosch University\"},\"hasCredential\":{\"@type\":\"EducationalOccupationalCredential\",\"credentialCategory\":\"Certification\",\"name\":\"Copy Editing & Proofreading, University of Cape Town Digital Content & Copywriting, Red & Yellow School of Business\"},\"affiliation\":{\"@type\":\"Organization\",\"name\":\"Volunteer with animal welfare organizations; long-term fosterer and rehabilitator of rescue parrots\"},\"worksFor\":{\"@type\":\"Organization\",\"name\":\"Donorbox Nonprofit Blog author and lead editor (expert roundup features, product guides, fundraising how-tos); edits the majority of Nonprofit Blog output\"},\"url\":\"https:\\\/\\\/donorbox.org\\\/nonprofit-blog\\\/author\\\/fern\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Embed a Donation Form on Squarespace With Donorbox","description":"The step-by-step guide on how to embed a donation form on the Squarespace website for your nonprofit or charity organization.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/donorbox.org\/nonprofit-blog\/squarespace-donations","og_locale":"en_US","og_type":"article","og_title":"How to Embed a Donation Form on Squarespace With Donorbox","og_description":"The step-by-step guide on how to embed a donation form on the Squarespace website for your nonprofit or charity organization.","og_url":"https:\/\/donorbox.org\/nonprofit-blog\/squarespace-donations","og_site_name":"Nonprofit Blog","article_publisher":"https:\/\/www.facebook.com\/donorbox\/","article_published_time":"2021-04-15T07:00:11+00:00","article_modified_time":"2026-10-08T15:28:39+00:00","og_image":[{"width":1120,"height":630,"url":"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2025\/11\/How-to-Embed-a-Donation-Form-on-Your-squarespace-Site.png","type":"image\/png"}],"author":"Chirasree Bose","twitter_card":"summary_large_image","twitter_creator":"@Donorbox","twitter_site":"@Donorbox","twitter_misc":{"Written by":"Fern Bamber","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/donorbox.org\/nonprofit-blog\/squarespace-donations#article","isPartOf":{"@id":"https:\/\/donorbox.org\/nonprofit-blog\/squarespace-donations"},"author":{"name":"Fern Bamber","@id":"https:\/\/donorbox.org\/nonprofit-blog\/#\/schema\/person\/68642e7c8d9a21a5b8d0c1f8fb9ced9b"},"headline":"How to Embed a Donation Form on Squarespace With Donorbox","datePublished":"2021-04-15T07:00:11+00:00","dateModified":"2026-10-08T15:28:39+00:00","mainEntityOfPage":{"@id":"https:\/\/donorbox.org\/nonprofit-blog\/squarespace-donations"},"wordCount":1794,"commentCount":5,"image":{"@id":"https:\/\/donorbox.org\/nonprofit-blog\/squarespace-donations#primaryimage"},"thumbnailUrl":"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2025\/11\/How-to-Embed-a-Donation-Form-on-Your-squarespace-Site.png","articleSection":["Donorbox Integrations","Squarespace"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/donorbox.org\/nonprofit-blog\/squarespace-donations#respond"]}]},{"@type":"WebPage","@id":"https:\/\/donorbox.org\/nonprofit-blog\/squarespace-donations","url":"https:\/\/donorbox.org\/nonprofit-blog\/squarespace-donations","name":"How to Embed a Donation Form on Squarespace With Donorbox","isPartOf":{"@id":"https:\/\/donorbox.org\/nonprofit-blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/donorbox.org\/nonprofit-blog\/squarespace-donations#primaryimage"},"image":{"@id":"https:\/\/donorbox.org\/nonprofit-blog\/squarespace-donations#primaryimage"},"thumbnailUrl":"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2025\/11\/How-to-Embed-a-Donation-Form-on-Your-squarespace-Site.png","datePublished":"2021-04-15T07:00:11+00:00","dateModified":"2026-10-08T15:28:39+00:00","author":{"@id":"https:\/\/donorbox.org\/nonprofit-blog\/#\/schema\/person\/68642e7c8d9a21a5b8d0c1f8fb9ced9b"},"description":"The step-by-step guide on how to embed a donation form on the Squarespace website for your nonprofit or charity organization.","breadcrumb":{"@id":"https:\/\/donorbox.org\/nonprofit-blog\/squarespace-donations#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/donorbox.org\/nonprofit-blog\/squarespace-donations"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/donorbox.org\/nonprofit-blog\/squarespace-donations#primaryimage","url":"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2025\/11\/How-to-Embed-a-Donation-Form-on-Your-squarespace-Site.png","contentUrl":"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2025\/11\/How-to-Embed-a-Donation-Form-on-Your-squarespace-Site.png","width":1120,"height":630,"caption":"How to Embed a Donation Form on Your squarespace Site blog header image"},{"@type":"BreadcrumbList","@id":"https:\/\/donorbox.org\/nonprofit-blog\/squarespace-donations#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/donorbox.org\/nonprofit-blog"},{"@type":"ListItem","position":2,"name":"How to Embed a Donation Form on Squarespace With Donorbox"}]},{"@type":"WebSite","@id":"https:\/\/donorbox.org\/nonprofit-blog\/#website","url":"https:\/\/donorbox.org\/nonprofit-blog\/","name":"Nonprofit Blog","description":"Nonprofit Tips from the Donorbox team","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/donorbox.org\/nonprofit-blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/donorbox.org\/nonprofit-blog\/#\/schema\/person\/68642e7c8d9a21a5b8d0c1f8fb9ced9b","name":"Fern Bamber","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2025\/04\/cropped-fern-bamber-headshot-96x96.jpg0652e25a0b0828a3f924fac1989ce075","url":"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2025\/04\/cropped-fern-bamber-headshot-96x96.jpg","contentUrl":"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2025\/04\/cropped-fern-bamber-headshot-96x96.jpg","caption":"Fern Bamber"},"description":"Fern Bamber is a journalist-turned-editor with 8 years of writing experience, now using that skill set as Content Editor at Donorbox to help nonprofits share their stories and connect with donors. Her earlier career spans senior content and SEO roles at digital agencies including ALTS Digital (Senior Manager, Content & Editor), Search Project, and BrandSeed. Alongside her editorial work - authoring expert roundups and fundraising guides while editing the wider Nonprofit Blog - Fern volunteers with animal welfare organizations and has spent years fostering and rehabilitating rescue parrots.","sameAs":["https:\/\/www.linkedin.com\/in\/fern-bamber\/"],"jobTitle":"Content Editor at Donorbox","workLocation":{"@type":"Place","name":"South Africa, Cape Town"},"hasOccupation":{"@type":"Occupation","name":"Editorial Strategy & Content Editing, SEO Content, Nonprofit Storytelling, Expert Roundups & Interviews, Animal Welfare Fundraising","description":" Experience of 8+ years","qualifications":"BA Language & Culture, Stellenbosch University Journalism Honours, Stellenbosch University"},"hasCredential":{"@type":"EducationalOccupationalCredential","credentialCategory":"Certification","name":"Copy Editing & Proofreading, University of Cape Town Digital Content & Copywriting, Red & Yellow School of Business"},"affiliation":{"@type":"Organization","name":"Volunteer with animal welfare organizations; long-term fosterer and rehabilitator of rescue parrots"},"worksFor":{"@type":"Organization","name":"Donorbox Nonprofit Blog author and lead editor (expert roundup features, product guides, fundraising how-tos); edits the majority of Nonprofit Blog output"},"url":"https:\/\/donorbox.org\/nonprofit-blog\/author\/fern"}]}},"authors":[{"term_id":6350,"user_id":92,"is_guest":0,"slug":"fern","display_name":"Fern Bamber","avatar_url":"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2025\/04\/cropped-fern-bamber-headshot-96x96.jpg","author_category":"","first_name":"Fern","last_name":"Bamber","user_url":"","job_title":"","description":"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."},{"term_id":6401,"user_id":101,"is_guest":0,"slug":"darrin","display_name":"Darrin Cook","avatar_url":"https:\/\/donorbox.org\/nonprofit-blog\/wp-content\/uploads\/2026\/02\/Darrin-Cook-96x96.jpg","author_category":"5","first_name":"Darrin","last_name":"Cook","user_url":"https:\/\/mymogulmedia.com\/","job_title":"","description":"Darrin Cook, Jr. is the Founder of My Mogul Media and the Architect of Empathetic Systems. His journey began in New Orleans, where he learned that the greatest setbacks are the source of our greatest strengths. Today, he fuses strategic systems with deep human understanding to help nonprofit leaders scale without losing their soul. Darrin provides the logical blueprints leaders need to grow while connecting with their hearts to ensure they feel seen and understood."}],"_links":{"self":[{"href":"https:\/\/donorbox.org\/nonprofit-blog\/wp-json\/wp\/v2\/posts\/207","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/donorbox.org\/nonprofit-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/donorbox.org\/nonprofit-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/donorbox.org\/nonprofit-blog\/wp-json\/wp\/v2\/users\/92"}],"replies":[{"embeddable":true,"href":"https:\/\/donorbox.org\/nonprofit-blog\/wp-json\/wp\/v2\/comments?post=207"}],"version-history":[{"count":1,"href":"https:\/\/donorbox.org\/nonprofit-blog\/wp-json\/wp\/v2\/posts\/207\/revisions"}],"predecessor-version":[{"id":126231,"href":"https:\/\/donorbox.org\/nonprofit-blog\/wp-json\/wp\/v2\/posts\/207\/revisions\/126231"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/donorbox.org\/nonprofit-blog\/wp-json\/wp\/v2\/media\/112864"}],"wp:attachment":[{"href":"https:\/\/donorbox.org\/nonprofit-blog\/wp-json\/wp\/v2\/media?parent=207"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/donorbox.org\/nonprofit-blog\/wp-json\/wp\/v2\/categories?post=207"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/donorbox.org\/nonprofit-blog\/wp-json\/wp\/v2\/tags?post=207"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/donorbox.org\/nonprofit-blog\/wp-json\/wp\/v2\/ppma_author?post=207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}