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. 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 "New Registration", click into the code editor view (</> icon), and paste the code below.
<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.
<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.
Comments
0 comments
Please sign in to leave a comment.