Summary: This guide walks you through retrieving the Tithely Giving Form embed code and pasting it into your Squarespace website using the Code block, which keeps donors on your site, and offers the Direct Website Giving Link as an alternative if your subscription does not allow custom code.
Before You Begin
- Your Squarespace subscription must allow for custom code (typically Business plan or higher). If not, you must use the Direct Website Giving Link.
- Your site must be SSL secure (HTTPS); otherwise, the giving button will display a security warning.
- Troubleshooting Note: Squarespace may show an error message like 'Previewing in safe mode' in the editor; this is normal and will not appear on the live published page.
Step-by-Step Instructions
Retrieving Your Tithely Giving Form Embed Code
1. Log in to your Tithely account and select Giving.
2. Select Giving Form.
3. Select the correct organization from the drop-down (if applicable).
4. Locate the "Embed Code" text block and Select the Copy button on the right side of the block.
Embedding the Tithely Form Code Into Squarespace
1. Log into the admin side of your Squarespace website.
2. Locate the page you would like to add your giving button.
3. Add a new block option to your page and select "Code".
4. Erase all the text inside the box and paste your embed code from Tithely.
5. Click save. [The button will appear, often with a 'safe mode' preview message.]
6. View your website as a user (in an Incognito tab or logged out) to confirm the giving button looks correct.
Alternative: Using the Direct Website Giving Link
1. Copy your dedicated Tithely giving form URL from the Giving Form Editor page (Step 4 above).
2. Use this Direct Giving Link in any text, social media post, newsletter, or add it to a Button block on your Squarespace site.
Troubleshooting & FAQs
- Why does the editor say 'Previewing in safe mode'? This is a Squarespace security feature that temporarily disables custom scripts and code while you are in editing mode. The button will appear correctly on the live published page for users.
- What if my subscription does not allow custom code? You will need to upgrade your Squarespace subscription (typically to the Business plan or higher) or use Method 2 (Direct Website Giving Link) for the time being.
- The giving button warns users the site may not be secure: Your site does not have SSL Security. Contact your website provider to ensure your site starts with HTTPS instead of HTTP.