Customizing the Event Page
You customize your public Hi.Events event page, the page attendees see when they visit your event link, with the Homepage Designer. You pick a layout, choose which sections appear and in what order, add your own sections such as an FAQ or a photo gallery, and set the images, colours, fonts and button text.
How to Get There
- Open your event
- Click Homepage Designer in the left sidebar (under Setup & Design)
You will see a live preview alongside the design controls, which are grouped into six panels: Layout, Sections, Images, Theme & Colors, Typography and Button Text.
Layout
The Layout panel sets the overall shape of your page. Each option has a small sketch of how it looks:
| Layout | What it looks like | Good for |
|---|---|---|
| Marquee | A wide cover image, with your tickets beside the page content on large screens. The tickets stay in view as people scroll | Conferences and events with long lineups |
| Flyer | Your cover image sits beside the event details like a poster | Events with square or portrait artwork, such as a poster |
| Story | One column that reads top to bottom. Tickets appear wherever you put them in Sections | Most events. This is the default |
| Invite | A narrow card with the details centred | Smaller and private events |
Events that have never had a layout picked use Story.
Flyer works best with square or portrait artwork. If your cover image is landscape, the designer warns you that it will look small. With no cover image, Flyer shows a large date instead.
On large screens, Marquee, Flyer and Story also show a bar at the top of the page once visitors scroll past the event name. It shows the event name and date, with links that jump to each section. It only appears when the page has at least two sections to link to.
Sections
The Sections panel lists everything on your event page, top to bottom. Drag a section by its handle to move it, click it to open its settings, and use the eye icon to Hide section or Show section.
Built-in Sections
Every event page starts with these sections, in this order:
| Section | What it shows |
|---|---|
| Tickets | Your tickets and products. Always shown, but you can move it. In the Marquee layout, tickets sit beside your content on large screens, so moving this section only changes where they appear on phones and tablets. Once the event has ended, the page shows This event has ended and no tickets |
| About | Your event description |
| Lineup | Your speakers, artists or hosts |
| Schedule | Your time slots, with day tabs and stage filters |
| Location | The venue and a map |
| Organizer | Your organizer profile with a contact button |
| More events | Up to three of your other upcoming events, with a View all link to your organizer page. Hidden until you switch it on |
Some sections only appear when there’s something to show. These are marked Empty in the list, and opening one tells you why and links to where you fix it:
- About needs an event description
- Lineup and Schedule are hidden automatically while they’re empty (including when everyone on the lineup is hidden). You fill them on the Lineup & Schedule page (see Building Your Lineup)
- Location is hidden automatically for online events, and needs a single in-person venue
- Organizer needs your organizer profile to be published
- More events needs your organizer profile to be published, and is hidden automatically when you have no other upcoming events
You can give any section except Tickets its own Heading, up to 100 characters. Leave it blank to use the default. For Lineup and Schedule the default depends on your event’s category, for example Speakers and Agenda on a Business event (see What It’s Called). The ticket headings come from your product categories, which you edit in Tickets & Products.
The About Section
About shows your event description. You write and edit the description in Event Settings, not in the designer. In the designer you can move the About section or hide it.
Custom Sections
Click Add section at the bottom of the list to add your own:
| Section | What it’s for |
|---|---|
| Text | A heading and formatted text. Travel info, house rules, anything |
| Photo gallery | Up to 40 photos in a grid that opens full screen. Photos must be JPG, PNG or WebP, between 400 × 300 and 4000 × 4000 pixels, and under 5 MB, so resize large phone photos first. The first one is shown largest |
| FAQ | Questions and answers people can expand. Up to 50 questions. Each question can be up to 300 characters |
| Video | A YouTube or Vimeo video. Paste the link, and the video only loads when someone presses play |
| Sponsors | Logos of your sponsors and partners. Upload up to 60 logos (JPG, PNG or WebP under 5 MB), each with an optional name and a link starting with https:// |
A new custom section is added at the bottom, so drag it where you want it. A custom section with nothing in it yet is marked Empty and doesn’t show on your page. To delete one, open it and click Remove section.
A page can have up to 41 sections, counting the built-in ones.
Images
Cover Image: the image at the top of your event page, or beside the details in the Flyer layout. For most layouts we recommend 1950px by 650px (a 3:1 ratio). For Flyer, use square or portrait artwork. The maximum file size is 5MB.
Theme & Colors
- Background: either Solid color or Blurred cover, which uses a blurred version of your cover image as the background. Blurred cover is disabled until you have uploaded a cover image.
- Background Color: the background colour of the page. With Blurred cover selected this field becomes Overlay Color, which tints the blurred cover image behind your page.
- Accent Color: used for buttons, links and highlights
- Color Mode: Light or Dark for the page’s text and cards. Hi.Events sets this automatically from your background colour, and you can override it.
If your colours make text hard to read, a warning appears with a suggested fix.
Typography
Font Family: choose a typeface that matches your brand.
Button Text
- Continue Button: the label on the button shown below the ticket list
- Floating Button: the label on the floating button that appears as visitors scroll and jumps to the tickets section
When you create an event, Hi.Events fills these in to suit its category:
| Event category | Continue Button | Floating Button |
|---|---|---|
| Business, Tech | Register | Get Passes |
| Workshop, Education | Register | Register |
| Wellness, Spirituality, Dance | Book Now | Book Now |
| Tours | Book Now | Book Now |
| Any other category | Continue | Get Tickets |
These are only starting points. Type your own label at any time, for example “Get Tickets” or “Register Now”. Changing the event’s category later doesn’t change labels you already have. If you clear a field, the button shows Continue or Get Tickets.
Organizer Page
Organizers have their own designer. From the organizer dashboard, click Homepage Designer in the left sidebar, under Tools. It has the same Sections, Theme & Colors and Typography panels, with a few differences:
- Its built-in sections are Events, About, Contact and Past events, and it has the same custom sections
- The Images panel has a Logo upload (recommended 400px by 400px, max 5MB, shown in the header) alongside the cover image
- There is no Button Text panel
See Designing Your Organizer Homepage.
Branding
The Branding section has a Hide Hi.Events branding switch. It removes “Powered by Hi.Events” from your event pages, checkout, widgets, tickets and emails with a subscription that covers the whole account. See Removing Hi.Events Branding.
Previewing and Saving
Changes show in the preview pane straight away. Use the desktop and mobile toggle above the preview to see how the page looks on each. On a phone, switch between Edit and Preview at the top of the designer.
Click Save Changes to save your design, including any changes to sections, or Discard to undo your edits. The cover image saves as soon as you upload it.
Tips
- Put the sections people ask about most near the top. For a conference that’s often the Schedule section (shown on your page as Agenda for Business, Tech and Education events), for a festival the Lineup
- Use an FAQ section for parking, accessibility, age limits and refunds. It cuts down on support emails
- Use a Text section for extra detail rather than making the event description longer. The description also appears in search results, listings and emails, so keep it focused
- Hiding a section keeps its content saved, so you can bring it back later
Last updated