The Ticket Design Tool

Billy Fluck
Billy Fluck
  • Updated

 

The Ticket Design Tool is used to edit your ticket designs in Spektrix. Your ticket designs can be found in Admin > Document Designs and are split into four sections:

  • Ticket Design: here you can edit your designs for both printed tickets and the ticket portion of your Print at Home tickets/e-tickets
  • Merchandise: here you can edit your ticket designs for your merchandise items
  • Other: here you can edit your Cover Page and Address Label designs
  • Gifts: here you can edit your Gift Voucher designs

To edit Card and Chip and Pin Receipts, you need to get in touch with Support who can make these changes for you.

In this article, we'll cover:

Creating a new ticket design

In Admin > Document Designs > Tickets, you'll see a list of all your existing ticket designs. You can choose to:

  • Edit one of these existing designs
  • Copy an existing design and edit it; or
  • Add an entirely new ticket design

mceclip1.png

For the purposes of this article, we'll look at adding an entirely new ticket design.

Setting your document properties

To get started, hit the Add button to launch the Ticket Design Tool. Before you start laying out your design, you need to set the size and orientation. Hit Document Properties to set this:

mceclip2.png

  • Name: give your ticket design a clear, descriptive name
  • Description: though this field is optional, we'd recommend completing it to make it clear at a glance what this ticket design is for
  • Orientation: here you can choose the orientation of your ticket; Reverse Landscape will rotate your ticket design by 180 degrees
  • Width/Height: set the size of your ticket design based on the size of your ticket stock; this measurement is in millimetres
  • Printing Mode: here you can choose between three modes of printing:
    • Generic: this option will use the Windows drivers for the printer. In this mode, Spektrix will list a choice of standard fonts. To use a custom font, contact the Support team who will let you know which fonts are available and add them to your system. You will also need to make sure the font is installed on any computer with a printer attached

NOTE: custom fonts cannot be used for tickets that are designed to be part of a Print at Home Ticket/E-ticket design.

    • FGL Basic/FGL Extended: these options can only be used with BOCA printers, or some Stimare printers that have a BOCA emulation mode. FGL ticket designs will be limited to the fonts stored on your BOCA printers
  • Show/Snap to Grid: ticking Show Grid allows you to display a grid on your design; if you tick this check box, you'll also have the option to tick Snap to Grid, which snaps elements of your design to the grid for easier alignment
  • Snap to Guides: tick this to snap elements of your design to guide lines for easier alignment. You can create guide lines on your ticket design by clicking and dragging from the horizontal and vertical rulers:

GuideLines2.gif

Designing your ticket

The design area has a vertical and horizontal ruler in millimetres. You can use this to place elements accurately, such as the stub.

In order to make a change to any element of the design, you'll need to click it to highlight it in green:

mceclip7.png

In the top left-hand side of the editor, you can Copy and subsequently Paste a highlighted element of your design. You can also Delete a highlighted element, and use the Undo and Redo buttons as required:

mceclip3.png

Adding text fields to your tickets

To add information to your tickets, you'll need to click the Text Fields button and drag items from the pop-up. Within the pop-up, these fields are broken down into categories:

mceclip4.png

Each section lists the standard Spektrix fields at the top, then any related custom Attributes that you have on your system:

mceclip6.png

To place a field on your design, simply drag and drop it from this list on to your ticket design. Once you've placed a field on your design, click it to highlight it in green and you can use the formatting controls in the top right-hand side of the editor to change the font, size, and weight of the text, or to rotate the field:

mceclip8.png

Advanced text editing

Using the Text Editor, you can add custom text to a system text field, join multiple fields together in one text box (rather than trying to line them up manually), or edit an unconditional free text field on your design.

To add custom text to a system text field on your design, click it to highlight it, then click the Text Editor button; the editor will pop up and show the code for that field:

mceclip9.png

You can type custom text around this code, e.g. entering Printed on {PrintingDate} would print as Printed on: 13/07/20

If you want to join multiple fields together, you can click on other fields in order to see the code they use, then copy and paste these into one Text Editor box, e.g. Customer Name: {Customer/FirstName} {Customer/LastName} - {Order/OrderId} would print as Customer Name: John Smith - 14-JB-1234

You also have the option to customise the way that dates and times are printed on the tickets by adding your preferred format at the end of the code, after a colon and within the curly brackets. If you want to format how the start time is printed, in the text field {EventInstance/Start} you'll add : HH:mm within the brackets, like so:

