Embedding the Simple Donation Widget on a Squarespace site

Follow the steps below to embed the simple widget on your Squarespace site.

  1. In the Nonprofit Admin Portal, click the "Widget" tab in the menu on the top of the dashboard.
  2. You'll see a preview of your widget below.
  3. Next, associate your widget with one of your customized fundraising pages. The widget will adopt your campaign’s styling and donation frequency. In addition, donations from the widget will be associated with this fundraising page in data you get from our platform.
  4. Edit donation amount options included on your widget. You can choose to include default suggested donation amount buttons ($25, $50, $100, $250), come up with your own four suggested amount options, or set one pre-filled amount for the custom donation field.
  5. Click "Get Embed Code" then select the "div" element of the code. It will look like this:
  6. Click here and follow the instructions provided by Squarespace.
  7. Paste the div element from above into the Code element on the page where the widget will appear.
  8. Copy the script element from the embed code. The section starts and ends with "script" and will look like this:
  9. On the lefthand menu of the page in Squarespace, go to "Settings", then "Advanced", then click "Code Injection" and paste the script code into the "Header" section.

Please contact us at support@givelively.org if you have any problems setting up your simple widget.

November 26, 2018