Skip to content
  • There are no suggestions because the search field is empty.

Aimax Installation

This article explains how to install InGo widgets into your Aimax registration flow. The steps below cover widget code templates that need to be used with this integration, how to update it with your event-specific Widget IDs, and where to place it.

Overview: widgets & registration pages

InGo uses four widgets across two different pages of the Aimax registration flow:

Page Widgets to install Purpose
Registration form page
(first form step where attendees fill in their details)		 Login Widget (LW) + Registration Widget (RW) Double advocacy, auto-populate form fields after authentication, and capture registrants
Confirmation / thank-you page
(shown after registration is complete)		 Confirmation Widget (CW) + Social Widget (SW) Confirm a registrant, and convert it to an advocate

Install Login & Registration Widgets

Embed the Login & Registration Widgets script in the HTML of the first form step — the page where visitors enter their personal details. Place it anywhere within the <body> of that page. A template code for these two widgets is available in the green box below. 

  • Insert-Login-Widget-ID → replace with your LW Widget ID from InGo Admin
  • Insert-Registration-Widget-ID → replace with your RW Widget ID from InGo Admin

To pull actual Widget IDs for your event, open your event in InGo, navigate to the Install Widgets page and from the Registration Provider dropdown menu select "Widget IDs Only". 

<script>
    function runInGoRW() {
        var rwScript = document.createElement('script');
        rwScript.src = 'https://cdn.ingo.me/widgets/Insert-Registration-Widget-ID.js';
        rwScript.setAttribute('data-ingo-fields.user.first-name', '#fname1');
        rwScript.setAttribute('data-ingo-fields.user.last-name', '#lname1');
        rwScript.setAttribute('data-ingo-fields.user.email', '#email1');
        rwScript.setAttribute('data-ingo-fields.user.company', '#field_153');
        rwScript.setAttribute('data-ingo-fields.user.company-position', '#designation1');
        document.body.appendChild(rwScript);
    }
    function runInGoLW() {
        var lwScript = document.createElement('script');
        lwScript.src = 'https://cdn.ingo.me/widgets/Insert-Login-Widget-ID.js';
        lwScript.setAttribute('data-ingo-modal', 'true');
        lwScript.setAttribute('data-ingo-autostart', 'true');
        lwScript.setAttribute('data-ingo-disable-close', 'true');
        lwScript.setAttribute('data-ingo-is-manual-script', 'false');
        lwScript.setAttribute('data-ingo-redirect-after-auth', 'false');
        lwScript.setAttribute('data-ingo-close-modal-on-manual', 'false');
        lwScript.setAttribute('data-ingo-post-auth-script', "runInGoRW()");
        document.body.appendChild(lwScript);
    }
    if (document.readyState === 'interactive' || document.readyState === 'complete') {
        runInGoLW();
    } else {
        document.addEventListener('DOMContentLoaded', runInGoLW);
    }
</script>

IMPORTANT information about this code template:

Aimax uses its own HTML field IDs, and these can differ between events. Before installing, verify the correct selector for the Company field on your specific registration form (e.g. #field_153) and update the template accordingly. All other standard field selectors (#fname1, #lname1, #email1, #designation1) are typically consistent across Aimax events, but make sure to check those as well.

Install Confirmation & Social Widgets

Both the Confirmation Widget and Social Widget must be installed together on the confirmation page shown after a visitor successfully completes registration. Place it at the top of <body> section of that page.

The compatible codes for installing these two widgets are already available in InGo admin; open your event in InGo, navigate to the Install Widgets page and from the Registration Provider dropdown menu select "Standard Installation - Full" - this way you'll get "install-ready" scripts with IDs pre-inserted. 

An example of what these codes will look like can be found below:

<script src="https://cdn.ingo.me/widgets/Confirmation-Widget-ID.js"></script>

<script src="https://cdn.ingo.me/widgets/Social-Widget-ID.js"></script>

Testing Your InGo Installation

For widgets with a visual UI, such as the Login and Social widgets, view the preview versions of each of these pages. If you see your InGo widgets appear then you've installed these correctly.

For your Registration Widget, this can be tested by confirming if autofill is occurring successfully. When authenticating with the Login widget, choosing a social option will pull data from your account and populate the form accordingly. 

And that's it! For any questions or assistance with this integration, please reach out to support@ingo.me.