Learning Centre

Learning Centre

Learn more about features and system basics.

Welcome to the learning centre


Create

Setting up a Basic Event

Setting up a Registration Event

Setting up a Tabled Event

Setting up to Sell Merchandise

Cloning an Event

Recycling an Event

Homepage and Images

Seating Plans Overview   


Customise

Session Times Overview   

Extending the Booking Time

Working with Tickets   

Data Collection Fields Overview   

Using Headers

Sections Overview   

Free Events Overview   

Waitlists

Donations

Creating a Tax Invoice

Terms and Conditions

Follow up Emails   

Gift Certificates Overview   


Promote

Promotional Codes Overview    

Event Publication

Sample Buttons

Finding the Event URL


Manage

Different Levels of Access   

Locking Your Bank Account

Introducing TryBooking to your Community

Finding a Booking

Move a Booking

Refund Overview   

Email Buyers

Changing to Daylight Savings Time

Credit Card Description


Run

Mobile Scanning   

Gatekeeper Scanning   


Report

Reporting Overview

Tracking Overview   


Integrate

Integrations   

Adding Images Behind a Custom Ticket using HTML

Once you have created your own customised Ticket Style and linked it to your event, you can no longer add a background image via your Pricing Group. You can now add images to customised ticket styles in configuration via the HTML. It's important that you add images to a background that ensures the black print will still be visible. 

Creating your background image

In a graphics program such as Gimp or Paint etc, you will need to create a page that is the size of your ticket. The TryBooking default ticket is 624 x 264 pixels in size.  Place your images on this page and position them in suitable locations. If you're creating a full background image, you may need to fade the image into a watermark, so that the important text of your ticket will still be clear. Save the image as a .jpg file. 

Adding the image to custom ticket

1. From Configuration, select Ticket Styles and your custom ticket to move into edit. Insert your new image at the bottom of the design page. Click save.

2. If you now click on the source, you will find the image from step 1 will be right at the bottom and you will see something like this "UserData/TicketStyles/K/17137_2018TICKET_010917112117.JPG"  Copy this out and now search your code for [BACKGROUND] and after the src=   paste your user data file name , replacing the [BACKGROUND} field.3. The code should be placed ABOVE this tag: <!-- Header table begin →>, and remove any coding that was above this tag previously.

Your code will now look something like this:

</div>

<div class="background-image-layer"><img onerror="this.style.display='none';" src="/UserData/TicketStyles/K/17137_2018TICKET_010917112117.JPG" /></div>
</div>

4.  Move back to your Design tab to see if the background has appeared behind your ticket.  You can then remove the duplicate image that was below, and then save.

< PREVIOUS