• Skip to main content
  • Skip to secondary menu
  • Skip to primary sidebar
  • Skip to footer
  • About Donorbox
  • Sign Up
  • Login
  • Contact

Nonprofit Blog

Nonprofit Tips from the Donorbox team

  • Nonprofit Tips
  • Donorbox Integrations
    • WordPress
    • SquareSpace
    • Wix
    • Weebly
    • Twitch
    • Drupa 8
    • Joomla
    • Website X5
  • Donorbox Features

How To Install Modal Popup Donation Forms On Squarespace

November 17, 2020 by Wagisha Jha Leave a Comment

donation forms for squarespace

In order to make our checkout process even faster, Donorbox supports modal popup donation forms. This feature allows your donation form to pop up on the same screen. A donate button will be installed on your web page. When someone clicks it, the popup form will appear, instead of redirecting your donors to a separate donation page.

If you’d rather embed a whole donation form into your Squarespace web page, check out our guide here.

This guide will walk you through how to install a popup donation form on your Squarespace website.

squarespace donation forms


How to Install  a Popup Donation Form on Squarespace


Step 1

Go to your Donorbox campaigns page and find your desired campaign. Click the form integrations icon </> next to it. Select the “Popup Form” option for that campaign.


Step 2

You can edit some of the default settings in your form here, like setting a default donation amount or recurring option. As you change the settings, you will see the code automatically adjust itself.

When you’re happy with the settings, highlight and copy the code for your form. This code will be posted on your site later on.


Step 3

Head over to your Squarespace editor. Click the “Pages” button in the left-hand sidebar.

sqaurespace donations


Step 4

Click the “+” button to create your new donation page.

donation form on squarespace


Step 5

Select the type of page you wish to create. We will be using a classic page layout.

squarespace donation forms


Step 6

Name your new page, then click the “Start Editing” button.

donation forms on squarespace


Step 7

To add content to your new page, click one of the teardrop-shaped buttons on the left-hand side of your page.

donation forms on squarespace


Step 8

Scroll down to the “More” section of the elements list and choose the “Code” block.

donation forms on squarespace


Step 9

Paste the donate button embed code into the appropriate textbox. Click “Apply”.

donation forms for squarespace


Step 10

Your Squarespace donate button should now appear in your website editor. Click the “Save” button on the top left.

squarespace donation forms


Step 11

Your new donation page is all set! Here is an example of what your new page and button should look like:

donation form squarespace


When you click on your donate button, the modal popup form for your Donorbox campaign should appear on the same screen, making the checkout process even faster for your donors!

squarespace donation forms

Filed Under: Donorbox Integrations, Resources Tagged With: donate, donation, donation form, donorbox integration, integration, nonprofit, popup form, recurring donation, squarespace, website

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

Join the Nonprofit Movement

Receive our free email updates to get nonprofit tips, resources and freebies sent directly to your inbox.

TOP POSTS

  • The Complete Guide to Registering a 501c3 Nonprofit
  • How to Start a Nonprofit Organization: A Comprehensive Guide
  • 12 Donation Form Best Practices to Boost your Donations
  • How to Create a 501(c)(3) Tax-Compliant Donation Receipt
  • 10 Actionable Tips to Create a Powerful Monthly Giving Program
  • 100+ Powerful and Effective Fundraising Ideas for Everyone
  • 10 Reasons Why Nonprofits Choose Donorbox Over PayPal
  • Quickly Raise Funds With Our Powerful Crowdfunding Feature [New Update]

Recent Posts

  • How To Start a Nonprofit in Georgia
  • 30 Most Effective Silent Auction Ideas
  • 10 Steps to Host a Successful COVID-friendly Holiday Giving Campaign
  • 20 Boy Scout Fundraising Ideas
  • Importance of Community Partnerships for Nonprofits

Footer

Resources

Get Started with Donorbox
Covid19 Resource Center
Donation software
Contact us
Support
Affiliate Partner Program
100+ Fundraising Ideas for Nonprofits

Use cases

Nonprofit Fundraising Solution
College & University Fundraising
Medical Research Fundraising
Church Fundraising
Political Fundraising
Animal Rescue Fundraising

Integrations

Stripe for Nonprofits
Wix Donations
SquareSpace Donations
Weebly Donations
WordPress Donation Plugin

Copyright © 2021 · Magazine Pro on Genesis Framework · WordPress · Log in