How to customize the donation block in Squarespace

August 6, 2024 insidethesquare

This tutorial is specifically for the latest version of Squarespace, known as 7.1, and won't work for older versions of Squarespace. For more information, visit https://insidethesquare.co/themes

Want to make a difference with your Squarespace site? The donation block is your ticket to raising funds for your favorite cause. But let's face it, figuring out how to customize it can be a bit tricky.

That's why I created a brand new video tutorial to walk you through the process step-by-step. From setting up your donation options to customizing the design, I'll show you how to create a donation block that's both effective and visually appealing.

Whether you're running a non-profit, crowdfunding a project, or simply accepting donations for a cause close to your heart, this tutorial will equip you with the knowledge and skills to make it happen. You’ll find the custom codes below the video along with additional resources to help you make Squaresapce uniquely yours.

See this content in the original post

Here are some helpful timestamps for the video above:

00:00 Introduction to Donation Blocks

00:30 How to Add a Donation Block in Squarespace

01:00 Chow to customize Donation Block Content

01:45 Design Settings for Squarespace Donation Blocks

05:51 Custom Donation Block Style with CSS

10:13 Final Tips and Resources

See this content in the original post

Here are the codes used in this tutorial.

You’ll find more selectors and style plugins like this inside the Squarespace CSS cheat shet, available at insidethesquare.co/css

Be sure to edit the values so they match the style of your own website!