E-mail template variables
Preview template:
Preview language:
en
nl
nl_formal
sv
de
de_formal
fi
da
no
no_nynorsk
fr
fo
Order ID Color:
Must be a valid hex color (e.g. fa4517 or #fa4517).
Header Background Color:
Must be a valid hex color (e.g. fa4517 or #fa4517).
Header Text Color:
Must be a valid hex color (e.g. fa4517 or #fa4517).
Main Background Color:
Must be a valid hex color (e.g. fa4517 or #fa4517).
Main Text Color:
Must be a valid hex color (e.g. fa4517 or #fa4517).
Button Background Color:
Must be a valid hex color (e.g. fa4517 or #fa4517).
Button Text Color:
Must be a valid hex color (e.g. fa4517 or #fa4517).
Divider Color:
Must be a valid hex color (e.g. fa4517 or #fa4517).
Content Background Color:
Must be a valid hex color (e.g. fa4517 or #fa4517).
Content Header Color:
Must be a valid hex color (e.g. fa4517 or #fa4517).
Content Text Color:
Must be a valid hex color (e.g. fa4517 or #fa4517).
Secondary Content Text Color:
Must be a valid hex color (e.g. fa4517 or #fa4517).
Footer Background Color:
Must be a valid hex color (e.g. fa4517 or #fa4517).
Footer Text Color:
Must be a valid hex color (e.g. fa4517 or #fa4517).
Footer Link Color:
Must be a valid hex color (e.g. fa4517 or #fa4517).
Behind Background Color:
Must be a valid hex color (e.g. fa4517 or #fa4517).
Logo URL:
URL must start with
https://
.
Choose a PNG or JPEG image as logo. SVG's are not supported by all email clients.
Logo Width:
Brand Domain:
URL must start with
https://
.
This is the Tixly domain or the customers subdomain that leads to the skin.
Brand Link Tag:
This will be used if you don't use a subdomain. Leave empty when using a subdomain.
URL preview:
Brand Title:
Brand Contact:
Brand Email:
Brand Phone:
Brand Address:
Brand website:
URL must start with
https://
.
This is the website of the venue. Clicking the logo in the email will lead to this website.
Facebook URL:
URL must start with
https://
.
X URL:
URL must start with
https://
.
Instagram URL:
URL must start with
https://
.
Youtube URL:
URL must start with
https://
.
Linkedin URL:
URL must start with
https://
.
Tiktok URL:
URL must start with
https://
.
Spotify URL:
URL must start with
https://
.
Logo color:
black
grey
white
Display seat info in order summary
Display ticket fees in order summary
Display order fees in order summary
Switch the logo and order ID position.
Font:
Arial, sans-serif
Avenir, sans-serif
Century Gothic, Heiti SC, STHeiti, Avenir, Trebuchet MS, Arial, sans‑serif
Courier New, Courier, monospace
Futura, Century Gothic, Corbel, sans‑serif
Georgia, serif
Gill Sans, Gill Sans MT, Trebuchet MS, sans‑serif
Lucida Grande, Lucida Sans, Lucida Sans Unicode, Verdana, sans‑serif
Palatino, Palatino Linotype, Book Antiqua, Georgia, serif
PT Sans, Trebuchet MS, Calibri, sans‑serif
PT Serif, Lucida Bright, Palatino, Palatino Linotype, Georgia, serif
Times, Times New Roman, serif
Trebuchet MS, Lucida Grande, Lucida Sans Unicode, sans‑serif
Ubuntu, PT Sans, Tahoma, sans‑serif
Verdana, sans-serif
Here
you can find the expected final font per device.
Text alignment:
left
center
Border radius:
Button border radius:
Advanced options
▸
Use a custom header
<mj-section></mj-section> <mj-section mj-class="header" padding="0px" border-radius="40px 40px 0px 0px"> <mj-column> <mj-image src="https://cdn.tixly.com/nl/tix/Skin/20190411/30/Images/header.png" padding="0px" /> </mj-column> </mj-section>
Add a custom section
<mj-section background-color="#ffffff"> <mj-column> <mj-image src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/3f/Placeholder_view_vector.svg/330px-Placeholder_view_vector.svg.png" /> <mj-text> <h4>Parking</h4> <p>We have a very big parking next to our venue.</p> <a href="#">Learn more</a> </mj-text> </mj-column> <mj-column> <mj-image src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/3f/Placeholder_view_vector.svg/330px-Placeholder_view_vector.svg.png" /> <mj-text> <h4>Parking</h4> <p>We have a very big parking next to our venue.</p> <a href="#">Learn more</a> </mj-text> </mj-column> <mj-column> <mj-image src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/3f/Placeholder_view_vector.svg/330px-Placeholder_view_vector.svg.png" /> <mj-text> <h4>Parking</h4> <p>We have a very big parking next to our venue.</p> <a href="#">Learn more</a> </mj-text> </mj-column> </mj-section>
Use a custom footer
<mj-section mj-class="footer"> <mj-column> <mj-text mj-class="footertitle">The Venue</mj-text> <mj-text mj-class="footertext">The Address<br />The Phone Number • <a style="color:#ff00ff" href="mailto:">The Email Address</a><br /><a style="color:#ff00ff" href="url">The Website</a></mj-text> <mj-social icon-size="30px" align="center" mode="horizontal" border-radius="50px"> <mj-social-element src="https://email.tixly.io/facebook-black.png" href="#"></mj-social-element> <mj-social-element src="https://email.tixly.io/linkedin-black.png" href="#"></mj-social-element> <mj-social-element src="https://email.tixly.io/instagram-black.png" href="#"></mj-social-element> <mj-social-element src="https://email.tixly.io/youtube-black.png" href="#"></mj-social-element> <mj-social-element src="https://email.tixly.io/spotify-black.png" href="#"></mj-social-element> <mj-social-element src="https://email.tixly.io/tiktok-black.png" href="#"></mj-social-element> <mj-social-element src="https://email.tixly.io/twitter-black.png" href="#"></mj-social-element> </mj-social> </mj-column> </mj-section> <mj-section></mj-section>
Here you can add custom MJML (not HTML). MJML is used to render templates consistently in different email clients and guarantee compatibility.
Learn more about MJML.
Copy URL to reopen
EN
NL
NL f
SV
DE
DE f
FI
DA
NO
NO n
FR
FO