Wix 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 Wix site. You will need to be able to add custom code to your site in order to install AE Connect. Wix requires you to have a published site and a connected domain to do this. 

For more information on adding code to your Wix site, see Wix's support article: Wix Editor: Embedding Custom Code on Your Site

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 your Wix site dashboard. Then, go to the Settings section.
   
   
5. Click Custom Code in the Advanced section.
   
   
6. Click Add Code under the Head section. Paste the code you copied in Step 3 in the code snippet box at the top. Make sure All pages is selected under Add Code to Pages. Hit Apply.
   
   
7. 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.
   
   
   
   
8. Back on the Custom Code page of your Wix dashboard, click Add Code under the Body - End section. Paste the code you copied in Step 7 in the code snippet box at the top. You can either apply this code to all pages, or you can select the page where you want the AE Connect registration flow to appear. 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). Hit Apply.
   
   
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