Skip to main content

Customize Group Ticket Notification Links to Match Single Ticket Emails

Updated yesterday

By default, group ticket emails in Evey display tickets in a list format. If you'd like the ticket links to look the same as the button-style links used in single ticket notifications, you can customize the email template using a small HTML snippet.

This allows each ticket in the group email to appear as a clear button-style link, making it easier for attendees to access their tickets.


How to Customize the Ticket Links

Follow these steps:

1. Open the Notification Template

  1. Go to Evey → Notifications

  2. Click Customize on the Multi-Ticket/Group Ticket email.


2. Hide the Default Tickets Block

In the email editor:

  1. Locate the Tickets block.

  2. Hide or remove it from the template.

This prevents the default ticket list from appearing in the email.


3. Add a Custom HTML Block

  1. Add a Custom HTML block to your template.

  2. Paste the following code into the block:

<table style="width: 100%; border-spacing: 0; border-collapse: collapse; margin-bottom: 20px;">
<tr>
<td>
<h3 style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
color: #777777;
font-size: 18px;
font-weight: normal;
margin: 0 0 12px;">
Your tickets
</h3>
</td>
</tr>
{% for attendee in attendees %}
<tr style="margin-bottom: 12px;">
<td>
<a href="{{ attendee.ticket_url }}" target="_blank" style="
display: inline-block;
font-weight: 600;
line-height: 1.4em;
color: #ffffff;
background-color: {{ config.accent_color | default: '#1990C6' }};
font-size: 16px;
text-decoration: none;
padding: 10px 20px;
border-radius: 6px;
margin-bottom: 8px;
">
{{ attendee.ticket_code }} - {{ attendee.ticket.title }}
<svg style="height:16px; vertical-align: middle; margin-left:4px;" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path d="M11 4a1 1 0 011-1h4a1 1 0 011 1v4a1 1 0 11-2 0V6.414l-5.293 5.293a1 1 0 01-1.414-1.414L13.586 5H12a1 1 0 01-1-1zM3 6.5A1.5 1.5 0 014.5 5H8a1 1 0 010 2H5v8h8v-3a1 1 0 112 0v3.5a1.5 1.5 0 01-1.5 1.5h-9A1.5 1.5 0 013 15.5v-9z" fill="#ffffff"/>
</svg>
</a>
<br/>
</td>
</tr>
{% endfor %}
</table>

How This Works

This code loops through all tickets in the order and creates a button-style link for each ticket using:

{% for attendee in attendees %}

Each button includes:

  • the ticket code

  • the ticket type

  • a direct link to the ticket page

Example button in the email:

ABC123 – VIP Ticket

When clicked, the attendee will be taken directly to their ticket.


Result

Instead of a plain list of ticket links, attendees will see clear ticket buttons that match the style used in single ticket notification emails.

This improves readability and makes it easier for attendees to access their tickets.

Did this answer your question?