Add the Widget to Squarespace
Generate your Web Widget in Donorfy as normal.
Open your Squarespace page editor.
Insert a Code Block where you want the widget to appear.
Paste your Web Widget HTML into the code block.
Add Required Script References
Squarespace does not automatically include the jQuery libraries required by Donorfy Web Widgets.
To enable the widget to initialise correctly, add the following script references above your widget HTML inside the Code Block:
<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.4.min.js"></script> <script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
These must appear before any widget code.
Use Your Own Domain When Testing
Squarespace may provide a temporary domain such as:
https://mycharity.squarespace.com
This domain may not allow payment processes (e.g. Stripe or Apple Pay) to complete properly.
To ensure accurate testing:
Connect your organisation’s real domain (e.g. https://www.mycharity.org) to Squarespace.
Test your Web Widget using this live domain.
This ensures compatibility with Stripe validation, Apple Pay requirements, and SSL behaviour.
To get the appearance of the web widget exactly as you want it you can add your own CSS - this article explains more.
⚠️Important:
Web Widgets are a Professional only feature. Essential subscribers, please contact us to find out more about upgrading.