Skip to main content
All CollectionsDesign and style your event
How to style your event page and digital tickets
How to style your event page and digital tickets
Updated over a month ago

Create an eye-catching event page that matches your brand and style by using our custom design tools!

Create re-usable styling templates

If you have reusable themes or consistent organisation branding, you can create a template of your event page styling that can be applied to multiple events.


How to style your event page

To change the design elements of your event page navigate to design & comms > styling on the left-hand menu bar.


How to add or change your event banner image

The event banner image is your primary or "hero" image that appears at the top of your event page.

  1. Manage your event via the events tab

  2. Head to design & comms > styling

  3. Head to the banner heading

  4. Click upload an image to add an image from your device
    OR
    Click design on Canva to use Canva to create and edit a new image

Event banner specifications: 2:1 Ratio. Recommended min 3200px by 1600px. JPEG, PNG, SVG, GIF (Static image). Max size 10MB.

Use Canva to create your event banner image

Canva is a free-to-use image design and editing website. Sign up with a new account or log in with an existing account.

Use templates, graphics and images available within Canva and/or upload an image to resize and edit.

Note: Designs created using Canva through Humanitix are NOT saved to your Canva account. If you expect to reuse a Canva design we recommend creating this via Canva.com directly. This design will be available for application to your event when you use the Design on Canva option

Event banner images are in a 2:1 (landscape). Any image outside of these dimensions will be cropped. We recommend using Canva to resize your image to fit within the canvas size or create a new image in the appropriate format.


How to add additional images and videos to your event page

You can only add one event banner image however you can additional images and videos to your event description

Navigate to the event information > details page of your event and scroll to the event description


Use the action bar to add images and videos. You can also use the HTML "< >" action to embed videos onto the event page.


How to add or change your event page logo

You can add your brand or event logo to the Humanitix event page, replacing the Humanitix logo that appears in the top-left

  1. Manage your event via the events tab

  2. Head to design & comms > styling

  3. Under the logo heading click upload and select the image from your device folder

Logo specifications: The logo image on the event page is dynamic and will accommodate logos of all sizes. However we recommend a 'landscape' image. Max size 10MB.

Logo in Light Mode or Dark Mode?
We recommend checking if your logo matches both light and dark modes. Your logo's colours will not automatically change based on the page settings.

You can also select only either light or dark OR add a background colour to your logo.


How to change your event page to Light or Dark Mode

You can set your event page to appear in Light mode, Dark mode or adaptive meaning it will change depending on a user's device settings.

Events in light mode (default) will have a white background. Events in dark mode will have a black background.

  1. Manage your event via the events tab

  2. Head to design & comms > styling

  3. Set your light/dark mode


How to change your event's primary colour

Are you not a fan of the Humanitix 'peach'?

We won't be offended if you want to change it. In fact, we encourage it.

You can change the primary colour of your event page which will change the colour of all buttons and links found on your event page.

  1. Manage your event via the events tab

  2. Head to design & comms > styling

  3. Click the primary colour button and use the colour picker or enter your custom Hex code


How to change the 'Get Tickets' button text

You can change the text of the "Get Tickets" button on the primary event page to another default setting or custom text that best represents your event.

  1. Manage your event via the events tab

  2. Head to design & comms > styling

  3. Click the ticket button text dropdown and select an option or custom to create your own


How to preview and test your event page styling

While managing your event click the view/preview button in the top right to view your event in both desktop and mobile view. Click view in new tab to open the event page in a new tab.


How to style your digital and PDF tickets

Note: You cannot change the layout of the digital ticket for example the placement of the QR code, event information, or any wording.

All buyers are, by default, sent a digital ticket through their order confirmation email. They will also have the option to download and/or print this ticket as a PDF ticket.

Note: A buyer doesn't need to print or download a PDF version of a ticket to access their QR code

While on the design & comms > styling page, select the tickets tab

Add your logo: Your logo will appear at the top left of the digital ticket

Ticket background colour: Match the design of your event page

Add a custom banner: Copy your event page banner image or add a new one

Ticket styling will apply to all ticket types. You cannot set styling for specific ticket types.


How to add a custom message to your ticket

You can include important on-the-day information or FAQs to a customer's digital ticket

  1. Navigate to design & comms > messages on the left-hand menu bar

  2. Select the ticket message tab

  3. Craft your custom message that will appear on the digital ticket

All important event information is already included on the digital ticket including where relevant ticket holder name, ticket type event date and time, seating location

You can also use the messages page to add custom messages to the confirmation page, confirmation email, and add to calendar links for your event.

Note: Custom messages won't appear on a digital ticket that a buyer has added to the Google or Apple Wallet. Due to the high uptake of these tools we recommend you include any important information in additional comms or messages in addition to the ticket message.


Commonly asked questions

Can I remove the QR code from the digital ticket?

No you cannot remove the QR code from the digital ticket. If you do want to use tickets at all for your event, you can turn off the sending of digital tickets entirely. Buyers will still receive a confirmation email, but there will be no digital ticket for them to access.

Navigate to advanced > settings via the left-hand menu bar while managing your event. Toggle OFF send tickets.

Did this answer your question?