aventri (etouches) Standard Installation – InGo Helpdesk

InGo / etouches, Installation Video

To configure the InGo App on an etouches event you will need to have the widgets from InGo. Typically there are four snippets of code:

Activator (formerly Login)
Autofiller (formerly Registration)
Authorizer (formerly Confirmation)
Amplifier (formerly Social)

InGo Admin Configuration, Custom JS

When creating the Activator widget, add this code in the Custom Javascript section at the bottom: https://cdn-ingo.s3.amazonaws.com/custom-js/aventri-customjs.js and click "save."

Etouches Configuration

The Activator script is to be placed in an etouches header on the “Welcome Page”.

Best practice is to include the Amplifier Widget alongside the Activator Widget on the opening page of registration, so the below code reflects that. Please ensure you use the correct IDs per widget.

Sample Activator Widget Code

<script src="https://cdn.ingo.me/widgets/ACTIVATOR_ID_HERE.js" data-ingo-manual="/ereg/newreg.php" data-ingo-forward-query-string="true"></script>

The purpose of this code is to allow the registrant to use a social tool allow access to standard attendee information for preload.

It is best to paste the snippet directly into the content box in the Header/footer editor to avoid any corruption using the editor.

*If a Global header is in place make sure to clone the header and then add the code, do not add directly to the global header.

Set the header as public visible only, you do not want the InGo Widgets launching during an admin reg. and Adjust to the appropriate categories, you probably do not want Staff etc launching the widget upon registration.

This needs to be repeated for:

Autofiller
Authorizer
Amplifier

Embed the Autofiller Widget

The Autofiller Widget needs to be added in two locations

“New Registration Page” Header and
“Attendee Information Page” Header.

1. Autofiller Widget Sample Code

<script src="https://cdn.ingo.me/widgets/AUTOFILLER_WIDGET_ID.js" 
data-ingo-fields.user.first-name="[id$='fname']" 
data-ingo-fields.user.last-name="[id$='lname']" 
data-ingo-fields.user.email="#email" 
data-ingo-fields.user.company="[id$='company']" 
data-ingo-fields.user.title="[id$='title']">
</script>

The purpose of this code is to preload basic attendee information that was stored in the Social login.

Embed the Amplifier Widget

Both the Authorizer and the Amplifier Widgets need to be added to the “Registration Record” Header.
Be sure to add notes so the client / other admins can see that the widgets are added to the headers
You can update the width of the Amplifier widget via the data-ingo-ui.width attribute. The attribute can accept percent or pixel widths.
- Ex: 100% or 500px

2. Amplifier Widget Sample Code

<script src="https://cdn.ingo.me/widgets/AMPLIFIER_WIDGET_ID.js"
data-ingo-ui.width="100%"></script>

Embed the Authorizer Widget

3. Authorizer Widget Sample Code

<script src="https://cdn.ingo.me/widgets/AUTHORIZER_WIDGET_ID.js"
 data-ingo-attendee.email="*/email/*"
 data-ingo-attendee.first-name="*/fname/*"
 data-ingo-attendee.last-name="*/lname/*"
 data-ingo-attendee.company="*/company/*"
 data-ingo-attendee.title="*/title/*">
</script>