VISIT 4 Installation

Are you utilizing VISIT 4 by GES as your registration platform? The standard InGo installation and Best Practice setup is as follows.

Pre-Installation:

• Find your InGo widget IDs
  • You should have an email with the subject "InGo Welcomes {EVENT NAME}" that will contain full scripts for the InGo widgets. The ID for each widget is the long string in the <script> src attribute.
  • Ex: https://cdn.ingo.me/widgets/C0CED2A07F604FEAA9BC2782D85BAB8C.js

1. Activator Widget on "Welcome" page

• Navigate to current page settings and click "Edit JavaScript", paste the code below into the box, and update the Activator widget ID.

function runActivator(){
 ingoWidgetRun("INSERT_ACTIVATOR_WIDGET_ID", "activator", "#activator");
};
loaderOnPage = jQuery("script[src='https://cdn.ingo.me/widgets-loader/latest/js/ingo.loader.widget.js']").length;
if (loaderOnPage >=1) {
 jQuery(document).ready(function(){
 runWidgetOnPage = jQuery("script[src$='visit4WidgetRun-v3.js']").length;
 if (runWidgetOnPage >=1) {
 runActivator();
 } else {
 var loadTheFile = document.createElement("script");
 loadTheFile.setAttribute("src", "https://cdn-ingo.s3.amazonaws.com/custom-js/visit4WidgetRun-v3.js");
 loadTheFile.onload = function(){
 runActivator();
 };
 head.append(loadTheFile);
 }
 });
} else {
 var head = document.getElementsByTagName("head")[0];
 var ingoLoader = document.createElement("script");
 ingoLoader.setAttribute("src", "https://cdn.ingo.me/widgets-loader/latest/js/ingo.loader.widget.js");
 ingoLoader.onload = function(){
 var loadTheFile = document.createElement("script");
 loadTheFile.setAttribute("src", "https://cdn-ingo.s3.amazonaws.com/custom-js/visit4WidgetRun-v3.js");
 loadTheFile.onload = function(){
 runActivator();
 };
 head.append(loadTheFile);
 };
 head.append(ingoLoader);
};

• In the text box below "New Registration", click into the code editor view (</> icon), and paste the code below.

<div id="activator"><br></div>

2. Autofiller Widget on Personal Details Page

• Navigate to current page settings for the Personal Details form page and click "Edit JavaScript", paste the code below into the box, and update the Autofiller widget ID.

function runAutofiller(){
 ingoWidgetRun("INSERT_AUTOFILLER_WIDGET_ID", "autofiller");
};
loaderOnPage = jQuery("script[src='https://cdn.ingo.me/widgets-loader/latest/js/ingo.loader.widget.js']").length;
if (loaderOnPage >=1) {
 jQuery(document).ready(function(){
 runWidgetOnPage = jQuery("script[src$='visit4WidgetRun-v3.js']").length;
 if (runWidgetOnPage >=1) {
 runAutofiller();
 } else {
 var loadTheFile = document.createElement("script");
 loadTheFile.setAttribute("src", "https://cdn-ingo.s3.amazonaws.com/custom-js/visit4WidgetRun-v3.js");
 loadTheFile.onload = function(){
 runAutofiller();
 };
 head.append(loadTheFile);
 }
 });
} else {
 var head = document.getElementsByTagName("head")[0];
 var ingoLoader = document.createElement("script");
 ingoLoader.setAttribute("src", "https://cdn.ingo.me/widgets-loader/latest/js/ingo.loader.widget.js");
 ingoLoader.onload = function(){
 var loadTheFile = document.createElement("script");
 loadTheFile.setAttribute("src", "https://cdn-ingo.s3.amazonaws.com/custom-js/visit4WidgetRun-v3.js");
 loadTheFile.onload = function(){
 runAutofiller();
 };
 head.append(loadTheFile);
 };
 head.append(ingoLoader);
};

3. Authorizer and Amplifier Widget on Confirmation Page

• Navigate to current page settings for the registration confirmation page and click "Edit JavaScript", paste the code below into the box, and update the Authorizer and Amplifier widget IDs.

function checkContainer () {
 if($('#amplifier').is(':visible')){ //if the container is visible on the page
 ingoWidgetRun("INSERT_AMPLIFIER_WIDGET_ID", "amplifier", "#amplifier");
 ingoWidgetRun("INSERT_AUTHORIZER_WIDGET_ID", "authorizer");
 } else {
 setTimeout(checkContainer(), 50); //wait 50 ms, then try again
 }
 }
loaderOnPage = jQuery("script[src='https://cdn.ingo.me/widgets-loader/latest/js/ingo.loader.widget.js']").length;
if (loaderOnPage >=1) {
 jQuery(document).ready(function(){
 runWidgetOnPage = jQuery("script[src$='visit4WidgetRun-v3.js']").length;
 if (runWidgetOnPage >=1) {
 checkContainer();
 } else {
 var loadTheFile = document.createElement("script");
 loadTheFile.setAttribute("src", "https://cdn-ingo.s3.amazonaws.com/custom-js/visit4WidgetRun-v3.js");
 loadTheFile.onload = function(){
 checkContainer();
 };
 head.append(loadTheFile);
 }
 });
} else {
 var head = document.getElementsByTagName("head")[0];
 var ingoLoader = document.createElement("script");
 ingoLoader.setAttribute("src", "https://cdn.ingo.me/widgets-loader/latest/js/ingo.loader.widget.js");
 ingoLoader.onload = function(){
 var loadTheFile = document.createElement("script");
 loadTheFile.setAttribute("src", "https://cdn-ingo.s3.amazonaws.com/custom-js/visit4WidgetRun-v3.js");
 loadTheFile.onload = function(){
 checkContainer();
 };
 head.append(loadTheFile);
 };
 head.append(ingoLoader);
};

• Note: You may notice this block of code has more lines than the others, this is intentional in effort to ensure both widgets can load at the correct timing.
• Open the code editor view (</> icon) and locate the position on the page you would like to add the Amplifier widget. Paste the code below into that location in the HTML editor, as with the Activator widget.

<div id="amplifier"><br></div>

Advanced, Multi-Language Installs on VISIT 4

Please contact InGo Support to set up multiple languages on your VISIT 4 forms.