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
Open Evey, click Settings (top right of the events list), then select Notifications
Scroll down to Templates and click Customize on the Multi / Group ticket email.
2. Hide the Default Tickets Block
In the email editor:
Locate the Tickets block.
Hide it by clicking the eye icon next to it in the Layout list.
This prevents the default ticket list from appearing in the email.
3. Add a Custom HTML Block
Click Add block and choose Custom HTML / Liquid. The new block is added at the very bottom, below Footer, so drag it up (by its handle) into the spot where the Tickets block was.
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>
Click Save (top right of the editor) to apply the change. The template is shared, so the change applies to every event that uses it.
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:
#1001 - General
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.