VISIT 4 Installation

Pre-Installation:

• Find your InGo widget scripts
  • You can find the Widget scripts in the InGo event dashboard: open your event campaign and locate the Registration Paths section, find the line for Registrants, and click "Install Widgets", there select "VISIT 4" as the registration provider and you'll get the correct scripts. 
    
    *note: scripts in this article are just an example, without widget IDs and these shouldn't be used

1. Login (Activator) Widget on "Welcome" page

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

function runActivator(){
 ingoWidgetRun("INSERT_LOGIN_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 the platform 'Register' button, click into the code editor view (</> icon), and paste the code below. 
  
  Note: do not ever put this line of code in a footer or header! 

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

2. Registration (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 Registration widget ID.

function runAutofiller(){
 ingoWidgetRun("INSERT_REGISTRATION_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. Confirmation (Authorizer) Widget and Social (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 Confirmation (Authorizer) and Social (Amplifier) widget IDs.

function checkContainer () {
 if($('#amplifier').is(':visible')){ //if the container is visible on the page
 ingoWidgetRun("INSERT_SOCIAL_WIDGET_ID", "amplifier", "#amplifier");
 ingoWidgetRun("INSERT_CONFIRMATION_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 Social (Amplifier) widget. Paste the code below into that location in the HTML editor, as with the Confirmation (Activator) widget.
  
  Note: do not ever put this line of code in a footer or header! 

<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.