Aventri Standard Installation

 

This article and accompanying video is the procedure for installing InGo to Aventri (formerly etouches).

If you are unfamiliar with InGo or have never installed InGo widgets before, please first 

Please contact support@ingo.me with any questions or issues encountered in your installation.

aventri-logo-horizontal-red_3x.png

 

Aventri / 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:

  1. Login Widget (Activator)
  2. Registration Widget (Autofiller)
  3. Confirmation Widget (Authorizer)
  4. Social Widget (Amplifier)

1 - InGo Admin Configuration, Custom JS

Log into InGo Admin to complete this step.

  1. Navigate to your event in the InGo admin, click through to the "Widgets" section
  2. Click "Edit" for the Login Widget
  3. Navigate to the "Advanced" section and click the + sign for Custom JS, add https://cdn-ingo.s3.amazonaws.com/custom-js/aventri-customjs.js and click save

Aventri Configuration

Log into Aventri to perform the following steps.

 

2 - Install the Login Widget

The Login Widget script is to be placed in an Aventri header on the “Welcome Page”.

 

Sample Activator Widget Code

<script src="https://cdn.ingo.me/widgets/LOGIN_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.

**It is possible that the welcome page is not enabled on your Aventri event by default. This page must be enabled for the InGo installation detailed here to be successful.

 

This needs to be repeated for:

  1. Registration Widget (Autofiller)
  2. Confirmation Widget (Authorizer)
  3. Social Widget (Amplifier)

3 - Install the Registration Widget

The Registration Widget needs to be added in two locations

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

Registration Widget Sample Code

<script src="https://cdn.ingo.me/widgets/REGISTRATION_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.company_position="[id$='title']">
</script>

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

4 - Install the Social Widget and Confirmation Wideget

  • Both the Confirmation and the Social Widgets need to be added to the “Registration Record” Header. 
  • You can update the width of the Social widget via the data-ingo-ui.width attribute. The attribute can accept percent or pixel widths.
    • Ex: 100% or 500px

Confirmation Widget Sample Code

<script src="https://cdn.ingo.me/widgets/CONFIRMATION_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>

Social Widget Sample Code

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



 Once all widgets are in place the registration should look like this:

Welcome Page

 

Confirmation Page

Now, your Aventri installation is complete.

Thank you for taking the time to read this article.

Please contact support@ingo.me have any further questions or comments. 

Last updated October 21, 2020