To configure InGo on a Bizzabo event website, there are two snippets of code that will need to be added to your Bizzabo event.
Adding the Activator Widget to your event site
On Bizzabo, to add the Activator Widget, you will need to add a snippet of code to your Bizzabo site in the website editor. When editing the site, click into the "HTML Code" section on the left side of the page.
You'll add this snippet to the page:
<script src="https://cdn.ingo.me/widgets-loader/latest/js/ingo.loader.widget.js"></script>
<script>
InGo.ingoWidget({
"widgetId": "YOUR_ACTIVATOR_WIDGET_ID",
"manual": "https://insert_the_url_of_your_registration_form_page",
"modal": true,
"target": "CSS_SELECTOR_OF_YOUR_REGISTER_BUTTON"
});
</script>
Update the Widget ID, manual attribute, and target appropriately for your specific Bizzabo site. If there's no unique CSS selector for your register button, you can take the register page URL path (ex: https://events.bizzabo.com/256517/page/1630443/register-now would be /256517/page/1630443/register-now) and drop it into this CSS selector:
[href$='YOUR_PAGE_URL_PATH_HERE']
This should select any buttons that redirect to your register page on your event site. This configuration will render the InGo Activator as a pop up, and will redirect to your registration page after interacting with the InGo widget.
Adding the Amplifier and Authorizer Widgets to your Confirmation Message
After adding the Activator widget, navigate back to the main dashboard. Edit your registration, and click into the Confirmation Message section. Once the text editor loads, click on the </> icon (code view).
After opening up the code view, find the place in the HTML you wish to add the InGo widgets, and paste this snippet into the editor:
<iframe src="//ingo.me/widgets/iframe?widget_unique_id=your_authorizer_widget_id" style="width: 1px; height: 1px; border: none;"></iframe>
<iframe src="//ingo.me/widgets/iframe?widget_unique_id=your_social_widget_id" style="width: 100%; height: 550px;border: none;"></iframe>
Make sure you have pasted your proper Authorizer and Amplifier widget IDs into the snippet. Once set up, click save, and you're ready to test your InGo installation!