This article will serve as an overview for how to manage your Login Widgets for your event. It will cover the following:
- Accessing your event widgets
- Situations where “Forward Query String” is applicable
- Widget as a pop-up
- Basic styling
- InGo best practices regarding manual registration
- Notes of caution with custom files
Accessing your event widgets
For starters, you will have to be logged in to your InGo Admin account. Once logged in, search for and click on the event you wish to edit. You should see this screen:
You will want to navigate to the “Widgets” section of your event. From there, you should see a list of every widget associated with your event. The default configuration is to have 4 widgets, one of each type (Login, Registration, Social, Confirmation). Find the Login widget you wish to edit, and click the edit button on the right hand side. From there, you will see a screen that looks like this:
Once you are here, you can fully edit your widget’s configuration.
Overall, there is very little that is commonly updated on this tab. For highly customized installations, you may need to update the “URL for registrations”, “Is registration URL a script”, “Script to run after authentication completes in lieu of redirect”, and “Whether the widget should redirect to the next URL or shut down and stay on the current page”. In highly customized cases, please reach out to InGo Support with further questions.
The most commonly used setting in the general tab is the “Forward Query String” setting. It is unchecked by default, but can prove to be incredibly valuable in specific cases.
Situations where “Forward Query String” is applicable
- You have custom tracking parameters on your registration path that you want to use from start to finish on your registration path
- Customers’ journey through registration depends on the query string
- This is especially significant for Aventri events with multiple registration paths, as the specific event and registration type are tracked through query strings.
This tab will control which social networks will display on your login widget. It does not control the manual registration button. To add a network, click the plus sign and choose a network from the drop down. The arrows and trash can icon serve to reorder and delete networks from the list.
This tab is where you can control the vast majority of basic styling options and visual aspects of your widget. Most of the checkboxes in the top half of the options pertain to using the InGo widget as a pop-up, something we do not recommend for most installations.
The second half of the options pertain to the style attributes associated with the widget.
Widget as a pop-up
Here are a few common styling updates you can use to brand your widget to your event.
- Adding a custom font (by default the widget will receive the ‘inherit’ property, so fonts will be passed down into the widget container from your site
- Add a border with your event’s main color to help the widget stand out and garner attention
- Add a background (default is white), this can be a color or image (using the url() syntax).
- For a transparent background you can use rgba(0,0,0,0).
- This text input can take any valid CSS for the background property
More advanced styling can be done via the advanced tab and linking a CSS file directly to your widget.
This tab controls the appearance and defaults for the InGo permissions. It is highly recommended that these settings stay on their default settings to encourage people to opt-in and maximize InGo’s reach.
There are 3 main controls to pay attention to in this tab, “Disable manual registration”, “Display manual registration option as a button”, and “Manual registration button color”.
Only in extremely rare cases is it ever the case that manual registration should be disabled. Typically that would be done in events where the event is not actually using InGo to register users, rather to give registered attendees the ability to share that they’re attending on social media.
Best Practices around manual registration
The default manual registration configuration is for there to be a link below the social buttons giving the option to register with email. We recommend this setup as it will ultimately result in higher social adoption rates by your registrants which leads to having a more well connected, and larger event!
If registrations are not on pace with your expected registration numbers, turning the manual registration link into a button can help make it more clear to users that they do not need to register with social media if they do not wish to. If you choose to use the manual button for registration, it is advised to keep the button a neutral color that will not draw too much attention from the social buttons.
The text of both the manual link and manual button can be changed in the Texts tab, covered in the section below.
The texts tab is relatively straightforward. You can edit any text in the widget, including button text and headers. If you are unsure of which box to update to change any particular part of the widget, please contact InGo Support.
In this tab, you can upload JS and CSS files to manipulate the widget’s appearance or the way users can interact with it. You can upload multiple files, and the files will load in the order they are listed on this tab. The input boxes take a full source URL.
Notes of caution with custom files
- CSS and JS files will be applied to the widget on page load, so any CSS/DOM selectors should be at least as specific as the top-level div of the widget (.ingo-login-widget).
- Any DOM manipulation will need to happen after the elements have rendered. If your site has jQuery, you can use:
To ensure the manipulation doesn’t happen before elements have rendered.