Deploy to Squarespace - everydotorg/donate-button GitHub Wiki

Requirements

To complete Step 2 for the full embed experience, you will need a paid Squarespace account that allows custom Javascript (Business tier or higher).

Process

Step 1: Set up a donate link on your site

  1. Determine your donate URL. It will be in this format: https://www.every.org/<your nonprofit slug>#/donate.
    • For example, https://www.every.org/maps#/donate is the donation link for the MAPS nonprofit. If you visit that URL, it will open a page where you can support MAPS.
  2. Log into Squarespace and go to the Dashboard.
  3. Select your site
  4. Go to Pages
  5. Click on the page you want to add a donate button to.
  6. Click on Edit on the left corner of the page
  7. Add a button on your page.
    • Set the web address to the donate URL above.
  8. Click on the Done > Save button to make the donate link live.

Now, if you click the button you created, it will take you to your nonprofit's Every.org profile, with the donate modal open.

The next step will be to make the button open donate flow without leaving your website.

Step 2: Open the in-site donate flow instead of redirecting to Every.org

  1. Go back to the Squarespace dashboard.
  2. Select your site
  3. Go to Settings > Advanced > Code Injection
  4. Edit the following code snippet to Head textfield:
<script async defer src="https://embeds.every.org/0.4/button.js"></script>
⚠️ **GitHub.com Fallback** ⚠️