User Interfaces

Over the coming months we will be implementing different UI experiences to give you, event planners, more flexibility on the look and feel of your events. We now offer three forms.

  • Tabbed - our traditional checkout for free and paid events
  • Simple - single page UI only for free events
  • Full-Width - An adaptive UI for free and paid events.

Getting Started

  1. Navigate to: Object Manager > Event > Fields and Relationships > UI Experience
  2. Add the following values:
    • Full-Width
    • Tabbed
    • Simple

Note: These will populate the UI Experience picklist on the Event object.

Examples of each UI

Tabbed UI
Simple UI
Full-Width UI

What is supported for each UI

The following chart dictates what we currently support for each user interface.

  • Yes = Supported
  • No = Not supported, but may work in certain scenarios

Feature

Tabbed

Simple

Full-Width

ADA & WCAG Accessibility (VPAT)

Yes

Yes

Yes

AttendeeLink

Yes

Yes

Yes

Color Theme

Yes

Yes

Yes

Custom Questions

Yes

Yes

Yes

Custom Tabs

Yes

No

Yes

Data Dictionary / Translations

Yes

Yes

Yes*

Discount Codes

Yes

No

Yes

FAQs

Yes

No

Yes

Free Events

Yes

Yes

Yes

Paid Events

Yes

No

Yes

Group Registration

Yes

No

Yes

Iframes

Yes

Yes

Yes

Images

Yes

Yes

Yes

Tracks

Yes

Yes

Yes

Pay Later

Yes

No

Yes

Pre-checkout and Checkout Details

Yes

No

Yes

reCAPTCHA

Yes

Yes

Yes

Sessions

Yes

No

Yes

Session Registration

Yes

No

Yes

Speakers

Yes

No

Yes

Sponsors

Yes

No

Yes

Webinar Integrations

Yes

Yes

Yes

Visibility Control

Yes

Yes

Yes

Waitlisting

Yes

Yes

Yes

*Currently the language selector is not visible for the Full Width UI. Users can set language using URL parameters instead.

UI Experience Setup

First, add the UI Experience field to the event page layout. This can be done by following the below steps:

  1. Go to Setup
  2. Navigate to Object Manager
  3. Click on the Event record > Page Layout > Event layout
  4. Add the UI Experience field to your page layout.

Using the Tabbed UI

Tabbed is the default UI offered by Blackthorn, this will be used for all events unless changed in the UI Experience field.

  1. Tabbed UI supports both FREE and PAID events.
  2. Add as many Event Items as you want!
  3. Any other features? Add them in and check it out!

Using the Simple UI

After the UI Experience field has been added to your page layout, enabling Simple UI is simple!

  1. Make sure that this event is a FREE event. Paid events are not supported.
  2. Make sure there is only 1 Event Item on the Event. If there are multiple, an error will flag.
  3. Next, click the UI Experience dropdown, and select Simple.
  4. Open your Event Page URL, and check out the Simple UI!

Using the Full-Width UI

After the UI Experience field has been added to your page layout, enabling the Full-Width UI is simple!

  1. Full-Width supports both FREE and PAID events.
  2. Make sure to select Full-Width from the UI Experience dropdown.
  3. Open your Event Page URL, and check out the Full-Width UI!

Did this page help you?