{EventInstance/Start: HH:mm}

This will then print the start time as 19:30.

NOTE: please be aware that all of these codes are case sensitive.

For dates:

  • Use d to print the date number in one figure where possible, e.g. 4 for the fourth day of the month or 25 for the twenty-fifth day
  • Use dd to print the figure always in two figures, e.g. 04 for the fourth day of the month

For days of the week:

  • Use ddd for short days, e.g. Mon, Tues
  • Use dddd for the full day, e.g. Monday, Tuesday

For months:

  • Use M for the number of the month, e.g. 2
  • Use MM for a two figure number, e.g. 02
  • Use MMM for the three letter text version, e.g. Feb
  • Use MMMM for the full word, e.g. February

For years:

  • Use yy for the last two digits of the year, e.g. 20
  • Use yyyy for the full year, e.g. 2020

For times:

  • Use h or hh for the hour in the 12-hour clock, e.g. 3 or 03
  • Use HH for the 24-hour clock, e.g. 15
  • Use mm for minutes
  • Use ss for seconds
  • Use tt if you want to add AM or PM after the time

Here's a few examples to give you some idea:

{EventInstance/Start:ddd d MMM yyyy h.mm: tt} would print as Sat 18 Jul 2020 7.00 PM

{EventInstance/Start:dddd dd MMMM yyyy} at {EventInstance/Start: HH:mm} would print as Saturday 18 July 2020 at 19:00

Another option you have is to have a text field appear either in all lowercase or all uppercase letters. You do this by typing :TOLOWER or :TOUPPER at the end of the code, after a colon and within the curly brackets.

If you want to format how the Event name is printed, in the text field {Event/Name} you'll add :TOUPPER within the brackets, like so:

{Event/Name:TOUPPER}

To add an unconditional free text field to your design, just click the New Text button. Click this newly created field to highlight it, then click the Text Editor button to add the messaging you require.

Placing barcodes/QR codes

You can place a barcode and/or a QR code using the New Barcode and New QR Code buttons at the top of the editor. With these added, any tickets printed will have a barcode and/or QR code that visually represents their unique order number; this can then be scanned at the point of entry.

Just in case your front of house team need to manually enter the order number, you can add it below a barcode/QR code by selecting it then ticking the Show Label check box:

mceclip12.png

Here you can also convert an existing QR code to a barcode and vice versa by choosing the other option from the dropdown.

We'd recommend making your barcodes/QR codes as big as possible in order to speed up scanning. To do this, just select the barcode/QR code and drag one of its corners to resize it:

Resize.gif

You may also wish to have one horizontal and one vertical barcode, just in case of any printing problems.

NOTE: QR codes can be printed on Print at Home tickets/e-tickets, but while they can also be added to your standard tickets, we find that normal barcodes are more reliable here. You should also be aware that some ticket printers are unable to print QR codes; get in touch with the Support team if you're not sure whether yours do.

Conditional logic in ticket designs

As well as using the codes above to directly output information from the system, you can also use conditional logic to show additional messaging depending on whether the ticket meets specific criteria.

For example, let's say you have a free text Order Attribute called Accessibility Needs where customers can input any relevant accessibility requirements they might have. If you add a text field with {Order/Attributes/Accessibility Needs} to your ticket design, the value entered for this Order Attribute will be printed on the ticket.

If, however, you add a text field with {IF:Order/Attributes/Accessibility Needs}Patron has accessibility needs.{END} to your ticket design, this will print Patron has accessibility needs if any value was entered for this Order Attribute.

Further, if you add a text field with {IF:Order/Attributes/Accessibility Needs}Patron has accessibility needs.{ELSE}Patron did not specify any accessibility needs.{END} to your ticket design, this will print Patron did not specify any accessibility needs if a value wasn't entered for this Order Attribute, and Patron has accessibility needs if a value was entered.

If you're unsure what codes you can use conditional logic with, just get in touch with the Spektrix Support team who will be happy to help.

Checking your ticket design

In order to ensure your design looks as you'd expect, you'll want to test print it before you start using it. The Print button at the top right of the editor allows you to run a test print from a connected printer.

Further reading

Hopefully this article has given you everything you need in order to create and edit your ticket designs using the Ticket Design Tool. We'd recommend you also check out these other articles:

***

If you have any questions about using the Ticket Design Tool or would like to discuss anything in more detail, please don’t hesitate to get in touch with the Spektrix Support team.

Was this article helpful?

4 out of 8 found this helpful

Have more questions? Submit a request