A Beginner’s Guide to Squarespace Donation Blocks

A Squarespace donation block make it easy to accept contributions for your cause or event directly from your website.

With just a few clicks, you can add a donation button to your Squarespace website and start collecting funds. Donation blocks are also perfect for creating a unique cash gift registry for weddings or special occasions!

Important things to know:

  • Donation blocks are a premium feature available on specific Squarespace plans.

  • You'll need to connect a payment processor to your site to accept donations.

  • There are transaction fees associated with donations.

  • Donations don't follow the same tax rules as regular store purchases.

  • Donators will be asked for their email and phone number during checkout.

How to add an donation block to Squarespace

Here is an example of a donation block:

  1. Select edit on the top left-hand side of your website preview.

  2. Click the add block option on a page section, or the plus sign inside classic editor.*

  3. Select the Donation option form the list of content blocks

  4. If you don’t have a payment processor connected, you’ll need to add one. This block has a quick link that will take you to your store payments menu so you can connect one. You have to connect a payment processor to accept donations.

  5. Click on the fund settings option to set up your donation amounts, including descriptions and other information.

  6. Under the fund settings you’ll see an option to customize the donate button text. Change this to anything you want it to be!

  7. Under the design tab, you’ll be able to add a background, a border (stroke) and adjust the alignment settings and button style.

*Classic editor is used by blog posts, additional product details, individual events, and sites built on version 7.0 Learn more inside Squarespace Made Simple*

What you can customize about the donation block using Squarespace

  • You can add a background and border (stroke) to an individual donation block, and adjust the alignment of the content, using the design tab.

  • Your Squarespace donation block style is based on the form style you have created using your site style settings.

  • At this time, there is no way to adjust the donation block without adjusting your site wide contact form settings without custom code.

What you can customize about the donation block design using CSS

CSS stands for Cascading Style Sheet and it’s a special type of code that you can use to customize Squarespace.

In August of 2024, new tutorials will be published that will help you customize the style of your amazon product block. There are no custom code tutorials available for this content block at this time.

Where you can learn more about the Squarespace donation block

Squarespace Made Simple

This mini course for beginners will teach you how to create your first Squarespace website. Lesson seven includes information about content blocks.

LEARN MORE →

Squarespace Support Article

Learn more from the official Squarespace support blog

Squarespace

made simple

Get all the info you need to confidently

launch your Squarespace website ASAP.

Previous
Previous

Digital Product Block

Next
Next

Embed Block