Square Space Update for Integrations

We love recommending Square Space as an easy-to-use and beautiful website template to use to set up your website. Square Space offers an easy way to integrate code such as Sparxo’s integration codes to allow event-goers to register for events directly on your website without being redirected.

Square Space updated its system in 2018, which may affect the code added to a Square Space website. In our case, it may disable the Sparxo code (script).

To find out if it disables the Sparxo code on your Squarespace website or not, start here:

1. On your Squarespace Page that you want Sparxo integrated, add (+) an “embed” option by selecting it and dragging it to your page where you want it.
2. After you do this, you should see a box pop open. Select “Code Snippet”
3. Then select “Embedded data”
4. Here you want to copy and paste the code for your integration from your Sparxo dashboard.

You can view all integration options in your Sparxo dashboard by:

1. Scroll over event
2. Select Manage
3. Select “Integration Codes & URLs”

Then go ahead and SAVE. Then view your webpage directly to see if the Sparxo integration is showing. If it is not showing, please follow the instructions on this Square Space article for injecting the Sparxo code to make sure it is compatible with your site:

https://support.squarespace.com/hc/en-us/articles/205815908

In short, here is the text version:

1. In the Home Menu, click Settings, click Advanced, then click Code Injection
2. Copy and paste the following into the blank area now displayed under “header”:

<script>(function (d, s, b) {if (d.getElementById(b)) {return;} var l, f = d.getElementsByTagName(s)[0];l = d.createElement(s);l.id = b;l.src = “https://e.sparxo.com/assets/shared/client.js”;f.parentNode.insertBefore(l, f);}(document, ‘script’, ‘sparxo-js’));</script>

TIP: In order to use Code Injection, you need to have a Business account with Squarespace and not a Personal account. The Business account is $6/month more than the Personal account as of May 2019.

For newer Square Space sites, you may need to disable Ajax so that the Sparxo code loads. Ajax is a feature that allows parts of a page to be loaded, without loading the full page.

If your template uses Ajax loading (all the Brine-family templates do) and you want to disable Ajax you can do so in the Style Editor. To disable Ajax:

Open a Blog Page then, in the Home Menu, click Design, and then click Style Editor.

Scroll down to Site: Loading.

Uncheck Enable Ajax Loading.

This workaround will fix the issue, but it will disable Infinite Scroll and all Ajax features.

Please contact us if you have any questions – contact@sparxo.com.

Yes! We are Squarespace Circle Members!