Homepage and images

The homepage is the first page that your attendees will see when they click your event link or find your event in the TryBooking search.

By default, this page will appear with plain styling. Make the TryBooking homepage yours by adding branding, styling, colours, text, images, maps, logos and page colours that reflect your business, company or event.

This article covers:

1. Editing the Homepage
2. Uploading images
3. Previewing layout
4. Homepage template

Should you wish to change the Book Now button text, please see: Alternative Book Now button text

---

Editing the Homepage

You can change your homepage at any time. Your event does not have to be closed for changes to take place. Once you have clicked Save on edits made, they will update to the event in real time.

Editing the Formatting

Changing the formatting of the homepage allows you to apply your custom branding, creating a more seamless integration with your website.

To edit your homepage format:

1. From the left menu, click Dashboard
2. From the Manage events overview, click on your event name
3. From the left menu, click on Homepage & images under Basic Information
4. Click the Edit Homepage Information tab. You will be taken through to the Homepage editor that provides you with the default layout, inclusive of tags (the text in square brackets).
5. Customise to your requirements
6. Click Save

Editing the text displayed

The Design tab editor contains tags (the text in square brackets), that pulls data through from the fields set when creating your event. Where possible, keep these tags in place, as they provide you with a number of benefits:

• Saves time: enter your event's details once when creating an event. These details will pull through in your tags
• Updates instantly: any changes you make to your venue, session times etc will pull through automatically
• Makes cloning easier: if you choose to clone this event, you will not have to update your homepage

To edit the text displayed, its recommend that the relevant area (on the left side menu) is updated rather than removing the tag and replacing it with the desired text. For example, should you wish to edit the event description, edits should be made via Event Name and contact under Basic Information.

To learn more about tags and what data they pull through on to the homepage click here.

---

Uploading images

The event will allow for JPG, PNG and GIF file types to be uploaded only.

Uploading via the Images tab

The Images tab within the homepage editor allows you to insert images to the pre-defined layout. These areas are:

Type	Description	Best fit dimensions	Maximum file size
Hero	A full-width banner that will appear at the top of your event page by default. The image uploaded will be automatically resized to conform across the page. Will replace the Search image should no search image be present	890 pixels wide	2.5MB
Wallpaper	The background to your event page. Is present across all booking pages except the shopping cart	3000 x 3000 pixels	2.5MB
Search	A thumbnail that will appear when users search for your event via Buy Tickets on the TryBooking website. Will also be used in the Event Listing options. The Hero image will be used should no search image be present.	300 x 200 pixels	500KB
Extra	Up to three additional images you can upload to appear on your event's homepage. Centre-aligned and evenly spaced across the page. Ideal for sponsor logos	290 x 160 pixels	500KB

 To upload images via the Images tab:

1. From the left menu, click Dashboard
2. From the Manage events overview, click on your event name
3. From the left menu, click on Homepage & images under Basic Information
4. Click the Images tab
5. Move to the image location you wish to have your image display, and click Upload Image
6. Select the desired image from your computer, click Open 
7. Adjust the view of the image using the slide control to zoom in or out
8. Click Save

 

Uploading directly to the Edit tab

If the image you are wanting to upload is not suitable for the pre-defined layout, uploading the image directly into the Edit tab will give you more control of the image placement and size.

To upload the image via the Design tab:

1. From the left menu, click Dashboard
2. From the Manage events overview, click on your event name
3. From the left menu, click on Homepage & images under Basic Information
4. Click the Edit Homepage Information tab
5. In the homepage editor, place your cursor where you wish to insert the image
6. Click  on the toolbar to bring up the image inserter
7. In the Upload tab, click choose file
8. Select the desired image file from your computer, click Open
9. Click Add image to your page
10. Adjust the image properties if need be, click Ok
11. Click Save

---

Previewing layout

The booking pages are responsive, ensuring the ease of booking across all devices. The Preview tab allows you to view the formatting of your Homepage, complete with images and the text pulled through via the tags.

It allows you to view the layout across desktop, tablet and phone, ensuring that your custom formatting works across all views.

Desktop

 

Tablet

 

Mobile

To preview the homepage layout:

1. From the left menu, click Dashboard
2. From the Manage events overview, click on your event name
3. From the left menu, click on Homepage & images under Basic Information
4. Select the view type from the Device Preview options at the top of the page
   

Should the formatting not look correct across a view, move to the Edit Homepage Information and Images tabs to make the required edits.

---

Homepage template

The homepage template helps keep your branding consistent across all events created on your account. When enabled, it saves you time by auto-applying the set formatting and branding on all new events created.

Please note, events that have been cloned will not have the template applied. Rather, they will carry across the formatting that was set on the original event chosen for cloning. Keeping the tags in place will ensure that the updated information entered at the time of going through Clone Event will carry across on to the new event.

To learn more about setting up the Homepage template, please see Homepage Template