Skip to main content

Event Page Design

The landing page is your event shop window. Eventrac makes it quick and simple to create your event pages so they look great and are optimised for Google search and mobile browsing.

Written by Aaron Bird

The appearance of your landing pages and entry form play a key role in customer conversion. Eventrac gives you the ability to style your pages with your imagery. Eye-catching images are proven to increase conversion rates, so it's important you take the time to style your pages with the best images you have.

For an extra layer of interaction, you may also choose to add a video background to your event landing page.

Each image placeholder carries its own suggested dimensions. These dimensions ensure the images are displayed in the most optimal way. If you need help resizing or cropping images, we suggest using either photopea or canva. Please contact our support team for further assistance.

Where to find this feature

Main Dashboard > Events > Setup > Page Design


Previewing Images

You can review images/video that you update by simply clicking the “Preview” button at the top of the page


The Event Page Static Image

The image uploaded here will be displayed at the top of the event landing page as the main event image.

Example:

Suggested Size: 1920px width x 450px height. ~200Kb is recommended for the image.

The image will automatically be centered and will scale depending on the device/browser with which a user is viewing the page.

Note: Images are best uploaded without text since auto-scaling can often clip some of the text from view.

Note: If the image uploaded is not the recommended dimensions then if may appear differently on your preview page and landing page.

Adding a static cover image

Scroll to the “Cover Image” section and click “Upload”

Note: When you first upload a static cover image, will also update the panel image. You can independently customise the panel image (see below)


Event Page Video

If a video background is preferred, this field can be used to add a YouTube link which will play at the top of the Event landing page (without sound) instead of displaying an image.

There are two separate ways to use video on your landing page. They are independent of each other, so you can use either, both or neither.

The video will automatically be centred and will scale depending on the device/browser with which a user is viewing the page.

Adding a background cover video

Plays automatically behind your page header, in place of the Landing Page Image above. Must be a YouTube embed URL. See an example.

Displays on: Desktop, Laptop, Tablet

Cover videos must be You Tube hosted video. To add a cover video, you will first need the You Tube embed URL.

  1. Navigate to the YouTube video

  2. Once the video is loaded, right-click on the video and select “Copy Embed Code”
    ​


    ​

  3. Paste the embed code in a text editor and copy the URL in the src property

  4. Paste this URL into the text box in eventrac and click save
    ​

Pop-up Video

Adds a View Event Video button to your page header that plays the video in a pop-up. Your Landing Page Image stays exactly as it is.


​


The Panel Image

The image uploaded here will be displayed in any search or event listing pages. For example, when a user visits a calendar or collection page
​

Example:

Suggested Size: 350px width x 200px height ~200Kb is recommended for the image.

The image will automatically be centered and will scale depending on the device/browser with which a user is viewing the page.


Adding a Mobile Image

This is the image people will see when viewing your event on a mobile device. It will also be used as the thumbnail image on a calendar, collection page or your homepage.

Displays on: Mobile + Event Image Thumbnails

Suggested dimensions: 350px x 200px

Scroll to the “Mobile Image” section and click “Upload”


The Entry Form Image

The image uploaded here will be displayed at the top of the entry form when a user enters the Event.

Example:

Suggested Size: The image should be square with a recommended resolution of 200px width x 200px height

The image will automatically be centred and will scale with the entry form depending on the device/browser with which a user is viewing the page.

Note: Non-circular images/logos are best uploaded with a border to ensure the full image is displayed within the available circle.

Adding a entry form image

Scroll to the “Cover Image” section and click “Upload”

Any updates should now be visible when clicking the Enter Now button in the preview pane to display the entry form widget (which can also be previewed using the magnifying glass next to the Event Name at the top of the page and selecting Enter Now).


The Image Gallery

The image gallery allows you to upload upto 6 images which best showcase your event. These are shown on your landing page and allow users to enlarge and interact with the image

Example:

Suggested Size: Images in the gallery can be any size, but we recommend to utilise square images (500px wide x 500px heigh), to create a uniform layout and optimise the gallery

The images will automatically be centred and will scale with the entry form depending on the device/browser with which a user is viewing the page.

Adding a image gallery image

Scroll to the “Image Gallery” section and click “Upload”


Disabling Page Styling

Whilst not recommended, it is possible to disable page styling on an event landing page. Simply click “Disable Page Styling”


Disabling the Public Event Page (Widget-Only Events)

If you take entries through the Eventrac widget on your own website, you can switch off the public Eventrac page for that event. Every entry then comes through your own site, so there is no second route in and your traffic and tracking stay in one place.

To switch it off, use the Disable Public Page toggle on the Page Design page, alongside the Landing Page Design setting above.

Who can still reach the page

Switching the page off won't lock out the people who need it. The page stays available to:

  • People with a pre-pay invite

  • People with a priority link

  • People with a waiting list invite

  • Anyone who has already entered the event and is logged in to their account

What everyone else sees

Anyone else who visits the event page's URL will see a "page not found" message. Your widget is not affected and will keep taking entries as normal.

Note: Before switching the page off, make sure your widget is live on your website and that any links you have shared (social posts, emails, partner listings) point to your own site rather than your Eventrac event page.

Did this answer your question?