E-mail template variables

Preview template:

Preview language:

Order ID Color:

Header Background Color:

Header Text Color:

Main Background Color:

Main Text Color:

Button Background Color:

Button Text Color:

Divider Color:

Content Background Color:

Content Header Color:

Content Text Color:

Secondary Content Text Color:

Footer Background Color:

Footer Text Color:

Footer Link Color:

Behind Background Color:

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:

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:

Here you can find the expected final font per device.

Text alignment:

Border radius:

Button border radius:

Advanced options

Use a custom header

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 &bull; <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.