The first two tabs of the event editor cover the public-facing identity of an event: its name, description, duration, difficulty, and image gallery. Get these right and the booking site renders the event with the right headline, pacing, and visual treatment.
Getting started
Open Events > Event settings, pick an event from the list, and click Edit event in the three-dot menu. The editor opens on the Event details tab. The Images tab is the second tab from the top.
How it works
The Event details tab captures the textual identity of the event plus a difficulty rating you can render as either Bootstrap stars or a custom icon (skull, dragon, hourglass, etc.). The Images tab is a draggable gallery: drag thumbnails to set the display order, and use a per-image toggle to control whether each image appears on customer-facing surfaces (booking site, waiver, customer portal).
Step-by-step guide
Configure event details
Open the event editor and stay on the Event details tab. Fill in the fields below. Required fields show an error message if left blank when you save:
| Field | Description |
|---|---|
| Event name | Required. The public name shown on your booking site, waivers, and emails |
| Internal name | Optional. Staff-only label used internally (e.g., "ER1 Crime Scene"). Defaults to the event name if blank |
| Event description | Optional. Rich-text editor (basic toolbar, 150 px tall) for the customer-facing description |
| Event duration (minutes) | Required. Minimum 0, step 5. Drives slot length on schedules and the duration shown on the booking site |
| Event difficulty | Optional. Numeric 1-5 rating that powers the visual difficulty indicator |
| Difficulty label | Optional. The text shown next to the difficulty rating (e.g., "Easy", "Hard") |
| Difficulty icon | Optional. Pick from a filterable dropdown of 45+ Bootstrap and custom icons (dragon, hourglass, rocket, skull, witch-hat, plus standard star/heart/etc.) |
| Difficulty icon color | Optional. Color picker with alpha channel for the icon's tint |
Click Save at the bottom.
Customize the difficulty visual
- On the Event details tab, set Event difficulty to a number from 1 to 5
- Add an optional label ("Difficulty", "Intensity", "Fear", etc.) shown alongside the rating
- Pick a Difficulty icon from the dropdown to override the default star
- Set a Difficulty icon color to match your brand or theme the rating
- Save
If you leave the icon blank, the rating renders as Bootstrap stars by default. With an icon picked, the rating uses that icon repeated up to 5 times.
Upload images and manage the gallery
Switch to the Images tab and click Add image to pick an image file (recommended aspect ratio 16:9, recommended size 800×450 pixels). The image opens in an editor before being added to the gallery. Each image card in the gallery has:
| Element | Description |
|---|---|
| Thumbnail | The uploaded image |
| Description | A free-text caption shown below the image |
| Visible to customers | Toggle. When on, the image appears on the booking site, waivers, and the customer portal. When off, the image stays in the library but is hidden from customers |
| Drag handle | Drag any card to reorder. The first visible image is used as the event thumbnail on the list page and on the booking site |
Save the event after reordering or toggling.
Reorder images
- On the Images tab, hover any image card
- Grab the card and drag it to the new position
- The new order persists when you save the event
The first visible image is the one used as the event's thumbnail on the booking-site card and the event-list page.
Hide an image without deleting it
- On the image card, toggle Visible to customers off
- Save the event
- The image stays in the gallery for future use but no longer appears on customer surfaces
Reference
Event details fields
| Field | Required | Type | Notes |
|---|---|---|---|
| Event name | Yes | Text | Public name on booking site, waivers, emails |
| Internal name | No | Text | Staff-only label, defaults to event name |
| Event description | No | Rich text | 150 px editor with basic toolbar |
| Event duration (minutes) | Yes | Number | Min 0, step 5 |
| Event difficulty | No | Number 1-5 | Drives the difficulty rating |
| Difficulty label | No | Text | Shown alongside the rating |
| Difficulty icon | No | Dropdown | 45+ Bootstrap + tim-icon options |
| Difficulty icon color | No | Color picker | With alpha channel |
Difficulty icon options
The dropdown is filterable. Common options include the standard Bootstrap icons (star, heart, circle, square, etc.) plus custom tim-icons such as dragon, hourglass, rocket, skull, and witch-hat. Pick whatever matches your event's tone.
Image fields
| Field | Description |
|---|---|
| Image file | Upload via the Add image button. Recommended 16:9 aspect ratio at 800×450 px |
| Description | Free-text caption per image |
| Visible to customers | Per-image toggle for booking-site / waiver / customer-portal visibility |
| Position | Drag-reorder; first visible image is the gallery thumbnail |
Save controls
| Button | When |
|---|---|
| Create | When creating a new event (replaces Save until first save) |
| Save | When editing an existing event |
| Cancel | Returns to the event list without saving changes |
Good to know
- The Internal name is what staff see in scheduling, reports, and admin lists. Use it for shorthand that customers shouldn't see (e.g., room codes, A/B test markers). It defaults to the event name when left blank, so you only need to fill it in if internal and public names should differ.
- The Event description uses a basic rich-text editor. For more polish, keep paragraphs short and use bold sparingly.
- Difficulty icon plus Difficulty icon color override the default star rating. Use it to match brand color or tone (e.g., a red skull for "Expert" mode).
- Images are uploaded to your CDN and served from there, so file size is the main constraint. Aim for under 500 KB per image for fast page loads.
- The Visible to customers toggle is per-image, not per-event. You can stage future images by uploading them with the toggle off, then flipping it on later when you're ready to show them.
- The first visible image is the gallery thumbnail. If you want to swap thumbnails, either reorder the gallery so a different image is first, or hide the current first image and reveal a different one.
- The Event duration drives slot length on schedules. Changing duration after creating bookings doesn't shift existing slots; only new slots use the new duration.
FAQ
Q: What's the difference between the public event name and the internal name?
A: The Event name is what customers see everywhere. The Internal name is staff-only and used internally for cleaner sorting and shorthand. If you only have one name, leave the internal name blank and the system uses the public name in both places.
Q: How big should event images be?
A: 16:9 aspect ratio at 800×450 px is recommended. Larger images load slower; smaller images may look pixelated on retina screens. Compress to under 500 KB if you can.
Q: Why isn't my image showing on the booking site?
A: Check the Visible to customers toggle on the image card. It might be off. Also check the Bookings and resources tab to ensure the event is enabled on your booking site templates.
Q: Can I use animated GIFs or video?
A: Static images only. Animated GIFs may render the first frame on some surfaces.
Q: My difficulty rating shows stars even though I picked a custom icon. Why?
A: Save the event after picking the icon. The rating doesn't update live until the change is saved.
Q: Where does the description appear?
A: On the event detail page on your booking site, on the booking confirmation, and in any waiver or email template that references the event description. Keep it customer-facing and free of internal jargon.