Squarespace Installation Guide

The first step in setting up FairShare for Business is to implement the registration flow on your website. This registration flow is called AE Connect, and is how your users will be added to the FairShare marketplace so you can start collecting valuable insights on their social media, streaming and on-site behavior and interactions.  AE Connect is added to your site using AEJS, a Javascript framework. You can find the basic AE Connect installation instructions here.

This article will show you how to add AE Connect to your Squarespace site. You will need to be able to add custom code to your site in order to install AE Connect. This feature is only available on paid Squarespace plans.

For more information on adding code to your Squarespace site, see Squarespace's support article: Using code injection

1. Navigate to your AE Connect settings by clicking the quick link on your dashboard homepage, or by clicking the gear icon in the upper right menu:
   
   
   
   
   
2. On your AE Connect settings page, scroll down and choose the Install AE Connect tab.
   
   
   
   
3. Under 2. Add AE Connect to your website, you will find the AEJS framework code. Copy this code.
   
   
   
   
4. Open a new tab and navigate to the Code Injection panel of your Squarespace site. This can be found in the Website Tools section.
   
   
5. Paste the code from Step 3 into the Header section of the Code Injection panel.
   
   
   
6. Go back to your AE Connect application window and scroll down to 3. Add the JavaScript function. This is the AEJSReady function and is where you will manage AE Connect settings and events. Copy this code.
   
   
   
   
7. Back on the Code Injection panel of your site, paste the code from Step 6 into the Footer section. Alternatively, you can add this code to the individual page where your AE Connect registration will live. There are a few cases where this may be the best approach. For example, if you want to redirect logged in users to a “success” page using the onUser and onLogin events (see AE Connect: Advanced Setup and Customization and the AEJS Framework Reference for more details).
   
   
8. To add the code to an individual page, go to Edit Page and then add a Code block at the bottom of the page. Paste the code from Step 6 into this block. Save your changes.
   
   
9. AEJS has now been added to your site and you can begin building your registration flow with either our built-in registration flow (data-ae-register-window) or a more customized approach.
   
   
   

Next Article: Build your AE Connect Registration Flow