Skip to content

Instantly share code, notes, and snippets.

@10foldsolutions

10foldsolutions/nps email template

Created August 27, 2019 19:50
Show Gist options
  • Save 10foldsolutions/3529da350536d054c91691851ae4470b to your computer and use it in GitHub Desktop.
Save 10foldsolutions/3529da350536d054c91691851ae4470b to your computer and use it in GitHub Desktop.
Download ZIP
Raw
nps email template
<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<!--NAVIGATION CODE
LOGO: 209
TOP BAR: 275
EMAIL CONTENT: 259
SIGNATURE: 296
FOOTER: 409
-->
<head>
<title></title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
#outlook a {
padding: 0;
}
.ReadMsgBody {
width: 100%;
}
.ExternalClass {
width: 100%;
}
.ExternalClass * {
line-height: 100%;
}
body {
margin: 0;
padding: 0;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
table,
td {
border-collapse: collapse;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
img {
border: 0;
height: auto;
line-height: 100%;
outline: none;
text-decoration: none;
-ms-interpolation-mode: bicubic;
}
h1{
margin-top:0;
margin-bottom:14;
padding-top:0;
padding-bottom:0;
line-height: 1.1em;
}
p,h2,h3,h4{
margin-top:0;
margin-bottom:12;
padding-top:0;
padding-bottom:0;
}
ul,ol,{
margin-top:14;
margin-bottom: 14;
font-weight: normal;
}
ul,ol,li{
margin-left: 20; margin-right: 0; padding-left: 20; padding-right: 0;
}
ul,ol{
margin-left: 20px;
}
ol,ol,li{
list-style-type: disc;
}
.arrow_box {
margin-top: -20px;
position: relative;
background: #ffffff;
border-top: 0px solid #ffffff;
}
.arrow_box:after, .arrow_box:before {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.arrow_box:after {
margin-top: -1px;
border-color: rgba(255, 255, 255, 0);
border-top-color: #ffffff;
border-width: 13px 20px 0 20px;
margin-left: -20px;
}
.arrow_box:before {
border-color: rgba(232, 232, 232, 0);
border-top-color: #e8e8e8;
border-width: 13.5px 20.5px 0 20.5px;
margin-left: -20.3px;
}
a[href^="x-apple-data-detectors:"] {
color: inherit;
text-decoration: inherit;
}
</style>
<!--[if !mso]><!-->
<style type="text/css">
@media only screen and (max-width: 480px) {
@-ms-viewport {
width: 320px;
}
@viewport {
width: 320px;
}
.mobile-full-width {
width: 100% !important;
}
.mobile-hide {
display: none !important;
}
.mobile-padding {
padding-bottom:30px;
}
}
</style>
<link href="https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700 rel=stylesheet">
<link href="https://fonts.googleapis.com/css?family=Hind+Siliguri:400,300,500,600,700" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Montserrat:400,500,300,600,700" rel="stylesheet" type="text/css">
</style>
<style type="text/css">
@media only screen and (min-width: 480px) {
.mj-column-per-100 {
width: 100%!important;
}
.mj-column-per-48 {
width: 48.5%!important;
}
.mj-column-per-3 {
width: 3%!important;
}
.mj-column-per-80 {
width: 80%!important;
}
.mj-column-per-19 {
width: 19%!important;
}
}
</style>
</head>
<body style="background-color: rgb(250, 250, 250);" class="" bgcolor="#fafafa">
<table role="presentation" style="background: #fff; font-size: 0px; width: 100%;" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td>
<div style="margin: 0px auto; max-width: 570px;">
<table role="presentation" style="font-size: 0px; width: 100%;" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td style="text-align: center; vertical-align: top; direction: ltr; font-size: 0px; padding: 0px;">
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
<table role="presentation" style="background: #c6c6c6; font-size: 0px; width: 100%;" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td>
<div style="margin: 0px auto; max-width: 570px;">
<table role="presentation" style="font-size: 0px; width: 100%;" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td style="text-align: center; vertical-align: top; direction: ltr; font-size: 0px; padding: 20px 0px; padding-bottom: 1px; padding-top: 0px;"></td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
<!----------- logo ----------->
<table role="presentation" style="background: #fafafa; font-size: 0px; width: 100%;" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td data-nl-format="datetime">
<div style="margin: 0px auto; max-width: 570px;">
<table role="presentation" style="font-size: 0px; width: 100%;" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td style="text-align: center; vertical-align: top; direction: ltr; font-size: 0px; padding: 0px;">
<div style="margin: 0px auto; max-width: 570px;">
<table role="presentation" style="font-size: 0px; width: 100%;" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td style="text-align: center; vertical-align: top; direction: ltr; font-size: 0px; padding: 0px 0px; padding-bottom: 15px; padding-top: 3%;" data-nl-format="datetime">
<div class="mj-column-per-100 outlook-group-fix" style="vertical-align: top; display: inline-block; direction: ltr; font-size: 13px; text-align: left; width: 100%;">
<table role="presentation" width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td style="word-wrap: break-word; font-size: 0px; padding: 20px; " align="center">
<table role="presentation" style="border-collapse: collapse; border-spacing: 0px;" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td style="width: 230px;"><a href="https://dripemailtemplates.com" target="_blank" ><img alt="CartStack" title="CartStack" src="https://cartstack.s3.amazonaws.com/template-files/NewCartStackLogo_2018-01.png" style="border: none; border-radius: 0px; display: block; font-size: 13px; outline: none; text-decoration: none; width: 190px;" width="190" height="" /> </a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<!----------- end logo ----------->
<table role="presentation" style="font-size: 0px; width: 100%;" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td>
<div style="margin: 0px auto; max-width: 570px;">
<table role="presentation" style="font-size: 0px; width: 100%;" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td style="text-align: center; vertical-align: top; direction: ltr; font-size: 0px; padding: 0px 0px 10px;">
<table role="presentation" style="font-size: 0px; width: 100%;" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td>
<div style="margin: 0px auto; max-width: 570px;">
<table role="presentation" style="font-size: 0px; width: 100%;" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td style="text-align: center; vertical-align: top; direction: ltr; font-size: 0px; padding: 0px 0px 20px;" >
<!----------- top bar ----------->
<div class="mj-column-per-100 outlook-group-fix" style="vertical-align: top; display: inline-block; border-top: 9px solid #36A582; direction: ltr; font-size: 13px; text-align: left; width: 100%;">
<!----------- end top bar ----------->
<table role="presentation" style="background: #fff; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8" width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td style="word-wrap: break-word; font-size: 0px; padding: 0px;" align="center">
<table role="presentation" style="border-collapse: collapse; border-spacing: 0px;" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
</tr>
</tbody>
</table>
</td>
</tr>
<!----------- email content ----------->
<td style="word-wrap: break-word; font-size: 0px; padding: 5% 10% 6.5%;" align="center" data-nl-format="datetime">
<div style="cursor: auto; color: #272727; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24px; text-align: left; max-width: 550px; ">
<!-- body html -->
<table cellpadding="0" cellspacing="0" style="font-family: 'Open Sans', sans-serif; font-weight: normal;width:100%;">
<tbody>
<tr>
<td align="center" colspan="11" style="font-family: 'Open Sans', sans-serif;">
<p style="text-align: center; font-size: 20px;" align="center">
How likely are you to recommend <strong>CartStack</strong> to a friend or colleague?
</p>
</td>
</tr>
<tr>
<td style="width:9%;min-width:25px">
<table cellpadding="0" cellspacing="0" style="width:90%">
<tbody>
<tr>
<td align="center" bgcolor="#fff" height="40" style="display: block;text-align:center" width="100%"><a href="https://admin.cartstack.com/secure/survey/thank-you/?t=nps&s=0&a=%SIGNUPACK%" style="border:1px solid #cccccc; border-radius:3px; font-weight: bold; font-family:sans-serif; text-decoration: none; line-height:40px; width:100%; min-width:25px; display:inline-block;color: #222222;mso-hide:all;">0 </a></td>
</tr>
</tbody>
</table>
</td>
<td style="width:9%;min-width:25px">
<table cellpadding="0" cellspacing="0" style="width:90%">
<tbody>
<tr>
<td align="center" bgcolor="#fff" height="40" style="display: block;text-align:center" width="100%"><a href="https://admin.cartstack.com/secure/survey/thank-you/?t=nps&s=1&a=%SIGNUPACK%" style="border:1px solid #cccccc; border-radius:3px; font-weight: bold; font-family:sans-serif; text-decoration: none; line-height:40px; width:100%; min-width:25px; display:inline-block;color: #222222;mso-hide:all;">1 </a></td>
</tr>
</tbody>
</table>
</td>
<td style="width:9%;min-width:25px">
<table cellpadding="0" cellspacing="0" style="width:90%">
<tbody>
<tr>
<td align="center" bgcolor="#fff" height="40" style="display: block;text-align:center" width="100%"><a href="https://admin.cartstack.com/secure/survey/thank-you/?t=nps&s=2&a=%SIGNUPACK%" style="border:1px solid #cccccc; border-radius:3px; font-weight: bold; font-family:sans-serif; text-decoration: none; line-height:40px; width:100%; min-width:25px; display:inline-block;color: #222222;mso-hide:all;">2 </a></td>
</tr>
</tbody>
</table>
</td>
<td style="width:9%;min-width:25px">
<table cellpadding="0" cellspacing="0" style="width:90%">
<tbody>
<tr>
<td align="center" bgcolor="#fff" height="40" style="display: block;text-align:center" width="100%"><a href="https://admin.cartstack.com/secure/survey/thank-you/?t=nps&s=3&a=%SIGNUPACK%" style="border:1px solid #cccccc; border-radius:3px; font-weight: bold; font-family:sans-serif; text-decoration: none; line-height:40px; width:100%; min-width:25px; display:inline-block;color: #222222;mso-hide:all;">3 </a></td>
</tr>
</tbody>
</table>
</td>
<td style="width:9%;min-width:25px">
<table cellpadding="0" cellspacing="0" style="width:90%">
<tbody>
<tr>
<td align="center" bgcolor="#fff" height="40" style="display: block;text-align:center" width="100%"><a href="https://admin.cartstack.com/secure/survey/thank-you/?t=nps&s=4&a=%SIGNUPACK%" style="border:1px solid #cccccc; border-radius:3px; font-weight: bold; font-family:sans-serif; text-decoration: none; line-height:40px; width:100%; min-width:25px; display:inline-block;color: #222222;mso-hide:all;">4 </a></td>
</tr>
</tbody>
</table>
</td>
<td style="width:9%;min-width:25px">
<table cellpadding="0" cellspacing="0" style="width:90%">
<tbody>
<tr>
<td align="center" bgcolor="#fff" height="40" style="display: block;text-align:center" width="100%"><a href="https://admin.cartstack.com/secure/survey/thank-you/?t=nps&s=5&a=%SIGNUPACK%" style="border:1px solid #cccccc; border-radius:3px; font-weight: bold; font-family:sans-serif; text-decoration: none; line-height:40px; width:100%; min-width:25px; display:inline-block;color: #222222;mso-hide:all;">5 </a></td>
</tr>
</tbody>
</table>
</td>
<td style="width:9%;min-width:25px">
<table cellpadding="0" cellspacing="0" style="width:90%">
<tbody>
<tr>
<td align="center" bgcolor="#fff" height="40" style="display: block;text-align:center" width="100%"><a href="https://admin.cartstack.com/secure/survey/thank-you/?t=nps&s=6&a=%SIGNUPACK%" style="border:1px solid #cccccc; border-radius:3px; font-weight: bold; font-family:sans-serif; text-decoration: none; line-height:40px; width:100%; min-width:25px; display:inline-block;color: #222222;mso-hide:all;">6 </a></td>
</tr>
</tbody>
</table>
</td>
<td style="width:9%;min-width:25px">
<table cellpadding="0" cellspacing="0" style="width:90%">
<tbody>
<tr>
<td align="center" bgcolor="#fff" height="40" style="display: block;text-align:center" width="100%"><a href="https://admin.cartstack.com/secure/survey/thank-you/?t=nps&s=7&a=%SIGNUPACK%" style="border:1px solid #cccccc; border-radius:3px; font-weight: bold; font-family:sans-serif; text-decoration: none; line-height:40px; width:100%; min-width:25px; display:inline-block;color: #222222;mso-hide:all;">7</a></td>
</tr>
</tbody>
</table>
</td>
<td style="width:9%;min-width:25px">
<table cellpadding="0" cellspacing="0" style="width:90%">
<tbody>
<tr>
<td align="center" bgcolor="#fff" height="40" style="display: block;text-align:center" width="100%"><a href="https://admin.cartstack.com/secure/survey/thank-you/?t=nps&s=8&a=%SIGNUPACK%" style="border:1px solid #cccccc; border-radius:3px; font-weight: bold; font-family:sans-serif; text-decoration: none; line-height:40px; width:100%; min-width:25px; display:inline-block;color: #222222;mso-hide:all;">8</a></td>
</tr>
</tbody>
</table>
</td>
<td style="width:9%;min-width:25px">
<table cellpadding="0" cellspacing="0" style="width:90%">
<tbody>
<tr>
<td align="center" bgcolor="#fff" height="40" style="display: block;text-align:center" width="100%"><a href="https://admin.cartstack.com/secure/survey/thank-you/?t=nps&s=9&a=%SIGNUPACK%" style="border:1px solid #cccccc; border-radius:3px; font-weight: bold; font-family:sans-serif; text-decoration: none; line-height:40px; width:100%; min-width:25px; display:inline-block;color: #222222;mso-hide:all;">9</a></td>
</tr>
</tbody>
</table>
</td>
<td style="width:9%;min-width:25px">
<table cellpadding="0" cellspacing="0" style="width:90%">
<tbody>
<tr>
<td align="center" bgcolor="#fff" height="40" style="display: block;text-align:center" width="100%"><a href="https://admin.cartstack.com/secure/survey/thank-you/?t=nps&s=10&a=%SIGNUPACK%" style="border:1px solid #cccccc; border-radius:3px;font-weight: bold; font-family:sans-serif; text-decoration: none; line-height:40px; width:100%; min-width:25px; display:inline-block;color: #222222;mso-hide:all;">10</a></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td align="left" colspan="6" style="font-family: 'Open Sans', sans-serif; color:red; font-size:13px; padding-top:10px">Not at all likely</td>
<td align="right" colspan="5" style="font-family: 'Open Sans', sans-serif; color:#36A582; font-size:13px; padding-top:10px; padding-right:5px;">Extremely likely</td>
</tr>
</tbody>
</table>
<!-- body html -->
</div>
<div style="cursor: auto; color: #272727; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24px; text-align: left; max-width: 550px;">
</td>
</tr>
<!----------- end email content ----------->
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<div class="arrow_box" style="vertical-align: top; display: inline-block; direction: ltr; font-size: 13px; text-align: left; width: 25px%;">
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
<!----------- signature ----------->
<table role="presentation" style="background: #fafafa; font-size: 0px; width: 100%;" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td data-nl-format="datetime">
<div style="margin: 0px auto; max-width: 570px;">
<table role="presentation" style="font-size: 0px; width: 100%;" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td style="text-align: center; vertical-align: top; direction: ltr; font-size: 0px; padding: 0px;">
<div style="margin: -5px auto; max-width: 570px;">
<table role="presentation" style="font-size: 0px; width: 100%;" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td style="text-align: center; vertical-align: top; direction: ltr; font-size: 0px; padding: 0px 0px; padding-bottom: 10px; padding-top: 3%;" data-nl-format="datetime">
<div class="mj-column-per-100 outlook-group-fix" style="vertical-align: top; display: inline-block; direction: ltr; font-size: 13px; text-align: left; width: 100%;">
<table role="presentation" width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td style="word-wrap: break-word; font-size: 0px; padding: 0px; " align="center">
<table role="presentation" style="border-collapse: collapse; border-spacing: 0px;" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td style="width: 60px;"><a href="https://dripemailtemplates.com" target="_blank" ><img alt="CartStack" title="CartStack" src="https://cartstack.s3.amazonaws.com/template-files/CartStack_Team_headshot_brett_tiny-04.png" style="border: none; border-radius: 0px; display: block; font-size: 13px; outline: none; text-decoration: none; width: 60px; height: 60
px;" width="60" height="60px" /> </a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<table role="presentation" style="background: #fafafa; font-size: 0px; width: 100%;" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td>
<div style="margin: 0px auto; max-width: 570px;">
<table role="presentation" style="font-size: 0px; width: 100%;" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td style="text-align: center; vertical-align: top; direction: ltr; font-size: 0px; padding: 0px 0px; padding-bottom: 0px;">
<div class="mj-column-per-100 outlook-group-fix" style="vertical-align: top; display: inline-block; direction: ltr; font-size: 13px; text-align: left; width: 100%;">
<table role="presentation" width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td style="word-wrap: break-word; font-size: 0px; padding: 20px 0px 0px 0px;" align="center">
<div style="cursor: auto; color: #272727; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24px; text-align: center;">Brett <b>from CartStack</b></div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
<!----------- end signature ----------->
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
<table role="presentation" style="background: #fafafa; font-size: 0px; width: 100%;" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td>
<div style="margin: 0px auto; max-width: 470px;">
<table role="presentation" style="font-size: 0px; width: 100%;" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td style="text-align: center; vertical-align: top; direction: ltr; font-size: 0px; padding: 25px;">
<div class="mj-column-per-100 outlook-group-fix" style="vertical-align: top; display: inline-block; direction: ltr; font-size: 13px; text-align: left; width: 100%;">
<table role="presentation" width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td style="word-wrap: break-word; font-size: 0px; padding: 18px 0px;">
<p style="font-size: 1px; margin: 0px auto; border-top: 1px solid #c9c9c9; width: 75%;"></p>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
<!----------- footer ----------->
<table role="presentation" style="background: #fafafa; font-size: 0px; width: 100%;" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td>
<div style="margin: 0px auto; max-width: 570px;">
<table role="presentation" style="font-size: 0px; width: 100%;" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td style="text-align: center; vertical-align: top; direction: ltr; font-size: 0px; padding: 3px 0px; padding-bottom: 0px;">
<div class="mj-column-per-100 outlook-group-fix" style="vertical-align: top; display: inline-block; direction: ltr; font-size: 13px; text-align: left; width: 100%;">
<table role="presentation" width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td style="word-wrap: break-word; font-size: 0px; padding: 0px 0px;" align="center">
<div style="cursor: auto; color: #b2b2b2; font-family: 'Gotham Narrow SSm A','Gotham Narrow SSm B', Helvetica, sans-serif; font-size: 13px; line-height: 22px; text-align: center;">
<p style="color: #b2b2b2;">
%SENDER-INFO-SINGLELINE%
<br />
No longer want to receive emails from us? <a href="%UNSUBSCRIBELINK%" style="color: #b2b2b2; text-decoration: underline;">Unsubscribe</a>
</p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
<!----------- end footer ----------->
<table role="presentation" style="mso-hide: all; background: url('') top center / cover no-repeat; font-size: 0px; width: 100%;" cellspacing="0" cellpadding="0" border="0" background="https://dripemailtemplates.com">
<tbody>
<tr>
<td>
<div style="margin: 0px auto; max-width: 570px;">
<table role="presentation" style="font-size: 0px; width: 100%;" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td style="text-align: center; vertical-align: top; direction: ltr; font-size: 0px; padding: 10px 0px; padding-bottom: 45px; padding-top: 0px;" data-nl-format="datetime"></td>
</tr>
</tbody>
</table>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment