Skip to main content

Connect

The Connect Widget lets you add the all-powerful Register with LinkedIn and Register with Facebook buttons on your event website to drive social registrations.

Creating the Widget#

To create the Connect Widget follow the steps as below -

  1. Login to app.eventnx.com and navigate to Events from the Sidebar
  2. Click on Edit from the Actions column in the Events list shown on the page, note - if you haven't already created your event then do that first.
  3. On the Event Settings page from the Event Settings, navigate to the Widgets section

Once you are on the Widgets section, follow the below steps -

  1. Click on Create Widget from the top right corner.
  2. Click on Select next to the Connect widget under the Widget Options
  3. Once selected, on the right side enter a name for your widget and choose or set a channel for the widget.

You can now start configuring the widget. Also, you can always change the widget name and channel for existing widgets by navigating to More > Edit from the Widgets section.

Configuring the Widget#

SettingsDescription
Enable LinkedIn Login Use settingEnable to show LinkedIn button on your Connect widget
LinkedIn Button StyleCustomise the style of the LinkedIn button you want to render on your page
Enable Facebook LoginEnable to show Facebook button on your Connect widget
Facebook Button StyleCustomise the style of the Facebook button you want to render on your page

For already created widgets, you can go back to the Widgets section, and use the More > Settings to update the configuration settings

Registration URL ⚠️#

Once the user registers using LinkedIn or Facebook, you want the user to redirect to the registration form. Set the registration form url below for the widget.

Note - This is an important setting to ensure the widget works correctly

Container CSS Selector ⚠️#

To load the Connect Widget, the script expects a DIV container already present on your page. If you have not already created a container on your page then simply create the below div on your page

<div id="enx-connect-widget"></div>

The default CSS Selector is #enx-connect-widget, if you want it to load to another container then set the respective container's CSS selector in this setting.

Note - This is an important setting to ensure the widget works correctly

Once the above settings are set press Save, you are now ready to install the widget on your page! 😇

Edit this page