Layouts

New templates can be added and existing ones can be edited at any time. 

• Email Layouts
• Ticket Layouts
• Invoice (sale on account) Layouts
• Mobile pass

Email Layouts

There are several different emails that are sent from the system, both automatic (e.g. order confirmation for online purchases) and manual (receipt or reservation confirmations sent from Box Office). All these emails can be created and edited directly from Box Office in the e-mail layout module which can be found under Administration > Layouts > Emails. 

Add new email template

Click Add mail template in the top right corner to add a new email template. You will be asked to select an existing template to copy from. In the top right corner it is possible to search for the relevant template (e.g. Type Online if you'd like to create a template for online sales) and then click copy behind the template you want to use. You then fill out the required Information and click Save. 

Edit email template

To edit an email template, click on the row of the template or use Actions > Edit.

1. Name

   1. Template name, only visible internally.

2. Description

   1. Internal template description.

3. Sender (Email)

   1. Sender email of the email, displayed when the customer receives the email.

4. Sender (Name)

   1. Sender name of the email, displayed when the customer receives the email.

5. Reply to (E-mail)

   1. The email address to which the recipient will reply, if they choose to do so.

6. Reply to (Name)

   1. The name to which the recipient will reply, if they choose to do so.

7. Category

   1. Should not be changed

8. Type

   1. Defines when an email is automatically sent and in which part of the system the template can be used. When creating new email templates it is very important to copy the correct template type.

9. Languages

   1. The email templates can be created in multiple languages that are automatically connected to the online buying flow language.

To edit the contents of the email template click edit for each language you would like to edit. 

HTML editor

The template is edited in HTML and it will require some previous knowledge if you would like to create a complete new design. It is however pretty easy to just change text snippets. The text that is black inside the body tags are text fields that you should look for and can edit. When changes are made in the code, it will immediately be visible in the preview window to the right.

For a bit more advanced changes like adding links or images, read more.

Dynamic variables

The template contains many dynamic variables, e.g. #ORDERID# which will return the actual order id when the email is sent to the customer. A guide of all available variables can be viewed by clicking the T at the top.

The available variables differ per email template. 

It is also possible to change what is shown in the preview by changing the content for each variable.

Start and end tags

#EVENT#, #PRODUCT#, #TICKETS# are all start and end tags. This means that everything that is put in between #EVENT# and #EVENT# will be repeated for each event in the order.

Ticket Layouts

The module for ticket layouts can be found under Administration > Layouts > Tickets. There it is possible to edit existing layouts as well as create new ones. To create a new layout, click Add ticket layout in the top right corner. In the next step, choose an existing layout as a starting point for the new one. Give the layout a name and click Save.

To edit the layout, click on the layout you want to edit and then Edit to get to the layout editor.

Inside the module it is possible to edit the existing fields as well as add new images and text elements. To edit an existing element, click on it and edit fields will appear. Depending on type of element these fields can be edited:

1. Text

   1. Text field. Can be either hardcoded text or a dynamic variable. In the example above the variable #ENTRANCE# is used which will return the entrance of the seat when the ticket is downloaded or printed.

2. X

   1. Position on the X axis (right/left)

3. Y

   1. Position on the Y axis (up/down).

4. Height

   1. Height of the element.

5. Width

   1. Width of the element.

6. Size

   1. Font size for text and border thickness for a box.

7. Position

   1. Position of the elements. A higher value will be placed on top of lower values.

8. Rounding

   1. The rounding of box corners.

9. Alignment

   1. Text alignment left / center / right in the element field.

10. Color

    1. Font or box border colour.

11. Background Color

    1. Background colour of boxes.

12. Rotation

    1. It is only possible to rotate barcode elements.

13. LineStyle

    1. Line elements can be solid / dashed / dotted.

14. Image

    1. Upload the fixed image.

Clicking T in the top left corner will show a guide of all dynamic variables that can be used in the layout. By switching the toggle on it is possible to test what certain variables will look like. When the work is done, click Save layout.

Since the T can be moved around it will not always appear in the top left corner. 

Invoice (sale on account) Layouts

Invoice documents are created and hosted in the Layouts > Tickets module. Where and how to use the invoice documents can be found in the Invoice & Sale on Account manual.

1. Logo

   1. Displayed in the top left corner, can either be plain text or an image. 

2. Sale org details

   1. The sale organisation details in the top right corner can be provided either by filling them out directly or by using variables.

3. Company number

   1. Fill out the company number.

4. VAT number

   1. Fill out the VAT / GST / TAX number.

5. Organisation email

   1. Fill out the email address.

6. Title

   1. The title of the document. As the same layout type is used, it can be set as Invoice, Proforma, or Receipt.

7. Customer details

   1. Variables can be used to fill out the customer details in a format that makes sense.

8. Payment due date

   1. Use the #RESERVATIONEXPIRYDATE# variable to add the payment due date. Use #RESERVATIONEXPIRYDATE(-XDAYS)# if the displayed due date should be earlier, replace the X with the amount of days.

9. Payment Text

   1. Open text field that can be used to add extra payment information to the document. 

10. Show different owner org / promoters

    1. When set to Yes, information about the organisation or promoter for which the order was sold is included. A Sold For Organiser / Promoter section is then added to the document.

11. ShowQrCode

    1. It is possible to add a QR code to the document that includes fiscal information.
       Please contact local support to see if this feature is available. 

12. Show event / subscription / membership text

    1. When active on the workgroup, extra text can be added at the event, subscription, or membership level, which can then be displayed on the document.

13. Extra Text

    1. Open text field that is added to the bottom of the document. 

Mobile pass

The mobile wallet ticket can be edited in the Layouts > Mobile pass module. Each organisation can have its own mobile pass.

Theme

1. Background / Foreground / Label colour

   1. Configure which colours are used for the background and text of the mobile pass.

2. Logo

   1. Upload the logo as a PNG file.

3. Show event group image

   1. Set to Yes to display the Event group image on the mobile pass. Displaying the image will hide the title field.
   2. Set to No to display the Event Title, no event image will be displayed on the mobile ticket.

4. Barcode

   1. Select whether the mobile pass should use a Code 128 barcode or a QR code.

Information

The fields that are displayed on the mobile pass are configured within the information section. An overview of all available labels and variables can be viewed by clicking the T icon at the top of the section. Furthermore, field alignment (left / right / center) can be set, and the visibility of the fields can be adjusted.

Attachments (9)

360074779411.png
327 KB

360074707592.png
112 KB

360074937531.png
286 KB

360060226772.png
333 KB

360060226952.png
90.1 KB

360060399371.png
171 KB

360074710432.png
286 KB

360074710552.png
188 KB

6779688014749.png
94.1 KB