Update the visual layout of your event page in Studio by going to Manage event > Design.
From the Design tab, utilize these built-in options for a custom event page:
1) Choose an Event page layout
3) Adjust the Background Contrast
4) Add Media (images or videos)
5) Configure how the event's Location is displayed
1) Event Page Layouts
Choose from four different event page layouts to fit the look and feel of your event; Collection, Flyer, Immersive, and Carousel views.
Flyer Layout:
The flyer layout displays the Event Flyer image aligned left of the standard ticket picker. Event information is displayed above the ticket picker.
| Desktop flyer 🖥️ | W: 228px H: 630px | Event image that appears to the left of the ticket picker |
| Desktop background 🖥️ | W: 1440px H: 900px | Shown as the background image at the top of the event page |
| Logo 🖥️ |
W: 300px H: 300px |
Appears on the top left of the event page. |
| Mobile flyer 📱 | W:375px H:547px | Shown as the background image for smaller screens |
Immersive Layout:
The immersive layout displays the Event Logo aligned left of the standard ticket picker above the event information. *Note: If an Event Logo is not added, the event name will appear in plain text.
| Desktop Background 🖥️ |
W: 1440px H: 900px |
Shown as the background image at the top of the event page |
| Logo 🖥️ |
W: 300px H: 300px |
Appears on the top left of the event page. |
| Mobile background 📱 |
W: 375px H: 547px |
Shown as the background image for smaller screens |
| Event logo 📱 |
W: 350px H: 350px |
Appears in the center of the event page |
Collection Layout:
The collection view organizes multiple ticket types into different categories for better purchase navigation. This layout is recommended when the event has more than five ticket types.
In this view, the event logo is displayed over the event information and collection images. Once a collection is clicked, the ticket types within the collection will appear and can be added to carts. Create and design your collections in Studio System or Manage events.
Note: Reserved seating events require the Collection or Carousel layouts.
| Desktop background 🖥️ |
W: 1440px H: 900px |
Shown as the background image at the top of the event page |
| Event logo 🖥️ |
W: 350px H: 350px |
Appears above the event date and location on the left of the event page. |
| Logo 🖥️ |
W: 300px H: 300px |
Appears on the top left of the event page. |
| Mobile background 📱 |
W: 375px H: 547px |
Shown as the background image for smaller screens |
| Collection Image |
W: 324px H:170px |
Image displayed on the event page with the name and summary. |
Carousel Layout:
The carousel event page provides a visually compelling option for complex events allowing for the grouping of collections into stacked carousels. The event page displays a menu of available categories via clickable tabs directing to carousels, each containing a collection. For example, a ticket carousel, a merchandise carousel, and a hotel carousel.
When this layout is selected, the option to create and design Collections and Carousels will appear in the Tickets menu. Add your tickets to a Collection and each Collection to a Carousel.
Note: Reserved seating events require the Collection or Carousel layouts.
| Desktop background 🖥️ |
W: 1440px H: 900px |
Shown as a background image at the top of the event page |
| Event logo 🖥️ |
W: 350px H: 350px |
Appears at the top left of the event page |
| Logo 🖥️ |
W: 300px H: 300px |
Appears on the top left of the event page |
| Mobile background 📱 |
W: 375px H: 547px |
This logo displays to the left of the ticket picker when using Immersive or Collection View. It's best to use a transparent background |
| Collection Image |
W: 324px H:170px |
Image displayed on the event page with the name and summary. |
2) Select a theme
Use the drop-down to select a Dark or Light theme for your event page. A dark theme will provide a dark background with light text, while a Light theme will provide a light background with dark text.
3) Background Contrast
Use the drop-down to adjust the background contrast of your event (in increments of 5%). 0% will show no contrast on your event background image, while 100% will show full contrast on your background image.
4) Media
Add video and images to your event page.
A) Click on each box to upload the respective images (png or jpg)
B) Add a video by pasting the YouTube URL.
C) Upload images to your Event page gallery.
D) Upload external images to an external website via Tixr API.
Note: If your Youtube cover image is gray on your event page, update your YouTube video settings to the following specs:
- Cover image: less than 2 MB in size
- Thumbnail image resolution: 1280x720 (min 640 pixels)
5) Location
Configure the layout for how you would like your Event's location displayed on the Event page.
- Show Map will display the venue location, pulled from Google Maps and based on the venue address.
- Show Text will display only text. This could be a physical address or something custom (i.e. Your Computer).
- Hide Location will completely remove this section from your Event Page.
