Loyalty Points Statement email template
A cafe points statement that opens on the number: a dark band with the points balance and points to the next reward, then three simple ways to earn more.
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 Points Statement</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-40{font-size:28px!important;line-height:31px!important;}
.ete-icon-cell{padding-left:2px!important;padding-right:2px!important;}
.ete-stat-111{min-width:111px!important;}
.ete-cell{padding-left:0!important;padding-right:0!important;}
}
@media (prefers-color-scheme: dark){
.ete-body,.ete-bg{background-color:#100d0a!important;}
.ete-content{background-color:#1a1612!important;}
.ete-text{color:#e5ddd2!important;}
.ete-heading{color:#fff8ee!important;}
.ete-muted{color:#ada192!important;}
.ete-link{color:#e8b878!important;}
.ete-border{border-color:#372f27!important;}
.ete-panel{background-color:#241f19!important;border-color:#372f27!important;}
.ete-btn{background-color:#e8b878!important;border-color:#e8b878!important;}
.ete-btn-text{color:#1a1612!important;}
.ete-btn-outline{border-color:#e8b878!important;}
.ete-btn-outline-text{color:#e8b878!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:#e5ddd2!important;}
[data-ogsc] .ete-heading{color:#fff8ee!important;}
[data-ogsc] .ete-muted{color:#ada192!important;}
[data-ogsc] .ete-link{color:#e8b878!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#100d0a!important;}
[data-ogsb] .ete-content{background-color:#1a1612!important;}
[data-ogsb] .ete-panel{background-color:#241f19!important;border-color:#372f27!important;}
body,table,td,th,p,a,span,div,li{mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
h1,h2,h3,.ete-hf{mso-ascii-font-family:Georgia;mso-hansi-font-family:Georgia;mso-bidi-font-family:Georgia;}
.ete-f-dm-sans{mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
.ete-f-dm-serif{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=DM+Sans:wght@400;500;700&family=DM+Serif+Display:ital@0;1&display=swap"><!--<![endif]-->
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#f2ece2;">
<!-- 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;">You have 1,240 points. Just 260 more until a free loaf. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#f2ece2;">
<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:#fffdf9;border-radius:4px;overflow:hidden;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;">
<tr><td class="ete-px" bgcolor="#1e1913" style="background-color:#1e1913;padding:20px 32px 12px;"><div style="padding-bottom:16px;"><h3 style="margin:0;font-family:'DM Serif Display', Georgia, 'Times New Roman', serif;font-size:19px;line-height:26px;font-weight:400;color:#f8f1e6;text-align:center;mso-line-height-rule:exactly;">Your points, {{first_name}}</h3></div><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-111" style="display:inline-block;vertical-align:top;width:50%;min-width:148px;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:#332b22;border-radius:4px;"><p class="ete-ds-40 ete-f-dm-serif" style="margin:0;font-family:'DM Serif Display', Georgia, 'Times New Roman', serif;font-size:40px;line-height:44px;font-weight:400;color:#f6dcae;text-align:center;mso-line-height-rule:exactly;">1,240</p><p style="margin:0;padding-top:6px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#f6dcae;text-align:center;">Points now</p></td></tr></table></td></tr></table></div><!--[if mso]></td><td width="268" valign="top"><![endif]--><div class="ete-stat-111" style="display:inline-block;vertical-align:top;width:50%;min-width:148px;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:#332b22;border-radius:4px;"><p class="ete-ds-40 ete-f-dm-serif" style="margin:0;font-family:'DM Serif Display', Georgia, 'Times New Roman', serif;font-size:40px;line-height:44px;font-weight:400;color:#f6dcae;text-align:center;mso-line-height-rule:exactly;">260</p><p style="margin:0;padding-top:6px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#f6dcae;text-align:center;">To a free loaf</p></td></tr></table></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td class="ete-px" style="padding:24px 32px 8px;"><p class="ete-link" style="margin:0 0 12px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#7c4a14;text-align:left;">Oat & Ember rewards</p><h2 class="ete-heading ete-h2" style="margin:0;font-family:'DM Serif Display', Georgia, 'Times New Roman', serif;font-size:24px;line-height:32px;font-weight:400;color:#201a12;text-align:left;mso-line-height-rule:exactly;">Three ways to earn faster</h2></td></tr>
<tr><td class="ete-px" style="padding:16px 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td width="52" valign="top" style="padding-right:16px;padding-bottom:20px;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/icon-coffee-b06a24.png" alt="Coffee cup icon" width="36" height="36" class="" style="display:block;width:36px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;"></td><td valign="top" style="padding-top:6px;padding-bottom:20px;"><p class="ete-heading" style="margin:0;font-family:'DM Serif Display', Georgia, 'Times New Roman', serif;font-size:17px;line-height:24px;font-weight:400;color:#201a12;">Bring your own cup</p><p class="ete-text" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#4a4238;padding-top:4px;">Earn 5 extra points on every drink you take away in your own cup.</p></td></tr><tr><td width="52" valign="top" style="padding-right:16px;padding-bottom:20px;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/icon-star-b06a24.png" alt="Star icon" width="36" height="36" class="" style="display:block;width:36px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;"></td><td valign="top" style="padding-top:6px;padding-bottom:20px;"><p class="ete-heading" style="margin:0;font-family:'DM Serif Display', Georgia, 'Times New Roman', serif;font-size:17px;line-height:24px;font-weight:400;color:#201a12;">Come by before 9 am</p><p class="ete-text" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#4a4238;padding-top:4px;">Morning orders count double from Monday to Friday.</p></td></tr><tr><td width="52" valign="top" style="padding-right:16px;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/icon-gift-b06a24.png" alt="Gift icon" width="36" height="36" class="" style="display:block;width:36px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;"></td><td valign="top" style="padding-top:6px;"><p class="ete-heading" style="margin:0;font-family:'DM Serif Display', Georgia, 'Times New Roman', serif;font-size:17px;line-height:24px;font-weight:400;color:#201a12;">Buy a bag of beans</p><p class="ete-text" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#4a4238;padding-top:4px;">Each bag adds 50 bonus points to your balance.</p></td></tr></table></td></tr>
<tr><td align="left" class="ete-px" style="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/rewards" style="height:48px;v-text-anchor:middle;width:199px;" arcsize="8%" filled="f" strokeweight="2px" strokecolor="#7c4a14"><w:anchorlock/><center style="color:#7c4a14;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">See all rewards</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn-outline" href="https://example.com/rewards" style="display:inline-block;background-color:transparent;border:2px solid #7c4a14;line-height:44px;border-radius:4px;color:#7c4a14;font-family:'DM Sans', '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 class="ete-btn-outline-text" style="color:#7c4a14;">See all rewards</span></a><!--<![endif]--></td></tr></table></td></tr>
<tr><td align="left" class="ete-px" style="padding:28px 32px 32px;"><p class="ete-muted" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#7b7163;line-height:20px;text-align:left;"><strong>Oat & Ember Cafe</strong><br>19 Linden Square, Burlington, VT 05401</p><p class="ete-muted" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#7b7163;line-height:20px;text-align:left;padding-top:10px;">You get this statement because you joined Oat & Ember rewards.</p><p class="ete-muted" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#7b7163;line-height:20px;text-align:left;padding-top:10px;"><a class="ete-link" href="{{unsubscribe_url}}" style="color:#7b7163;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:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:18px;color:#7b7163;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#7b7163;text-decoration:underline;">Email Template Examples</a></td></tr>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</body>
</html>
About this template
People open a points email to see one number, so this statement starts there and skips the logo. A dark band holds two large figures in boxes: the current balance and how far the reader is from the next reward. Oat & Ember Cafe is the sample brand.
Under the band, a left-aligned heading leads into three ways to earn points, each with a small line icon and a short line that says exactly what to do. An outline button opens the full rewards page, and the footer names the cafe.
It works for any shop with a points scheme. Pull the two figures from your loyalty system when you send it, and change the three ways to earn to match your rules. Sending it once a month gives regulars a small reason to come back.
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
- Points balance band
- Heading
- Three ways to earn
- Rewards button
- Footer
Subject line ideas
- You have 1,240 points, {{first_name}}
- 260 points until your free loaf
- Your October points statement
Preview text idea
You have 1,240 points. Just 260 more until a free loaf.