How to Add Giving To Your Website: Squarespace

Discover how to integrate giving on your Squarespace site with our easy guide. Learn two methods: embedding the form for seamless donations, or using a direct link for simplicity. Ensure your account supports custom code and your site is SSL secure to protect donors. Suitable for account owners, admins, or those with Giving Product permissions, this article simplifies online giving setup, enhancing your church's digital presence.

User Permissions needed to access Giving 
Account Owner, Admin, or Limited Access with access granted to the Giving Product. If you have additional questions please reference this article.

Using Your Giving Form Embed Code

Please Note: Before attempting to embed a code on your website please make sure your Squarespace website subscription allows for custom code. If it does not you will need to use  the Direct Website Giving Link method #2 on this article or upgrade your subscription.

It is also important to know if your website is SSL secure. If your site does not has SSL security the Tithely giving button will warn users that the site may not be secure. You can tell is your site has SSL Security if it starts with HTTPS. If your site only starts with HTTP you do not have this and will need to contact your website provider.

Retrieving Your Tithely Giving Form Embed Code


  1. Login to your Tithely account and select Giving.
  2. Next, select Giving Form.
    You'll be taken to the Giving Form Editor. From here, you can customize the styling of your Giving Form and preview those changes as you make them.
    If you have multiple organizations (churches, campuses, ministries, etc) setup in your account, select the correct organization from the drop-down in the top-left corner of the editor:
  3. From here, you will see an "Embed Code" text block. Simply select the Copy button on the right side of the block.Screenshot 2024-05-16 at 2.41.39 PM.png

Embedding the Tithely Form Code Into Squarespace

If you have a Squarespace account, log into the admin side of your website. Locate the page you would like to add your giving button.

Add a new option to your page and select "Code" (top line, fourth from the left).

  1. A text box will appear. Erase all the text inside and paste your embed code from Tithely.

  2. Click save, and the giving button will appear!

Please Note: In editor mode within SquareSpace, it may show an error code that says ‘Previewing in safe mode.’ This will not appear on the published page. Please open another tab and view your website as a user to see what the giving button looks like.

Using Direct Website Giving Link

If you cannot or don't want to use the embedded method, you can copy your dedicated Tithely giving form URL from the same page that you copied the Embed Code from:

Screenshot 2024-05-16 at 2.40.24 PM.png

Your Direct Giving Link can either be used on social media, through newsletters, pasted anywhere on your site, or if your site allows, it can be added as a button.

Just add the direct giving link in the URL dedicated section and click save.