Skip to main content

Who's Coming

You can use the Who's Coming widget on your thank you or confirmation page to let your registrant find out who else is attending the event and also share further on their social networks.

Creating the Widget#

To create the Who's Coming 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 Who's Coming 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 SharingThis enables or disables the sharing options shown on the widget

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

Container CSS Selector ⚠️#

To load the Who's Coming 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-whoscoming-widget"></div>

The default CSS Selector is #enx-whoscoming-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! 😇

Share URL ⚠️#

You can use this to configure the url to be shared when the user chooses one of the Sharing options shown on the widget. Note you can also configure UTM Settings for your URL to ensure you can track visitors and conversions from the Sharing feature.

Note - This is an important setting to ensure the widget works correctlyNote - Once you create a widget it is *activated* by default, but if you wish to deactivate the widget just use the **Toggle** provided under the Active column in the Widgets list.

Troubleshooting#

EventNX Widgets scripts have inbuilt debugging features that print logs to your browser console, this can be helpful to identify any configuration or setup related issues. To view the logs just follow the below instructions.

  1. Navigate to the page where you have the Who's Coming Widget script installed from the previous step.
  2. Once the page is loaded, right click on any empty area on the screen and select Inspect Element from the context menu which will launch Developer Tools
  3. On the Developer Tools window, navigate to the Console tab to see the logs generated from the Widget
  4. Read through the logs printed on the Console to identify the errors with the script.

Frequently observed issues#

  1. The CSS Container is wrongly configured - You have a mistake in the CSS Selector you have configured for the widget, to debug this just try to run the below script on the Developer Console.
document.querySelector("__YOUR_SET_CONTAINER_SELECTOR__");

If the above prints an error that means that the CSS selector is wrongly configured or is not present on the page.

  1. Dynamically loaded container - If your container does not load with the page and is loaded dynamically via javascript then ensure that our Widget script is executed after your dynamic script is completely loaded.

  2. The Appearance is broken - This happens if you have existing CSS frameworks like Bootstrap that are conflicting with the widget styles. You can add more overrides to clear these styles or remove the generic css styles from your page.

Edit this page