What’s worth knowing in the Squarespace world.
For designers, developers, and people building businesses around Squarespace.
Upgrade Your Squarespace Donations Using SquareDonations
Fundraising is more than just collecting money, it’s about sharing a mission and inspiring communities to make a difference. If you use Squarespace, you already know how elegant and user-friendly its website builder can be. But what if you could take its donation features to a whole new level?
Meet SquareDonations, a new Squarespace extension designed to do just that. With advanced features like campaign goals, progress tracking, and integrations with Zapier and Mailchimp, SquareDonations can be the game-changing plugin your cause has been waiting for.
Why SquareDonations?
SquareDonations enhances the built-in donations functionality on Squarespace to help you:
Set and Display Goals: Let donors see your fundraising targets clearly, so they know exactly how their contributions help.
Track Progress with Eye-Catching Visuals: Choose from a progress bar, circular gauge, or graphical display to showcase donation milestones.
Recognize Recent Donors: Show the names and locations of supporters to build a community feel around your cause.
Integrate Seamlessly: Automate follow-ups and data syncing through Mailchimp and Zapier.
Dive into Advanced Reporting: Generate insights on donor history and trends, making it easier to refine your fundraising strategies.
Who Benefits from SquareDonations?
Churches and Religious Organizations
Gather weekly or monthly tithes, offer special drives, and keep donors in the loop.Universities
Run alumni fundraisers and track progress for scholarship campaigns.Animal Shelters
Highlight urgent cases and show how close you are to funding medical care or supplies.Nonprofits and NGOs
Create multiple campaigns for different programs, each with its own progress tracker.Community Centers
Fund building expansions, events, or outreach programs—making it easy for locals to contribute.Journalists and Arts Organizations
Crowdfund investigative projects or creative endeavors while honoring supporters.Medical Fundraisers
Showcase life-saving equipment needs and keep donors informed.
Standout Features
Campaign Goals and Progress Tracking
Instead of hoping people will contribute, show them the exact target you’re aiming for. SquareDonations makes it simple to add a funding goal to your donation pages. Combine that with striking progress bars or graphics so donors see how close you are to reaching your objective.Recent Donor Highlights
A public show of gratitude can motivate others to give. SquareDonations lets you spotlight recent donors by name and country, creating a warm environment that encourages more generosity.Mailchimp and Zapier Integration
Elevate your fundraising by automating emails and data workflows. With a few clicks, donors can go straight into your Mailchimp list for easy communication. Connect to thousands of other apps using Zapier to streamline tasks like sending donation notifications or updating spreadsheets.Advanced Reporting and Donor Management
SquareDonations offers robust analytics so you can see who’s contributing and when, track recurring donations, and find patterns in donor behavior. These insights help optimize your campaigns for even better results.Flexible Pricing Plans
Whether you’re just testing the waters or running large-scale campaigns, SquareDonations offers different plans. A free option covers basic features, while paid plans expand your capacity and unlock premium extras—like 0% platform fees and priority support.
Comparing SquareDonations with Other Platforms
Curious how SquareDonations holds up next to Donorbox, Givebutter, and Donately? Below is a snapshot of how it compares in key areas:
| Feature | Square Donations | Donorbox | Givebutter | Donately |
|---|---|---|---|---|
| Platform Fees | 0% on Premium, 1% on Free plan | 1.75% on Free, 1.5% on Paid | 0% with tipping, up to 5% without | 4% on Free, 3% on Paid |
| Recurring Donations | Yes | Yes | Yes | Yes |
| Mailchimp Integration | Free | $8/mo for standard plan | Requires Zapier | $49/mo on Paid Plan |
| Zapier Integrations | Free | $17/mo for standard plan | Free | Free |
| Analytics & Reporting | Advanced insights, customizable reports | $35/mo for standard plan | Advanced Reporting with Givebutter Plus | Advanced Reporting with Paid Plan |
| Custom Branding | Available in all plans | $348/yr for standard plan | Starts at $33.80/mo for Plus | $49/mo on Paid Plan |
SquareDonations stands out with 0% fees on its top-tier plan and offers Mailchimp + Zapier integrations for free, making it a very cost-effective option for many organizations.
Pricing at a Glance
SquareDonations provides three primary paid plans (Essential, Pro, and Premium) alongside a Free tier for smaller causes. You can opt for an annual subscription or snag a lifetime license (while available) if you want to pay once and lock in your advanced features.
| Plan | Monthly Price | Platform Fee | Websites | Key Features |
|---|---|---|---|---|
| Free | $0/month | 1% | N/A | - Ideal for small-scale fundraisers just starting out |
| Essential | $9.99/month | 1% | 1 Website |
- Access to advanced features like customizable styles - Detailed reports |
| Pro | $19.99/month | 1% | Up to 3 Websites |
- Includes priority support - All essential tools |
| Premium | $29.99/month | 0% | Up to 5 Websites |
- Unlimited campaigns - Advanced integrations - Priority support |
Note: Annual subscriptions and lifetime licenses are also available for these plans.
How to Get Started
Connect with Your Squarespace Website
Install and link SquareDonations to your existing Squarespace site—no coding required.Set Up or Import Campaigns
Create new fundraising campaigns or import existing ones to get up and running fast.Add a Donation Progress Widget
Select the style (linear bar, circular gauge, or graphical display) that best matches your site’s design. Embed it on your donation page to inspire donors.Create an Advanced Donation Form
Offer a simple yet powerful donation experience. Customize fields, recurring options, and branding, then embed the form wherever you want.
Ready to Elevate Your Fundraising?
If you’re looking to expand your donation strategy on Squarespace, SquareDonations provides the features and ease of use to make it possible. From advanced reporting to memorable donor recognition, it covers everything you need to run a successful campaign—all from the comfort of your Squarespace dashboard.
Upgrade your Squarespace layouts using CSS Container Queries
CSS Media Queries already make Squarespace websites responsive, but there will frequently be times when you’ll need to make elements responsive to their containers, not just to the viewport. Thankfully, CSS Container Queries are now widely implemented in browsers, and there are ways to use them on Squarespace websites.
Since Ethan Marcotte coined the term, our primary tools for making products and websites “responsive” have been CSS Media Queries like this:
@media (min-width: 48rem) {
section {
display: grid; }
}
Media queries are global properties that target media types, including print or screen, orientation, height and width, and colour scheme preferences. Sometimes, you need to apply styles conditionally, for example, based on the width of an element’s container.
Container queries have been a feature that developers have wanted for a long time, and now you can apply conditional CSS based on an element’s container. Best of all, the syntax should already be familiar:
@container (min-width: 48rem) {
p {
font-size: 1rem; }
}
Implementing a product card
To demonstrate container queries, I designed a set of product cards which display an album’s cover image, title, release date, and rating.
Left: Cards without product details.
Right: Product cards using CSS Container Queries.
At this size, the cards appear narrow, so their content stacks vertically within a column.
Narrow cards and stacked content.
However, container queries enable the card’s content to adapt. So now, when arranging cards in a flexible grid, each one will adjust its content layout according to the available space, independent of the viewport size.
Wider cards with adjusted content layout using CSS Container Queries..
The HTML for these cards is straightforward, using multiple layout items, one for each card:
<div class="layout-item"> <article class="card">…</article> </div> <div class="layout-item">…</div> <div class="layout-item">…</div> <div class="layout-item">…</div> <div class="layout-item">…</div> <div class="layout-item">…</div> <div class="layout-item">…</div> Each article contains two direct descendants: a card-figure image and the card-content division: <article class="card"> <figure class="card-figure"><img></figure> <div class="card-content"> <h3>The Space War Chronicles</h3> <p>2025</p> <svg></svg> <button>…</button> </div> </article>
I defined each layout item as a container using the container shorthand. This applies a name to the container plus the axis on which its content styles will be based:
.layout-item {
container: card / inline-size; }
CSS container queries work by defining a container, of which the characteristics will determine when styles are applied to its descendants. I set the container-type value on each layout item to inline-size, which commonly flows left–right, although I could also choose block-size, which typically flows top–bottom, or simply size.
I also added background-color and border-radius properties to each layout item plus Flexible Box (Flexbox) properties, which switch the card’s orientation from a vertical column to a horizontal row when the space inside a card changes:
.layout-item {
container: card / inline-size;
display: flex;
flex-direction: column;
padding: 15px;
border-radius: 10px;
background-color: rgba(0,0,0,.25); }
I gave each card Flexible Box properties, setting the initial flex-direction value to column so that its contents stack vertically. Then, I applied a flex value of 1 to share any available space equally between the card-figure image and card-content division:
.card {
display: flex;
flex-direction: column;
gap: 15px; }
.card-figure,
.card-content {
flex: 1; }
Finally, I used the container query to change a card’s flex-direction value from column to row when its minimum width exceeds 300px:
@container card (min-width: 300px) {
.card {
flex-direction: row;
align-items: center; }
}
As more space becomes available, a browser will rearrange the cards’ layout from a single content column to two columns.
Product cards using CSS Container Queries.
Hint: You can see the effects of this container query on my demonstration page for this article.
Using CSS Container Queries in Squarespace
Container queries are a relatively recent addition to CSS, but all major browsers now support them solidly. I’ve found that the best way to integrate container queries into Squarespace websites to create new elements is by adding custom HTML into code blocks.
HTML for container queries inside a Squarespace code block.
You can either add your CSS to the code block, or—if an container query will be used multiple times across your Squarespace website, add their styles to your Custom CSS.
CSS for container queries in Custom CSS.
Have you tried using CSS Container Queries in your Squarespace websites? What other design elements do you think they can improve? Let me know in the comments or on social media.
Andy Clarke
Often referred to as one of the pioneers of web design, Andy Clarke has been instrumental in pushing the boundaries of web design and is known for his creative and visually stunning designs. His work has inspired countless designers to explore the full potential of product and website design.
Andy’s written several industry-leading books, including ‘Transcending CSS,’ ‘Hardboiled Web Design,’ and ‘Art Direction for the Web.’ He’s also worked with businesses of all sizes and industries to achieve their goals through design.
Visit Andy’s studio, Stuff & Nonsense, and check out his limited edition Premium templates for Squarespace.
Sendowl Review: 10 Reasons Why We Love It for Selling Digital Products
If you’ve ever Googled “How do I sell a PDF online?” or asked ChatGPT “What’s the easiest way to sell digital products?”, one of the top answers you’ll find is SendOwl.
I didn’t come across SendOwl because of ads or hype. I discovered it years ago while buying ebooks from PersonalityHacker.com. The checkout was fast, clean, and frictionless — exactly the kind of flow I wanted for my own customers.
In January 2018, after testing the pros and cons between Gumroad and SamCart, SendOwl won. It gave me the right balance of control, simplicity, and cost. Since then, we’ve run over $1M in sales through the platform — and I can confidently say, for digital products, it’s been a game-changer.
Here’s why.
Why We Switched to SendOwl
The short answer: control and conversions.
Squarespace Commerce was fine for physical goods, but when we started building a business around digital products — ebooks, templates, memberships — it quickly felt limiting.
SendOwl gave us:
A checkout experience that matched our brand.
More ways to increase revenue per customer.
Built-in marketing tools that would normally cost extra.
For us, that meant less friction, more sales, and more recurring revenue.
10 Features That Actually Make You More Money
1. Frictionless Checkout → Higher Conversions
When customers don’t have to fight through endless forms, they buy more. SendOwl’s 2-click lightbox checkout skips shipping details and distractions. We saw an immediate bump in completed orders the week we switched.
2. Custom Branding → Professional Trust
Redirects kill trust. SendOwl lets your checkout look and feel like your site. That seamless brand experience keeps customers from second-guessing their purchase.
3. One-Click Upsells → Bigger Orders
After checkout, SendOwl can instantly offer a related product. That one feature alone has added 20%+ to our average order value. It’s like finding money you didn’t know was there.
4. Cart Recovery → Saved Sales
Abandoned carts aren’t lost sales anymore. SendOwl automatically emails people who don’t finish checkout, giving them a nudge back. Those “second chances” put real revenue back in our account.
5. Email Integrations → Long-Term Value
SendOwl plugs right into ConvertKit, Mailchimp, and others. That means every customer gets tagged in your email system, ready for upsells, product launches, and future offers.
6. Affiliate Program → Other People Sell For You
Why hustle alone? SendOwl has built-in affiliate tracking so your customers, fans, and partners can promote your products — without needing another piece of software.
7. Product Bundles → Higher Perceived Value
Bundling makes digital products feel like a “deal.” We’ve packaged templates and guides together and watched average order value climb without extra effort.
8. Memberships & Subscriptions → Recurring Revenue
One-time buyers are fine. Subscribers are better. SendOwl makes it easy to sell memberships or subscriptions so income comes in every month like clockwork.
9. Automatic Product Updates → Better Experience
Digital products evolve. With SendOwl, when you update a file or template, customers get the new version automatically. That builds loyalty and repeat buyers.
10. Content Protection → Peace of Mind
Download limits, expiration dates, and content dripping protect your intellectual property. You can sell with confidence, knowing your work isn’t being passed around for free.
Using this and a Squarespace business plan combined should be under $50/mo - or about the cost of the advanced commerce plan.
How to integrate Sendowl with Squarespace
When you create a product in Sendowl you can use the checkout link to create your own buy buttons and product pages. Again very flexible.
Frequently Asked Questions (FAQs) About SendOwl
How does SendOwl work?
SendOwl is an easy-to-use digital sales platform. When a customer purchases a digital product, SendOwl automatically sends them a secure download link. Beyond delivery, it provides tools for marketing, analytics, upsells, and affiliate management — making it a complete sales solution.
Does SendOwl cost money?
Yes. SendOwl offers several pricing plans ranging from $9 to $39 per month, designed to suit businesses of different sizes and sales volumes.
Can I sell physical products on SendOwl?
Yes. While it’s built for digital products, SendOwl also supports physical product sales.
Are there restrictions on the types of files I can sell?
No. SendOwl supports a wide range of file formats including .doc, .exe, PDF, images, videos, and more.
Where is SendOwl based?
SendOwl was founded in London, UK, and operates globally.
Is SendOwl a payment gateway?
No. SendOwl is not a payment gateway itself. Instead, it integrates seamlessly with Stripe, PayPal, and other popular gateways to handle payment processing.
Does SendOwl have an app?
SendOwl does not have its own standalone app. However, it integrates with Shopify via a dedicated app in the Shopify App Store.
What fees does SendOwl charge?
SendOwl charges a fixed monthly subscription (no percentage cut of your sales). Your chosen payment gateway (Stripe or PayPal) will have its own transaction fees — for example, Stripe charges 2.9% + $0.30 per transaction in the US.
What is the file size limit on SendOwl?
You can upload files up to 1GB directly. For larger files, you can use FTP. To sell multiple files together, SendOwl’s Bundle feature makes it easy.
Final Verdict: Is SendOwl Worth It?
For us, absolutely. After testing Gumroad and SamCart, SendOwl won — and it’s been the backbone of our digital product sales ever since.
We’ve processed over a million dollars in revenue through it since 2018. If your business is built on digital products — ebooks, templates, courses, memberships — SendOwl gives you control, flexibility, and growth features at a fraction of the cost of other platforms.