NPS Ten Scale email template
A one question survey for a software product with a teal band and desk photo, round orange score buttons from 0 to 10, a scale note and a dark footer.
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 Ten Scale</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-36{font-size:28px!important;line-height:31px!important;}
.ete-cell{padding-left:0!important;padding-right:0!important;}
}
@media (prefers-color-scheme: dark){
.ete-body,.ete-bg{background-color:#101111!important;}
.ete-content{background-color:#181a1a!important;}
.ete-text{color:#c8cccb!important;}
.ete-heading{color:#f3f5f4!important;}
.ete-muted{color:#9ca2a0!important;}
.ete-link{color:#4fd1b4!important;}
.ete-border{border-color:#333636!important;}
.ete-panel{background-color:#202323!important;border-color:#333636!important;}
.ete-btn{background-color:#ff7a50!important;border-color:#ff7a50!important;}
.ete-btn-text{color:#2a0b02!important;}
.ete-btn-outline{border-color:#ff7a50!important;}
.ete-btn-outline-text{color:#ff7a50!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:#c8cccb!important;}
[data-ogsc] .ete-heading{color:#f3f5f4!important;}
[data-ogsc] .ete-muted{color:#9ca2a0!important;}
[data-ogsc] .ete-link{color:#4fd1b4!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#101111!important;}
[data-ogsb] .ete-content{background-color:#181a1a!important;}
[data-ogsb] .ete-panel{background-color:#202323!important;border-color:#333636!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:'Helvetica Neue';mso-hansi-font-family:'Helvetica Neue';mso-bidi-font-family:'Helvetica Neue';}
.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+Serif+Display:ital@0;1&display=swap"><!--<![endif]-->
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#eeeeee;">
<!-- 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;">One question, one click: how likely are you to recommend Tallybook to a friend? ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#eeeeee;">
<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;border-radius:4px;overflow:hidden;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;">
<tr><td align="center" class="ete-px" style="padding:28px 32px 20px;background-color:#eeeeee;"><a href="https://example.com/" style="text-decoration:none;color:#2b2b2b;"><span class="ete-f-dm-serif" style="font-family:'DM Serif Display', Georgia, 'Times New Roman', serif;font-size:34px;line-height:43px;font-weight:400;letter-spacing:-0.3px;color:#2b2b2b;">Tallybook</span></a></td></tr>
<tr><td align="center" class="ete-px" style="padding:56px 6.67% 44px;mso-padding-alt:56px 40px 44px;background-color:#12866f;text-align:center;"><h1 class="ete-ds-36" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:36px;line-height:43px;font-weight:700;color:#ffffff;text-align:center;mso-line-height-rule:exactly;">Your opinion matters!</h1><p style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:27px;color:#ffffff;padding-top:16px;text-align:center;">How likely are you to recommend Tallybook to a friend? Pick a number from 0 to 10 below.</p></td></tr>
<tr><td class="ete-px" style="padding:0 32px 32px;background-color:#12866f;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/nps-ten-scale-desk.jpg" alt="Open laptop on a wooden desk in warm light" width="536" height="280" class="ete-fluid" style="display:block;width:536px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;border-radius:4px;"></td></tr>
<tr><td height="16" style="height:16px;font-size:0;line-height:0;mso-line-height-rule:exactly;"> </td></tr>
<tr><td align="center" class="ete-px" style="padding:12px 28px 8px;"><div style="font-size:0;text-align:center;"><!--[if mso]><table role="presentation" align="center" cellpadding="0" cellspacing="0" border="0"><tr><td valign="middle"><![endif]--><div style="display:inline-block;vertical-align:middle;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding:4px 4px 8px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center"><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/nps?score=0" style="height:48px;v-text-anchor:middle;width:48px;" arcsize="50%" strokecolor="#c4451f" fillcolor="#c4451f"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">0</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/nps?score=0" style="display:inline-block;background-color:#c4451f;border:1px solid #c4451f;line-height:48px;border-radius:24px;color:#ffffff;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:700;text-align:center;text-decoration:none;padding:0;width:48px;-webkit-text-size-adjust:none;mso-hide:all;"><span class="ete-btn-text" style="color:#ffffff;">0</span></a><!--<![endif]--></td></tr></table></td></tr></table></div><!--[if mso]></td><td valign="middle"><![endif]--><div style="display:inline-block;vertical-align:middle;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding:4px 4px 8px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center"><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/nps?score=1" style="height:48px;v-text-anchor:middle;width:48px;" arcsize="50%" strokecolor="#c4451f" fillcolor="#c4451f"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">1</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/nps?score=1" style="display:inline-block;background-color:#c4451f;border:1px solid #c4451f;line-height:48px;border-radius:24px;color:#ffffff;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:700;text-align:center;text-decoration:none;padding:0;width:48px;-webkit-text-size-adjust:none;mso-hide:all;"><span class="ete-btn-text" style="color:#ffffff;">1</span></a><!--<![endif]--></td></tr></table></td></tr></table></div><!--[if mso]></td><td valign="middle"><![endif]--><div style="display:inline-block;vertical-align:middle;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding:4px 4px 8px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center"><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/nps?score=2" style="height:48px;v-text-anchor:middle;width:48px;" arcsize="50%" strokecolor="#c4451f" fillcolor="#c4451f"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">2</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/nps?score=2" style="display:inline-block;background-color:#c4451f;border:1px solid #c4451f;line-height:48px;border-radius:24px;color:#ffffff;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:700;text-align:center;text-decoration:none;padding:0;width:48px;-webkit-text-size-adjust:none;mso-hide:all;"><span class="ete-btn-text" style="color:#ffffff;">2</span></a><!--<![endif]--></td></tr></table></td></tr></table></div><!--[if mso]></td><td valign="middle"><![endif]--><div style="display:inline-block;vertical-align:middle;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding:4px 4px 8px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center"><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/nps?score=3" style="height:48px;v-text-anchor:middle;width:48px;" arcsize="50%" strokecolor="#c4451f" fillcolor="#c4451f"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">3</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/nps?score=3" style="display:inline-block;background-color:#c4451f;border:1px solid #c4451f;line-height:48px;border-radius:24px;color:#ffffff;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:700;text-align:center;text-decoration:none;padding:0;width:48px;-webkit-text-size-adjust:none;mso-hide:all;"><span class="ete-btn-text" style="color:#ffffff;">3</span></a><!--<![endif]--></td></tr></table></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td align="center" class="ete-px" style="padding:12px 28px 8px;"><div style="font-size:0;text-align:center;"><!--[if mso]><table role="presentation" align="center" cellpadding="0" cellspacing="0" border="0"><tr><td valign="middle"><![endif]--><div style="display:inline-block;vertical-align:middle;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding:4px 4px 8px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center"><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/nps?score=4" style="height:48px;v-text-anchor:middle;width:48px;" arcsize="50%" strokecolor="#c4451f" fillcolor="#c4451f"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">4</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/nps?score=4" style="display:inline-block;background-color:#c4451f;border:1px solid #c4451f;line-height:48px;border-radius:24px;color:#ffffff;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:700;text-align:center;text-decoration:none;padding:0;width:48px;-webkit-text-size-adjust:none;mso-hide:all;"><span class="ete-btn-text" style="color:#ffffff;">4</span></a><!--<![endif]--></td></tr></table></td></tr></table></div><!--[if mso]></td><td valign="middle"><![endif]--><div style="display:inline-block;vertical-align:middle;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding:4px 4px 8px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center"><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/nps?score=5" style="height:48px;v-text-anchor:middle;width:48px;" arcsize="50%" strokecolor="#c4451f" fillcolor="#c4451f"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">5</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/nps?score=5" style="display:inline-block;background-color:#c4451f;border:1px solid #c4451f;line-height:48px;border-radius:24px;color:#ffffff;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:700;text-align:center;text-decoration:none;padding:0;width:48px;-webkit-text-size-adjust:none;mso-hide:all;"><span class="ete-btn-text" style="color:#ffffff;">5</span></a><!--<![endif]--></td></tr></table></td></tr></table></div><!--[if mso]></td><td valign="middle"><![endif]--><div style="display:inline-block;vertical-align:middle;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding:4px 4px 8px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center"><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/nps?score=6" style="height:48px;v-text-anchor:middle;width:48px;" arcsize="50%" strokecolor="#c4451f" fillcolor="#c4451f"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">6</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/nps?score=6" style="display:inline-block;background-color:#c4451f;border:1px solid #c4451f;line-height:48px;border-radius:24px;color:#ffffff;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:700;text-align:center;text-decoration:none;padding:0;width:48px;-webkit-text-size-adjust:none;mso-hide:all;"><span class="ete-btn-text" style="color:#ffffff;">6</span></a><!--<![endif]--></td></tr></table></td></tr></table></div><!--[if mso]></td><td valign="middle"><![endif]--><div style="display:inline-block;vertical-align:middle;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding:4px 4px 8px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center"><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/nps?score=7" style="height:48px;v-text-anchor:middle;width:48px;" arcsize="50%" strokecolor="#c4451f" fillcolor="#c4451f"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">7</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/nps?score=7" style="display:inline-block;background-color:#c4451f;border:1px solid #c4451f;line-height:48px;border-radius:24px;color:#ffffff;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:700;text-align:center;text-decoration:none;padding:0;width:48px;-webkit-text-size-adjust:none;mso-hide:all;"><span class="ete-btn-text" style="color:#ffffff;">7</span></a><!--<![endif]--></td></tr></table></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td align="center" class="ete-px" style="padding:12px 28px 8px;"><div style="font-size:0;text-align:center;"><!--[if mso]><table role="presentation" align="center" cellpadding="0" cellspacing="0" border="0"><tr><td valign="middle"><![endif]--><div style="display:inline-block;vertical-align:middle;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding:4px 4px 8px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center"><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/nps?score=8" style="height:48px;v-text-anchor:middle;width:48px;" arcsize="50%" strokecolor="#c4451f" fillcolor="#c4451f"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">8</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/nps?score=8" style="display:inline-block;background-color:#c4451f;border:1px solid #c4451f;line-height:48px;border-radius:24px;color:#ffffff;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:700;text-align:center;text-decoration:none;padding:0;width:48px;-webkit-text-size-adjust:none;mso-hide:all;"><span class="ete-btn-text" style="color:#ffffff;">8</span></a><!--<![endif]--></td></tr></table></td></tr></table></div><!--[if mso]></td><td valign="middle"><![endif]--><div style="display:inline-block;vertical-align:middle;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding:4px 4px 8px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center"><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/nps?score=9" style="height:48px;v-text-anchor:middle;width:48px;" arcsize="50%" strokecolor="#c4451f" fillcolor="#c4451f"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">9</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/nps?score=9" style="display:inline-block;background-color:#c4451f;border:1px solid #c4451f;line-height:48px;border-radius:24px;color:#ffffff;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:700;text-align:center;text-decoration:none;padding:0;width:48px;-webkit-text-size-adjust:none;mso-hide:all;"><span class="ete-btn-text" style="color:#ffffff;">9</span></a><!--<![endif]--></td></tr></table></td></tr></table></div><!--[if mso]></td><td valign="middle"><![endif]--><div style="display:inline-block;vertical-align:middle;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding:4px 4px 8px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center"><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/nps?score=10" style="height:48px;v-text-anchor:middle;width:48px;" arcsize="50%" strokecolor="#c4451f" fillcolor="#c4451f"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">10</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/nps?score=10" style="display:inline-block;background-color:#c4451f;border:1px solid #c4451f;line-height:48px;border-radius:24px;color:#ffffff;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:700;text-align:center;text-decoration:none;padding:0;width:48px;-webkit-text-size-adjust:none;mso-hide:all;"><span class="ete-btn-text" style="color:#ffffff;">10</span></a><!--<![endif]--></td></tr></table></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-muted" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:22px;color:#7a7a7a;text-align:center;">0 means not likely at all, 10 means very likely.</p></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-text" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#5a5a5a;text-align:left;">Thank you for taking the time to tell us what you think. We read every answer and use them to decide what to build next.</p></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-text" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#5a5a5a;text-align:left;">Thank you,<br>
The Tallybook team</p></td></tr>
<tr><td height="16" style="height:16px;font-size:0;line-height:0;mso-line-height-rule:exactly;"> </td></tr>
<tr><td align="center" class="ete-px" bgcolor="#333333" style="background-color:#333333;padding:16px 32px;"><a href="https://example.com/linkedin" style="display:inline-block;margin:4px;padding:6px 14px;border:1px solid #e2e2e2;border-radius:999px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;font-weight:700;color:#eeeeee;text-decoration:none;">LinkedIn</a><a href="https://example.com/x" style="display:inline-block;margin:4px;padding:6px 14px;border:1px solid #e2e2e2;border-radius:999px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;font-weight:700;color:#eeeeee;text-decoration:none;">X</a></td></tr>
<tr><td align="center" class="ete-px" bgcolor="#333333" style="background-color:#333333;padding:28px 32px 32px;"><p style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#bdbdbd;line-height:20px;text-align:center;"><strong>Tallybook Ltd</strong><br>5 Wharf Road, London N1 7GR</p><p style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#bdbdbd;line-height:20px;text-align:center;padding-top:10px;"><a href="{{view_in_browser_url}}" style="color:#bdbdbd;text-decoration:underline;">View in browser</a> · <a href="{{unsubscribe_url}}" style="color:#bdbdbd;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:#7a7a7a;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#7a7a7a;text-decoration:underline;">Email Template Examples</a></td></tr>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</body>
</html>
Adapted from sendwithus templates (Sunday theme, survey) by Techdrop Labs Inc. (sendwithus), Apache-2.0 license.
About this template
A short survey that asks one question: how likely is the reader to recommend the product to a friend. It is made for software and service companies that track a simple score after a few weeks of use.
A serif wordmark sits on the light grey top. A teal band holds the question as a big white headline, one line that explains the scale and a photo of a laptop on a desk. Under the band the answers are round orange buttons from 0 to 10, set in three short rows so they stay easy to tap on a phone, with a small note that explains what the ends of the scale mean.
A few lines thank the reader and say how the answers are used, and the team signs off. A dark footer band holds the social links, the address and the unsubscribe link.
The layout follows a classic open source survey template. Point each button at a link that records the score, then show a thank you page with one optional question.
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
- Teal band with question and photo
- Score buttons 0 to 10
- Scale note
- Thank you lines
- Dark footer band
Subject line ideas
- Your opinion matters to us
- One quick question about Tallybook
- {{first_name}}, how are we doing? (one click)
Preview text idea
One question, one click: how likely are you to recommend Tallybook to a friend?