The Listing Editor is a tool for creating event listings, featuring a completely reworked page layout and a smoother checkout experience for your customers.

Event Listings Video Tutorial

Getting Started

1. Create an event
   1. When you create a new event, an event page with the old layout and styles is still published. This page becomes your default listing with its own URL.
   2. You can also use an event that you already made!
2. Visit the Event Overview page
   1. A new block, Listings, has been added to the Event Overview page. This replaces the old Templates block.
   2. You’ll see your default event listing — the page that uses the old style — in this block for reference.
3. Click Create (+)

Overview

When you start a new listing, you will see a menu with two main areas: the preview and the sidebar. In the sidebar, you’ll find many options to tweak the settings and display of the listing; these changes are updated in real time on the preview.

Above the preview, you will also notice two screen icons. These buttons adjust the width of the preview window. Click the narrower mobile icon to see the preview at the width of an average mobile device’s browser. You can click the larger monitor icon to return to the full-width preview.

Page Settings

The Page Settings menu offers a handful of essential setup options for any listing.

Name

The title of your listing (for internal use only). Use this to locate this page when browsing your listings.

URL

The URL created to host your listing. Please enter a unique, valid slug in the field provided (e.g., must not match any other listing URL, include only alphanumeric characters or hyphens/underscores).

You may also change the URL, but you should be careful: visitors to the old link will not automatically redirect to your new listing URL.

Redirect to classic listing

Redirect all traffic visiting this listing’s URL to your event’s default listing. This can be used if you have been using a listing for a limited promotion that has ended, or if you need to divert traffic to the default, older listing for any reason.

Privacy

Hide this listing from search engine crawlers. Effectively, this means your event will only be accessible via direct link.

Template Settings - Default Design

The Design menu controls many of the visual elements of your page, such as major images and colours. 

Once you’ve set up your listing’s design, you may click Set as defaults to save these settings and use them as the starting point for any new listings you create. 

This option can be handy if you have many events but generally use the same page branding for most of them.

Template Settings - Layout Theme

The Layout Theme option sets the general structure of your page. We provide three template layouts: Hero, Banner, and Poster.

Hero Layout

Background Image

The background image covers the entire area above the event listing. Use a large, landscape-oriented image for the best results. Avoid adding text, as parts of the image may be cut off on different screen sizes.

Transparent images are supported and will display the listing’s background colour underneath. You can adjust image opacity using the Page Background Image Dim slider in the editor.

Header Image

The header image resizes automatically, with a maximum width of 1128px and a maximum height of 480px. Larger images are scaled down proportionally.

The width adjusts to fit smaller screens. For the best display on high-resolution devices (phones and laptops), use an image twice the size, such as 2256px by 960px.

Use the max-width setting to control how much space the header image occupies.

Banner Layout

The banner layout places content over a background colour or image. There are two ways to use this layout:

With Fullscreen disabled, event details and the header image appear over a background colour at the top, while additional content stays on a fixed white background below.

With Fullscreen enabled, the white background is removed, and all content appears over the background colour or image.

Poster Layout

The poster layout places all event content in a central white container, similar to the old event page style. There is no major break between the header, event details, and description.

The header image fits within the content’s width.

A background image or colour can be applied around the central white block.

Template Settings - Design Options

Additional design options are available to tweak specific colours and add images to the listing.

Fullscreen

For banner layouts only.

Removes the white background in the event description content section, effectively making the background colour or image occupy the full window.

Background Colour

The colour of the background of the listing. 

For hero and banner layouts, this affects either the top section or the entire page, depending on whether the Fullscreen option is selected.

For poster layouts, this affects the colour surrounding the central, white content block.

This setting also affects the Page Background Image Dim setting. More details below.

Accent Colour

The colour of all buttons (primary calls-to-action) on the listing and checkout process.

White Header Text

For banner layouts only. Check this box to display the event title and info as white text. Useful for darker background colours or images.

