Learning centre

Training

Learn more about features and system basic.

Event Guides

Setting up a Basic Event

Setting up a Registration Event

Setting up a Tabled Event

Setting up to Sell Merchandise


Functions

Welcome to the learning centre

Extending the Booking Time

Cloning an Event

Recycling an Event

Promotional Codes Overview    

Different Levels of Access   

Tracking Overview   

Locking Your Bank Account

Data Collection Fields Overview   

Gatekeeper Scanning   

Seating Plans Overview   

Sample Buttons

Finding the Event URL

Follow up Emails   

Working with Tickets   

Creating a Tax Invoice

Terms and Conditions

Introducing TryBooking to your Community

Gift Certificates Overview   

Waitlists

Donations

Event Homepage

Session Times Overview   

Using Headers

Changing to Daylight Savings Time

Finding a Booking

Refund Overview   

Sections Overview   

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 add images to customised ticket styles in configuration via the HTML.  It's important that you add images to a background that ensure the black print will still be visable. 

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 your 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.  Once you have added in the image, click onto your HTML tab, and copy and paste the following html code at the top of the html screen:

<div style="border: 0px solid #ff0000; position: relative; height: 2.75in;">
<img style="position: absolute;" src="/UserData/TicketStyles/B/1310_Ticket2011.jpg">
<table style="position: absolute; width: 6.5in; height: 2.75in; border-width: 1px; border-style: solid;" bordercolor="black" cellpadding="0" cellspacing="0" >
  <thead>
    <tr>
      <th>

3.  The code should be placed ABOVE this tag: <!-- Header table begin →>, and remove any coding that was above this tag previously.

4.  You will find your new image source near the bottom of the HTML, after src=”. Copy and paste this source, being careful not to take any of the “ with it.  Now you will replace the text that is highlighted above, with your new image source code.  Click save.

5.  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