Customer Feedback Survey email template
A short feedback survey email for a shop: an envelope and pencil picture, one question, a 1 to 5 rating row of links and a thank you code.
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>Customer Feedback 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:#0e1714!important;}
.ete-content{background-color:#15211c!important;}
.ete-text{color:#d9e7e0!important;}
.ete-heading{color:#ffffff!important;}
.ete-muted{color:#9fb5aa!important;}
.ete-link{color:#8fdcb9!important;}
.ete-border{border-color:#273a32!important;}
.ete-panel{background-color:#1b2b24!important;border-color:#273a32!important;}
.ete-btn{background-color:#5cbf96!important;border-color:#5cbf96!important;}
.ete-btn-text{color:#0b1a14!important;}
.ete-btn-outline{border-color:#5cbf96!important;}
.ete-btn-outline-text{color:#5cbf96!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:#d9e7e0!important;}
[data-ogsc] .ete-heading{color:#ffffff!important;}
[data-ogsc] .ete-muted{color:#9fb5aa!important;}
[data-ogsc] .ete-link{color:#8fdcb9!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#0e1714!important;}
[data-ogsb] .ete-content{background-color:#15211c!important;}
[data-ogsb] .ete-panel{background-color:#1b2b24!important;border-color:#273a32!important;}
</style>
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#e6f4ee;">
<!-- 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 click tells us how your order went. A small thank you inside. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#e6f4ee;">
<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;border-radius:10px;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;"><span class="ete-heading" style="font-family:Georgia, 'Times New Roman', serif;font-size:24px;line-height:30px;font-weight:700;letter-spacing:-0.3px;color:#1f3d31;">Wren & Willow</span><div class="ete-muted" style="padding-top:6px;font-family:Arial, Helvetica, sans-serif;font-size:11px;line-height:16px;letter-spacing:2px;text-transform:uppercase;color:#6f8178;">Paper goods and small joys</div></td></tr>
<tr><td align="center" class="ete-px" style="padding:12px 32px;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/wren-note.png" alt="A white envelope with a pencil and two small flowers on a mint circle" width="260" height="195" class="" style="display:block;width:260px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;margin:0 auto;"></td></tr>
<tr><td class="ete-px" style="padding:24px 32px 8px;"><h1 class="ete-heading ete-h1" style="margin:0;font-family:Georgia, 'Times New Roman', serif;font-size:32px;line-height:40px;font-weight:700;color:#1f3d31;text-align:center;mso-line-height-rule:exactly;">How did we do, {{first_name}}?</h1></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-text" style="margin:0;font-family:Arial, Helvetica, sans-serif;font-size:16px;line-height:26px;color:#3a4a43;text-align:center;">Your notebooks and cards arrived last week. We are a team of four, and every answer helps us choose what to make next.</p></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-text" style="margin:0;font-family:Arial, Helvetica, sans-serif;font-size:22px;line-height:35px;color:#3a4a43;text-align:center;"><b><a class="ete-link" style="color:#2a7053;text-decoration:underline;" href="https://example.com/rate?s=1">1</a> · <a class="ete-link" style="color:#2a7053;text-decoration:underline;" href="https://example.com/rate?s=2">2</a> · <a class="ete-link" style="color:#2a7053;text-decoration:underline;" href="https://example.com/rate?s=3">3</a> · <a class="ete-link" style="color:#2a7053;text-decoration:underline;" href="https://example.com/rate?s=4">4</a> · <a class="ete-link" style="color:#2a7053;text-decoration:underline;" href="https://example.com/rate?s=5">5</a></b></p></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-muted" style="margin:0;font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:21px;color:#6f8178;text-align:center;">1 means not happy, 5 means very happy.</p></td></tr>
<tr><td class="ete-px" style="padding:16px 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" class="ete-panel" style="padding:24px 20px;background-color:#f0f9f5;border:2px dashed #2f7d5d;border-radius:10px;text-align:center;"><p class="ete-muted" style="margin:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#6f8178;">A thank you from us</p><p class="ete-code ete-heading" style="margin:0;padding-top:8px;font-family:'Courier New',Courier,monospace;font-size:30px;line-height:38px;font-weight:700;letter-spacing:4px;color:#1f3d31;">THANKS10</p><p class="ete-text" style="margin:0;font-family:Arial, Helvetica, sans-serif;font-size:15px;line-height:24px;color:#3a4a43;padding-top:8px;">10% off your next order, whatever score you give.</p><p class="ete-muted" style="margin:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:19px;color:#6f8178;padding-top:6px;">Valid for 60 days on our website.</p></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:Arial, Helvetica, sans-serif;font-size:13px;line-height:21px;color:#6f8178;line-height:20px;text-align:center;"><strong>Wren & Willow</strong><br>22 Bramble Lane, Asheville, NC 28801</p><p class="ete-muted" style="margin:0;font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:21px;color:#6f8178;line-height:20px;text-align:center;padding-top:10px;">You get this email because you ordered from our shop.</p><p class="ete-muted" style="margin:0;font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:21px;color:#6f8178;line-height:20px;text-align:center;padding-top:10px;"><a class="ete-link" href="{{unsubscribe_url}}" style="color:#6f8178;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:Arial, Helvetica, sans-serif;font-size:12px;line-height:18px;color:#6f8178;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#6f8178;text-decoration:underline;">Email Template Examples</a></td></tr>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</body>
</html>
About this template
Small online shops can send this survey a week after an order arrives. It suits stationery, gift, book and craft stores that want honest feedback without a long form. Light mint and soft green keep it fresh and friendly.
The shop name sits at the top with a small drawing of an envelope and a pencil. One question asks how the order went, and a short line explains why the answer matters. The rating row shows the numbers 1 to 5 as large links, each one going to its own answer page, with a small key under it. A thank you code for 10% off the next order closes the email.
One click is all you ask, so more people answer. Point each number at a page that saves the score and then asks one optional follow-up 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
- Logo
- Envelope picture
- Question
- Why it matters
- 1 to 5 rating links
- Rating key
- Thank you code
- Footer
Subject line ideas
- How did we do, {{first_name}}?
- One click to tell us about your order
- A quick question from Wren & Willow
Preview text idea
One click tells us how your order went. A small thank you inside.