White Content Text

For banner layouts only. Check this box to display all additional event description content as white text. Useful when the fullscreen option is enabled for a darker image.

Title Font

Select from a handful of fonts to display the event title. This setting does not affect any other text on the listing or checkout process.

Page Background Image

Apply an image to the background of the listing. A small preview will appear in this field once you have uploaded an image.

For hero and banner layouts, this affects either the top section or the entire page, depending on whether the Fullscreen option is selected.

For poster layouts, this affects the area surrounding the central, white content block.

Page Background Image Dim

For Hero and Banner layouts only. You can adjust the slider to dim the image against the background colour. It is helpful for images with a lot of “busy” information or dynamic light and dark areas.

In the example below, the first image has no dimming. In the second image, however, the dim effect is set to 0.7 with a purple background colour. In effect, this setting makes the contrast of the text sharper, even when using the same background image.

Header Image / Logo

Apply an image to display above the event title on the page. 

For poster layouts, this image will display at the width of the central content block.

Closely resembles our existing event page’s header image style.

Checkout Header Image

Apply an image to display throughout the checkout process. This will appear as a header after the ticket picker menu.

Content - Header

The Header menu adjusts the event info displayed on this particular listing. For each section, you may use the event’s info or provide basic custom content for only this listing.

Page Title

The title of the event that will display on the listing

Note: Also used as the h1 for the page.

To edit the title, deselect Use event name and enter a custom title.

Clicking Use event name again will restore the event’s title.

Date and Time

The date and time at which the event will take place.

To edit the date and time, deselect Use event time and enter a new date and time. You must use the format seen in the field (YYYY-MM-DD HH:MM:SS).

Clicking Use event time again will restore the event’s date and time.

Location

The venue for the event, including the city and other location info.

To edit the location, deselect Use event location and enter a custom location.

• Clicking Use event location again will restore the event’s location.

Content - Get Tickets Button

Click the Tickets submenu to access this field. This option adjusts the message that appears in the primary call-to-action button on the page. 

By default, the button reads Get Tickets. Enter any custom message to edit the button text. 

Content - Ticket List

When enabled, the ticket list will appear on single event page load, rather than the "Get Tickets" button.

Content - Ticket Inventory, Groups, and Arrangement

On these listings, you may arrange your inventory to display your available tickets, products, and bundles in customised groups.

Click Tickets to access the submenu. When you first view this sidebar, you will be using the Default arrangement — in other words, this is the arrangement of tickets, products, and bundles pulled from your event setup.

1.  If you simply want to change the names of your groups (e.g., tickets, add ons, bundles) but keep the exact inventory arrangement as what’s available on your event, deselect the checkbox for the relevant group and enter your custom title. 
   • For example, if you want the Add Ons section to appear to the customer as Merch, uncheck the Use default products header box. Then, enter “Merch” in the field. 
     

     

2. If you want to rearrange your inventory into custom groups or only show certain items on this listing, click the Custom option to open the inventory arrangement menu.
   • When you open this menu, you will effectively remove all items from the listing and then build the listing’s inventory from scratch. The event’s entire inventory is listed on the left. The right side will be empty.
3. Click Add group to create a new group, in which you can add your inventory items. Enter a name for the group as well; this name will appear as a group header, similar to “Tickets” or “Bundles” in the default arrangement. 
   • You may also click and drag the dot columns next to any group to rearrange the order of your groups. Continue adding and naming groups as needed.
   • Price levels that are hidden online — a setting on the price level editor — will also be hidden by default on any listings you create. Such price levels will be indicated with a crossed-out eye icon. You may override this behaviour and force hidden price levels to show with the Always display hidden price levels option in the right column.
   • If you have many price levels in a group, you may want to click the Collapsed by default and enable collapsed groups. This will present a group as only its header until a customer clicks the group; then it will expand and show all of the group’s inventory as normal.
