How to add the Fundraise Up installation code to a Squarespace website
Squarespace is an all-in-one website building platform that allows users to create beautiful, professional websites without having to write any code. Follow the steps below to add the Fundraise Up installation code to your Squarespace website.
Prerequisites
- Administrative access to your Squarespace website
- A Business or Commerce Squarespace plan
- Access to your organization’s Fundraise Up account with a user account that has the Organization Administrator role
Steps
- In Fundraise Up, copy your installation code.
- Log in to Squarespace and select your website.
- In the Squarespace sidebar, select Website
- Select Website Tools from the Utilities section
- Select Code Injection from the Custom Code section
- Add the Installation Code to the "Header" section
- Hit the "Save" button
The Fundraise Up installation code is now installed on your Squarespace website.
Elements
To add Elements components to your Squarespace website, add a Code block to your page layout and insert a component’s code snippet.
Adding components to the Site Header
You can add an Elements component to the Site Header using the following method.
- Hover on the site header in the page editor and select Edit Site Header.
- Select Elements.
- Toggle-on the Button option.
- In the URL property, enter a hash sign (#) followed by the ID of the component you want to display in the header. The ID of the component is visible in its code snippet, as shown below.
1<a href="#XTGWFZFR" style="display: none"></a>
The code snippet above renders as Donate Button Elements component. The component’s ID is the
href
value,XTGWFZFR
.
Apple Pay activation
To activate Apple Pay for a Squarespace website, follow the instructions in the guide below.
How-to guide: Apple Pay domain verification for Squarespace websites
Related articles
Before adding the element, ensure that you add the installation code on your Squarespace website. For instructions on how to do it, please refer to this guide.
To add a donation form to a Squarespace