NPS Score Survey email template
A minimal NPS survey email in a plain letter style: one question, a 0 to 10 row of score links, a short note on what happens next and a signature.
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>NPS Score Survey</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;}
}
@media (prefers-color-scheme: dark){
.ete-body,.ete-bg{background-color:#121212!important;}
.ete-content{background-color:#121212!important;}
.ete-text{color:#e0e0e0!important;}
.ete-heading{color:#ffffff!important;}
.ete-muted{color:#a0a0a0!important;}
.ete-link{color:#9db0ff!important;}
.ete-border{border-color:#2e2e2e!important;}
.ete-panel{background-color:#1c1c1c!important;border-color:#2e2e2e!important;}
.ete-btn{background-color:#7d97ff!important;border-color:#7d97ff!important;}
.ete-btn-text{color:#0d0d0d!important;}
.ete-btn-outline{border-color:#7d97ff!important;}
.ete-btn-outline-text{color:#7d97ff!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:#e0e0e0!important;}
[data-ogsc] .ete-heading{color:#ffffff!important;}
[data-ogsc] .ete-muted{color:#a0a0a0!important;}
[data-ogsc] .ete-link{color:#9db0ff!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#121212!important;}
[data-ogsb] .ete-content{background-color:#121212!important;}
[data-ogsb] .ete-panel{background-color:#1c1c1c!important;border-color:#2e2e2e!important;}
</style>
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#ffffff;">
<!-- 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;">How likely are you to recommend Metricly? Pick a number, that is all. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#ffffff;">
<tr><td align="center" class="ete-outer" style="padding:24px 12px;">
<!--[if mso]><table role="presentation" width="560" align="center" cellpadding="0" cellspacing="0" border="0"><tr><td><![endif]-->
<table role="presentation" class="ete-container" width="560" cellpadding="0" cellspacing="0" border="0" style="width:100%;max-width:560px;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 align="left" class="ete-px" style="padding:28px 32px 20px;"><span class="ete-heading" style="font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:24px;line-height:30px;font-weight:700;letter-spacing:-0.3px;color:#111111;">Metricly</span></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-text" style="margin:0;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:16px;line-height:26px;color:#2d2d2d;text-align:left;">Hi {{first_name}},<br>
I have one quick question. It takes about ten seconds.</p></td></tr>
<tr><td class="ete-px" style="padding:24px 32px 8px;"><h2 class="ete-heading ete-h2" style="margin:0;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:24px;line-height:32px;font-weight:700;color:#111111;text-align:left;mso-line-height-rule:exactly;">How likely are you to recommend Metricly to a friend or colleague?</h2></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-text" style="margin:0;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:18px;line-height:29px;color:#2d2d2d;text-align:left;"><b><a class="ete-link" style="color:#2f4fc9;text-decoration:underline;" href="https://example.com/nps?s=0">0</a> · <a class="ete-link" style="color:#2f4fc9;text-decoration:underline;" href="https://example.com/nps?s=1">1</a> · <a class="ete-link" style="color:#2f4fc9;text-decoration:underline;" href="https://example.com/nps?s=2">2</a> · <a class="ete-link" style="color:#2f4fc9;text-decoration:underline;" href="https://example.com/nps?s=3">3</a> · <a class="ete-link" style="color:#2f4fc9;text-decoration:underline;" href="https://example.com/nps?s=4">4</a> · <a class="ete-link" style="color:#2f4fc9;text-decoration:underline;" href="https://example.com/nps?s=5">5</a> · <a class="ete-link" style="color:#2f4fc9;text-decoration:underline;" href="https://example.com/nps?s=6">6</a> · <a class="ete-link" style="color:#2f4fc9;text-decoration:underline;" href="https://example.com/nps?s=7">7</a> · <a class="ete-link" style="color:#2f4fc9;text-decoration:underline;" href="https://example.com/nps?s=8">8</a> · <a class="ete-link" style="color:#2f4fc9;text-decoration:underline;" href="https://example.com/nps?s=9">9</a> · <a class="ete-link" style="color:#2f4fc9;text-decoration:underline;" href="https://example.com/nps?s=10">10</a></b></p></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-muted" style="margin:0;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:13px;line-height:21px;color:#707070;text-align:left;">0 means not at all likely. 10 means extremely likely.</p></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-text" style="margin:0;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:16px;line-height:26px;color:#2d2d2d;text-align:left;">Your score goes straight to our product team. After you click, we may ask one short follow-up question. You can skip it.</p></td></tr>
<tr><td class="ete-px" style="padding:12px 32px 20px;"><p class="ete-text" style="margin:0;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:16px;line-height:26px;color:#2d2d2d;">Thank you,</p><p class="ete-heading" style="margin:0;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:16px;line-height:26px;color:#111111;font-weight:700;padding-top:6px;">Priya Shah</p><p class="ete-muted" style="margin:0;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:14px;line-height:22px;color:#707070;">Head of Product, Metricly</p></td></tr>
<tr><td align="left" class="ete-px" style="padding:28px 32px 32px;"><p class="ete-muted" style="margin:0;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:13px;line-height:21px;color:#707070;line-height:20px;text-align:left;"><strong>Metricly Analytics</strong><br>140 Data Lane, Suite 5, Boulder, CO 80302</p><p class="ete-muted" style="margin:0;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:13px;line-height:21px;color:#707070;line-height:20px;text-align:left;padding-top:10px;">You get this email because you use Metricly.</p><p class="ete-muted" style="margin:0;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:13px;line-height:21px;color:#707070;line-height:20px;text-align:left;padding-top:10px;"><a class="ete-link" href="{{unsubscribe_url}}" style="color:#707070;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:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:12px;line-height:18px;color:#707070;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#707070;text-decoration:underline;">Email Template Examples</a></td></tr>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</body>
</html>
About this template
SaaS teams can send this Net Promoter Score survey to active customers every few months. The design is almost plain text on white, so it reads like a note from a person on the product team, not a marketing blast.
A small wordmark sits at the top, then a two-line greeting. The question appears as a clear heading, followed by the numbers 0 to 10 as a single row of links, and a key that says which end is which. One paragraph explains what happens after the click. A signature from the head of product closes it.
Each number should link to a page that saves the score right away, so one click is enough. Send it to people who used the product in the last 30 days, and never more often than once a quarter for the same person.
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
- Wordmark
- Greeting
- NPS question
- 0 to 10 score links
- Scale key
- What happens next
- Signature
- Footer
Subject line ideas
- One quick question, {{first_name}}
- Would you recommend Metricly?
- 10 seconds of your time?
Preview text idea
How likely are you to recommend Metricly? Pick a number, that is all.