Layouts

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

• Email layouts
• Ticket layouts

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. 

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