4. Once all of your groups are ready, click an inventory item on the left and drag it to your preferred group on the right to add it to that group. Click and drag any other items you want to add to your groups as well.

Service Fee

Control how the service fee is displayed to customers using the following options:

Select the Display ticket price and fee separately radio button to display the service fee and the ticket price throughout the purchase flow for this event.

When satisfied with your inventory arrangement, click Save and Publish to save your inventory changes before returning to the rest of the listing editor.

Content - Event Series Calendar Settings

The listings provide several unique options for displaying upcoming event dates and showtimes in an event series. For an event series listing, the Display Series As option will appear in the Tickets submenu. There are three primary ways to display upcoming events in an event series.

1. Days in Calendar, Times as Buttons
   

   

   • This option is ideal for daily events with a few showtimes or tours per day. Customers navigate a monthly calendar view and choose their preferred date; then they can click one of the buttons for the available showtimes.
2. Days in Calendar, Times as a Menu
   

   

   • This option is great for daily events with many showtimes or tours per day. Similar to option #1, the customer navigates a monthly calendar and chooses a preferred date. Instead of buttons, however, we present all showtimes as rows in a menu.
   • Additionally, this option supports a great method for viewing custom sold-out or low-inventory messaging, displaying each message in line with its respective showtime.
3. Days and Times Together in a List 
   

   

The final option is ideal for events that don’t have a ton of showtimes or tours. In place of a calendar view, each day is represented by a subheader. Within each subheader, each time is listed as an individual row, similar to the menu in option #2.

Because the menu view is the same as option #2, this option also supports the same sold-out and low-inventory messaging display.

Custom Colour-Coded Calendar Dates

This tool allows you to apply unique colours to a range of event dates or specific on a series calendar. Found in the listing CMS for series events.

Content - Event Series Custom Messaging

As mentioned in calendar settings, you may display custom messaging to your customers when dates are sold out and/or nearly sold out.

• By default, we hide sold-out events. Additionally, if a date has only sold-out events, that date will be hidden from the calendar view.
• If you want to display sold-out events, switch the When days or times sell out toggle to Show and indicate with message.
  • The default message is “SOLD OUT,” but you may provide a custom message. (We recommend a relatively brief message under 25 characters to keep your listings looking clean.)
• In addition to sold-out messaging, you may toggle the Display low inventory message with time slot option to indicate when a particular showtime is nearly sold out.
• First, you need to decide how to define low inventory for a showtime in this series. Enter a value in the field provided. (This is calculated based on remaining inventory across all price levels for one showtime.)
• Next, select how to display this information to the customer. You may simply display the number of tickets remaining, or select Show custom message to provide a special message to display when the remaining inventory dips beneath your threshold. (Again, under 25 characters is recommended.)
  

  Please note: The display of these messages varies based on which event series calendar display option you selected in the previous section.

   
• Option #1 (Calendar / Buttons) does not indicate sold-out or low-inventory times until the customer clicks the showtime’s button.
• Options #2 and #3 (Menu) display your message in line with each showtime, making these the ideal calendar options if you want custom messaging.

Body Content

The Body Content menu adjusts the section that displays under the main event details and call-to-action.

The Heading field allows you to provide some text to appear in bold above the rest of the body content. By default, this text reads “Event Details.”

The Content section provides a rich-text editor to enter, edit, and manage the body content of the listing. By default, this section pulls from the event’s description, established during the event creation process. To edit this content, deselect Use event description and add or edit content as you see fit. 

The Customer Contact section contains a toggle that will show or hide your contact information and a link to your contact form. (This information is configured on the Organiser Contact menu.)

Publish a Listing

When your event listing is ready, click Save and Publish in the top right. This will make your event live at the URL you provided. 

Click View in Browser to see a live, published listing version.

To return to the listing for future edits, visit the event’s Event Overview page. Locate your listing in the list and click Edit.