Loyalty Tier Upgrade email template
A tier upgrade email for an inn group: a photo of the terrace by the sea, then a dark band with the old tier, the new tier and three perks.
Light shows the email as designed. Dark and Gmail show how email apps can change its colors.
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="x-apple-disable-message-reformatting">
<meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<title>Loyalty Tier Upgrade</title>
<!--[if gte mso 9]><xml><o:OfficeDocumentSettings><o:AllowPNG/><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml><![endif]-->
<style>
:root{color-scheme:light dark;supported-color-schemes:light dark;}
body{margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
table,td{mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;}
img{border:0;outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;}
a[x-apple-data-detectors]{color:inherit!important;text-decoration:none!important;font-size:inherit!important;font-family:inherit!important;font-weight:inherit!important;line-height:inherit!important;}
u + .ete-body a{color:inherit;text-decoration:none;}
@media only screen and (max-width:620px){
.ete-container{width:100%!important;max-width:100%!important;}
.ete-outer{padding:0!important;}
.ete-content{border-radius:0!important;}
.ete-px{padding-left:20px!important;padding-right:20px!important;}
.ete-stack{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box;padding-left:0!important;padding-right:0!important;}
.ete-stack-gap{padding-bottom:20px!important;}
.ete-fluid{width:100%!important;max-width:100%!important;height:auto!important;}
.ete-fluid-cap{width:100%!important;max-width:280px!important;height:auto!important;display:block!important;margin-left:auto!important;margin-right:auto!important;}
.ete-stack-center,.ete-stack-center p{text-align:center!important;}
.ete-h1{font-size:28px!important;line-height:34px!important;}
.ete-h2{font-size:22px!important;line-height:28px!important;}
.ete-code{font-size:24px!important;letter-spacing:2px!important;}
.ete-btn-full{display:block!important;width:100%!important;box-sizing:border-box;}
.ete-ds-46{font-size:32px!important;line-height:35px!important;}
.ete-icon-cell{padding-left:2px!important;padding-right:2px!important;}
.ete-stat-136{min-width:136px!important;}
.ete-cell{padding-left:0!important;padding-right:0!important;}
.ete-icon-wrap{min-width:0!important;}
}
@media (prefers-color-scheme: dark){
.ete-body,.ete-bg{background-color:#0a1315!important;}
.ete-content{background-color:#10191c!important;}
.ete-text{color:#d6e0e2!important;}
.ete-heading{color:#f6fbfc!important;}
.ete-muted{color:#99a9ad!important;}
.ete-link{color:#e7c27d!important;}
.ete-border{border-color:#26343a!important;}
.ete-panel{background-color:#172226!important;border-color:#26343a!important;}
.ete-btn{background-color:#e7c27d!important;border-color:#e7c27d!important;}
.ete-btn-text{color:#10191c!important;}
.ete-btn-outline{border-color:#e7c27d!important;}
.ete-btn-outline-text{color:#e7c27d!important;}
.ete-logo-light{display:none!important;}
.ete-logo-dark{display:block!important;max-height:none!important;overflow:visible!important;}
}
[data-ogsc] .ete-text{color:#d6e0e2!important;}
[data-ogsc] .ete-heading{color:#f6fbfc!important;}
[data-ogsc] .ete-muted{color:#99a9ad!important;}
[data-ogsc] .ete-link{color:#e7c27d!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#0a1315!important;}
[data-ogsb] .ete-content{background-color:#10191c!important;}
[data-ogsb] .ete-panel{background-color:#172226!important;border-color:#26343a!important;}
body,table,td,th,p,a,span,div,li{mso-ascii-font-family:'Helvetica Neue';mso-hansi-font-family:'Helvetica Neue';mso-bidi-font-family:'Helvetica Neue';}
h1,h2,h3,.ete-hf{mso-ascii-font-family:Georgia;mso-hansi-font-family:Georgia;mso-bidi-font-family:Georgia;}
.ete-f-cormorant{mso-ascii-font-family:Georgia;mso-hansi-font-family:Georgia;mso-bidi-font-family:Georgia;}
</style>
<!--[if !mso]><!--><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&display=swap"><!--<![endif]-->
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#e7ecec;">
<!-- Made with emailtemplateexamples.com -->
<div class="ete-preheader" style="display:none;font-size:1px;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;mso-hide:all;">Thank you for your stays this year. You are now on Beacon, with late checkout and more. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#e7ecec;">
<tr><td align="center" class="ete-outer" style="padding:24px 12px;">
<!--[if mso]><table role="presentation" width="600" align="center" cellpadding="0" cellspacing="0" border="0"><tr><td><![endif]-->
<table role="presentation" class="ete-container" width="600" cellpadding="0" cellspacing="0" border="0" style="width:100%;max-width:600px;margin:0 auto;">
<tr><td class="ete-content" style="background-color:#ffffff;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;">
<tr><td class="" style="padding:0;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/loyalty-tier-upgrade-terrace.jpg" alt="White seaside terrace with a flower covered lantern and blue water beyond" width="600" height="350" class="ete-fluid" style="display:block;width:600px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;"></td></tr>
<tr><td class="ete-px" bgcolor="#12303a" style="background-color:#12303a;padding:24px 32px 8px;"><p style="margin:0 0 12px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#12303a;text-align:left;">Thank you for staying</p><h1 class="ete-ds-46" style="margin:0;font-family:'Cormorant Garamond', Georgia, 'Times New Roman', serif;font-size:46px;line-height:50px;font-weight:600;color:#ffffff;text-align:left;mso-line-height-rule:exactly;letter-spacing:-0.5px;font-size:min(46px,7.67vw);line-height:min(50px,8.33vw);overflow-wrap:anywhere;word-break:break-word;">You moved up a tier</h1></td></tr>
<tr><td class="ete-px" bgcolor="#12303a" style="background-color:#12303a;padding:20px 32px 12px;"><div style="font-size:0;text-align:center;"><!--[if mso]><table role="presentation" width="536" cellpadding="0" cellspacing="0" border="0"><tr><td width="268" valign="top"><![endif]--><div class="ete-stat-136" style="display:inline-block;vertical-align:top;width:50%;min-width:136px;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-icon-cell" style="padding:0 6px 8px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="padding:16px 6px;background-color:#1d4552;border-radius:0px;"><p class="ete-f-cormorant" style="margin:0;font-family:'Cormorant Garamond', Georgia, 'Times New Roman', serif;font-size:30px;line-height:33px;font-weight:600;color:#ffffff;text-align:center;mso-line-height-rule:exactly;">Harbor</p><p style="margin:0;padding-top:6px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff;text-align:center;">Your old tier</p></td></tr></table></td></tr></table></div><!--[if mso]></td><td width="268" valign="top"><![endif]--><div class="ete-stat-136" style="display:inline-block;vertical-align:top;width:50%;min-width:136px;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-icon-cell" style="padding:0 6px 8px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="padding:16px 6px;background-color:#1d4552;border-radius:0px;"><p class="ete-f-cormorant" style="margin:0;font-family:'Cormorant Garamond', Georgia, 'Times New Roman', serif;font-size:30px;line-height:33px;font-weight:600;color:#ffffff;text-align:center;mso-line-height-rule:exactly;">Beacon</p><p style="margin:0;padding-top:6px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff;text-align:center;">Your new tier</p></td></tr></table></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td class="ete-px" style="padding:28px 32px 12px;background-color:#12303a;"><div style="font-size:0;text-align:center;"><!--[if mso]><table role="presentation" width="536" cellpadding="0" cellspacing="0" border="0"><tr><td width="178" valign="top"><![endif]--><div class="ete-icon-wrap" style="display:inline-block;vertical-align:top;width:33.33%;min-width:94px;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-icon-cell" style="padding:0 8px 16px;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/icon-clock-e7c27d.png" alt="" width="36" height="36" class="" style="display:block;width:36px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;margin:0 auto;"><p style="margin:0;padding-top:10px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:19px;font-weight:700;color:#ffffff;text-align:center;">Late checkout</p><p style="margin:0;padding-top:4px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;color:#ffffff;text-align:center;">Stay until 2 pm</p></td></tr></table></div><!--[if mso]></td><td width="178" valign="top"><![endif]--><div class="ete-icon-wrap" style="display:inline-block;vertical-align:top;width:33.33%;min-width:94px;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-icon-cell" style="padding:0 8px 16px;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/icon-bed-e7c27d.png" alt="" width="36" height="36" class="" style="display:block;width:36px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;margin:0 auto;"><p style="margin:0;padding-top:10px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:19px;font-weight:700;color:#ffffff;text-align:center;">Room upgrade</p><p style="margin:0;padding-top:4px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;color:#ffffff;text-align:center;">When one is free</p></td></tr></table></div><!--[if mso]></td><td width="178" valign="top"><![endif]--><div class="ete-icon-wrap" style="display:inline-block;vertical-align:top;width:33.33%;min-width:94px;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-icon-cell" style="padding:0 8px 16px;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/icon-coffee-e7c27d.png" alt="" width="36" height="36" class="" style="display:block;width:36px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;margin:0 auto;"><p style="margin:0;padding-top:10px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:19px;font-weight:700;color:#ffffff;text-align:center;">First drink</p><p style="margin:0;padding-top:4px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;color:#ffffff;text-align:center;">On us at arrival</p></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td align="left" class="ete-px" bgcolor="#12303a" style="background-color:#12303a;padding:16px 32px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td align="center"><!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://example.com/book" style="height:48px;v-text-anchor:middle;width:235px;" arcsize="4%" strokecolor="#e7c27d" fillcolor="#e7c27d"><w:anchorlock/><center style="color:#12303a;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Book your next stay</center></v:roundrect><![endif]--><!--[if !mso]><!--><a href="https://example.com/book" style="display:inline-block;background-color:#e7c27d;border:1px solid #e7c27d;line-height:48px;border-radius:2px;color:#12303a;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:700;text-align:center;text-decoration:none;padding:0 28px;-webkit-text-size-adjust:none;mso-hide:all;"><span style="color:#12303a;">Book your next stay</span></a><!--<![endif]--></td></tr></table></td></tr>
<tr><td align="center" class="ete-px" style="padding:28px 32px 32px;"><p class="ete-muted" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#67767a;line-height:20px;text-align:center;"><strong>Saltmarsh Inns</strong><br>6 Quay Road, Newport, RI 02840</p><p class="ete-muted" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#67767a;line-height:20px;text-align:center;padding-top:10px;">You get this email because you are a member of the Saltmarsh Inns guest program.</p><p class="ete-muted" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#67767a;line-height:20px;text-align:center;padding-top:10px;"><a class="ete-link" href="{{unsubscribe_url}}" style="color:#67767a;text-decoration:underline;">Unsubscribe</a></p></td></tr>
</table>
</td></tr>
<tr><td align="center" class="ete-muted" style="padding:20px 12px 0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:18px;color:#67767a;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#67767a;text-decoration:underline;">Email Template Examples</a></td></tr>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</body>
</html>
About this template
An automated email for hotels, inns and travel clubs when a guest moves up a tier. A wide photo of a seaside terrace sets the mood with no words on it.
The rest of the message sits in one deep teal band. The headline congratulates the guest, two boxes show the old tier and the new one, and a row of gold line icons lists the new perks: late checkout, a room upgrade and a drink on arrival. One gold button leads to booking.
It suits brands that want a thank you to feel personal without shouting about points. Rename the tiers, change the perks and trigger it on the night the guest crosses the line.
Use it in your email tool
- Click Copy HTML, or download the .html file.
- In Mailchimp, Brevo, HubSpot or Klaviyo, start a new email with the custom HTML or code editor and paste it in.
- Change the text, links and images. Map merge tags such as {{first_name}} and {{unsubscribe_url}} to the tags of your tool.
- Send a test to yourself on desktop and phone before you send it to your list.
Sections in this email
- Terrace photo
- Headline in dark band
- Old and new tier boxes
- Perks icon row
- Booking button
- Footer
Subject line ideas
- Welcome to Beacon, {{first_name}}
- You moved up a tier at Saltmarsh Inns
- Your next stay comes with a late checkout
Preview text idea
Thank you for your stays this year. You are now on Beacon, with late checkout and more.