WordPress 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 WordPress site. An easy way to do this is to use WordPress’s WPCode plugin. For demonstration purposes, this tutorial will use the WPCode plugin, but you can use any plugin that allows you to add code to the header and footer of your website.

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. In another window, open the admin side of your website and click Code Snippets in the side menu (1), then Header & Footer (2).
   
   
   
   
5. Paste the code in the header section.
   
   
   
   
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. In your other window, scroll down and paste the code in the footer section. Save changes.
   
   
   
8. Alternatively, you can add this code just to the footer of 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).
   
   
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