In this article, we will talk you through different HTML system emails. These are the Checkout Mailer/Confirmation email, Upcoming Customer Event Alert, Post Event Customer Alert, Membership Welcome, Membership/Password Reminder, Benefit Expiry Warning, and Benefit Expired emails.
Venues can easily customise and add a basic HTML email template into their system emails with their logo at the top. This tutorial is designed for venues who are happy with a basic layout with all the relevant merge fields, who want the emails to look better than the default plain text emails, and include a logo at the top of the email.
For this tutorial, you will need a Mailchimp account and your venue's logo.
Use our HTML email templates
1. First, make sure you have Mailchimp open in a browser tab and you are logged into your account.
2. In a different browser tab, choose which email you would like to work with and click on the link below. This will download the template into your Mailchimp account automatically. You can then use the drag-and-drop editor in Mailchimp.
Important
These templates will have example logo and text, so will need to be amended for your own venue.
- Checkout Mailer with QR Codes embedded into the email
- Checkout Mailer without QR Codes embedded into the email
- Upcoming Customer Event Alert
- Post Event Customer Alert
- Membership Welcome
- Membership /Password Reminder
- Benefit Expiry Warning
- Benefit Expired
- Gift Voucher (when a voucher is gifted directly to a recipient)
Once you have the template downloaded into your Mailchimp, you can start to make the edits to the branding so it uses your logo and one of your brand colours.
Edit the template in Mailchimp
Add Your Logo
1. Click on Edit to edit the template.
2. Click on the pencil icon where the Ticketsolve logo is.
3. Next click on Replace.
4. Upload your logo as you would any other image into Mailchimp.
5. If the logo is particularly large, scale this down with the slider so it doesn't take up too much of the screen.
6. Click Save and Close.
Add your venue details and social links
1. Scroll to the bottom of the template and you will see a text box with "Venue Name" etc. in it. Click on that box and edit the text box to show your venue's details.
2. Next, click on the social media icons, and in the boxes that will appear on the right add links to your social media sites.
3. Click Save & Close.
Change the colour of hyperlinks and the Download Tickets button
First, lets change the colour of the hyperlinks:
1. Click on Style.
2. Click on Body.
3. Scroll down to Body Link - click on the coloured box and set the colour you want in here.
4. Click Save.
To change the colour of the Download Tickets button:
1. Click on the Click here to download your ticket button.
2. In the menu that appears at the right, click on Style.
3. Scroll down to Background and set this colour to be the colour you want.
4. Click Save & Close.
Add the Email Template to Ticketsolve
Once you have added your logo, address and social media, and/or changed the colours, you are ready to export the template and add it to Ticketsolve.
1. If not already done so, click on Save and Exit once your edits are complete.
2. The template will likely be at the top of your list, click on the down arrow and click export as HTML.
3. Save this to your computer somewhere easy to find (e.g. Desktop)
4. Head into Ticketsolve and click on Settings > Email Templates. Choose the template you are editing e.g. Checkout Mailer.
5. Select all the current text in the HTML tab.
6. Copy and paste it into a Notepad document and save it.
Ticketsolve Tip
We recommend to copy and paste the existing HTML code into a notepad file first to save for future reference in case you have any issues with your new HTML template.
7. Find the Mailchimp HTML file you just downloaded on your computer.
8. Right-click and click open with... and choose notepad.
9. This will open the HTML in notepad - don't worry about how it looks, this is normal!
10. Select All and copy the text from the notepad (the new Mailchimp HTML template).
11. Paste this copied text into the HTML field in Ticketsolve (Settings > Mail-Templates).
12. Click Update to save.
13. Click Send Preview to receive a copy of the new design in your inbox.
Ticketsolve Tip
The best way of testing your new email template is to carry out the action you have added an email template for, so a test booking, or create an account online or request to reset your password, and set yourself as the customer. Then you'll receive a real email and can see exactly what the customer will be seeing!
For a more in-depth look into HTML emails watch our Academy webinar as well!
Comments
Great help, thanks Ben
So some useful other apps for editing html and what we called twig (the fancy code in between curly brackets) is Notepad++ on a Windows PC, or Sublime Text which you can download and use for free (it occasionally interrupts saving files but not often). you can set the latter to HTML (twig) format.
https://notepad-plus-plus.org/downloads/
https://www.sublimetext.com/
Please sign in to leave a comment.