Back to customer-service templates
Customer Support Resolution
Support resolution emails are often the last touchpoint in a frustrating experience. This template is designed to close tickets gracefully — summarizing the issue clearly, explaining what was done, and making it easy to reopen if the problem persists.
Responsive Gmail Outlook Apple Mail
Preview
Production-Ready HTML
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>We've resolved your support request — #SUPP-10483</title>
<style>
@media only screen and (max-width: 600px) {
.email-container { width: 100% !important; }
.mobile-pad { padding: 28px 24px !important; }
}
</style>
</head>
<body width="100%" style="margin:0; padding:0; background-color:#F5F6FA; font-family:'Helvetica Neue', Arial, sans-serif;">
<center style="width:100%; background-color:#F5F6FA;">
<div style="display:none; max-height:0; overflow:hidden; mso-hide:all;">Your support request has been resolved. Here's a summary of what we did and what to do if the issue returns.͏ ͏</div>
<table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" width="600" class="email-container" style="max-width:600px; margin:auto; background-color:#ffffff; border: 1px solid #E5E7EB; border-radius: 8px; overflow: hidden;">
<!-- Header -->
<tr>
<td style="padding: 24px 36px; border-bottom: 1px solid #F0F0F5;">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td>
<p style="margin:0; font-size: 16px; font-weight: 700; color: #111827; letter-spacing: -0.3px;">Cascade <span style="color: #6B7CF0;">Support</span></p>
</td>
<td style="text-align: right;">
<span style="display: inline-block; background-color: #D1FAE5; color: #065F46; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 20px;">✓ Resolved</span>
</td>
</tr>
</table>
</td>
</tr>
<!-- Body -->
<tr>
<td class="mobile-pad" style="padding: 36px 36px 28px;">
<p style="margin: 0 0 4px; font-size: 12px; color: #9CA3AF;">Hi Jamie,</p>
<h1 style="margin: 0 0 16px; font-size: 24px; font-weight: 700; color: #111827; line-height: 1.25; letter-spacing: -0.3px;">Your request has been resolved.</h1>
<p style="margin: 0 0 12px; font-size: 15px; color: #374151; line-height: 1.75;">We've closed your support request <strong>#SUPP-10483</strong>. Here's a summary of what we found and the steps we took to fix it.</p>
</td>
</tr>
<!-- Resolution summary -->
<tr>
<td style="padding: 0 36px 28px;" class="mobile-pad">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="background-color: #F9FAFB; border-radius: 8px; border: 1px solid #E5E7EB;">
<tr>
<td style="padding: 20px 24px 0;">
<p style="margin: 0 0 16px; font-size: 11px; color: #9CA3AF; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 600;">Request summary</p>
</td>
</tr>
<tr>
<td style="padding: 0 24px 20px;">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td width="120" style="padding-bottom: 12px;">
<p style="margin: 0; font-size: 12px; color: #9CA3AF; font-weight: 500;">Issue</p>
</td>
<td style="padding-bottom: 12px;">
<p style="margin: 0; font-size: 13px; color: #111827; font-weight: 500;">Automations not triggering after workspace migration</p>
</td>
</tr>
<tr>
<td width="120" style="padding-bottom: 12px;">
<p style="margin: 0; font-size: 12px; color: #9CA3AF; font-weight: 500;">Root cause</p>
</td>
<td style="padding-bottom: 12px;">
<p style="margin: 0; font-size: 13px; color: #111827;">Webhook credentials were not carried over during workspace migration. A known issue with workspaces created before November 2025.</p>
</td>
</tr>
<tr>
<td width="120">
<p style="margin: 0; font-size: 12px; color: #9CA3AF; font-weight: 500;">Resolution</p>
</td>
<td>
<p style="margin: 0; font-size: 13px; color: #111827;">Webhook credentials re-generated and attached to your active automations. All triggers have been verified working.</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!-- Next steps -->
<tr>
<td style="padding: 0 36px 36px;" class="mobile-pad">
<p style="margin: 0 0 12px; font-size: 14px; color: #374151; line-height: 1.7;">If the issue returns or you have further questions, don't hesitate to reach back out. You can reopen this ticket at any time within 7 days, or start a new conversation.</p>
<table role="presentation" cellspacing="0" cellpadding="0" border="0">
<tr>
<td style="background-color: #111827; border-radius: 6px;">
<a href="#" style="display:inline-block; font-size: 13px; font-weight: 600; color: #ffffff; text-decoration: none; padding: 12px 24px; border-radius: 6px;">Reopen ticket</a>
</td>
<td width="10"></td>
<td style="border: 1px solid #E5E7EB; border-radius: 6px;">
<a href="#" style="display:inline-block; font-size: 13px; color: #374151; text-decoration: none; padding: 12px 20px; border-radius: 6px; font-weight: 500;">Rate this response</a>
</td>
</tr>
</table>
</td>
</tr>
<!-- Agent signature -->
<tr>
<td style="padding: 0 36px 32px; border-top: 1px solid #F0F0F5; padding-top: 24px;" class="mobile-pad">
<table role="presentation" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="40" style="vertical-align: top;">
<div style="width: 36px; height: 36px; border-radius: 50%; background: linear-gradient(135deg, #6B7CF0, #9B6BF0); text-align: center; line-height: 36px; font-size: 14px; color: white; font-weight: 700;">T</div>
</td>
<td style="vertical-align: top; padding-left: 12px;">
<p style="margin: 0; font-size: 13px; font-weight: 600; color: #111827;">Tara Lindqvist</p>
<p style="margin: 0; font-size: 12px; color: #9CA3AF;">Customer Success · Cascade</p>
</td>
</tr>
</table>
</td>
</tr>
<!-- Footer -->
<tr>
<td style="padding: 20px 36px; border-top: 1px solid #F0F0F5; background-color: #F9FAFB; text-align: center;">
<p style="margin: 0 0 4px; font-size: 12px; color: #9CA3AF;">Cascade, Inc. · support.cascade.io</p>
<p style="margin: 0; font-size: 11px; color: #D1D5DB;"><a href="#" style="color: #9CA3AF; text-decoration: none;">Notification settings</a> · <a href="#" style="color: #9CA3AF; text-decoration: none;">Unsubscribe</a></p>
</td>
</tr>
</table>
</center>
</body>
</html>