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 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 five panels: Sections, Images, Theme & Colors, Typography and Button Text.
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 |
| 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 |
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
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 40 sections.
Images
Cover Image: the hero banner at the top of your event page. Recommended dimensions are 1950px by 650px (a 3:1 ratio), with a maximum file size of 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.
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