New Feature Release User Satisfaction Dark Theme
Collect user feedback on a recent feature release from one to five. Great for soliciting information about your product(s).
Preview
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!--$-->
<html dir="ltr" lang="en">
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<meta name="x-apple-disable-message-reformatting" />
</head>
<div style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0">EmailBits wants your feedback on your recent experience<div> </div>
</div>
<body style="background-color:rgb(17,24,39);font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"">
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-left:auto;margin-right:auto;padding:1rem;max-width:600px">
<tbody>
<tr style="width:100%">
<td>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:rgb(31,41,55);padding:2rem;border-radius:0.5rem;box-shadow:0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgb(0,0,0,0.1), 0 2px 4px -2px rgb(0,0,0,0.1)">
<tbody>
<tr>
<td><img alt="EmailBits" height="36" src="https://emailbits.co/static/company-logo-white.png" style="margin-bottom:1.5rem;display:block;outline:none;border:none;text-decoration:none" width="36" />
<p style="font-size:1.5rem;line-height:2rem;font-weight:700;color:rgb(243,244,246);margin:16px 0">Hi <!-- -->Alex<!-- -->,</p>
<p style="font-size:1.125rem;line-height:1.75rem;color:rgb(209,213,219);margin-top:1rem;margin:16px 0">Thanks for using EmailBits! We'd love to hear about your experience with our latest software update. Your feedback helps us improve and deliver better products.</p>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-top:2rem">
<tbody>
<tr>
<td>
<p style="font-size:1.125rem;line-height:1.75rem;font-weight:600;color:rgb(243,244,246);margin-bottom:1rem;margin:16px 0">How satisfied are you with the new features?</p>
<table style="width:100%">
<tr>
<td style="text-align:center;width:20%"><a href="#very-unsatisfied" class="hover:bg-blue-700" style="display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:9999px;background-color:rgb(37,99,235);color:rgb(255,255,255);font-weight:700;font-size:1rem;line-height:1.5rem;text-decoration:none;max-width:100%;mso-padding-alt:0px;padding:0px 0px 0px 0px" target="_blank"><span><!--[if mso]><i style="mso-font-width:NaN%;mso-text-raise:0" hidden></i><![endif]--></span><span style="max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:0">1</span><span><!--[if mso]><i style="mso-font-width:NaN%" hidden>​</i><![endif]--></span></a>
<p style="font-size:0.75rem;line-height:1rem;color:rgb(156,163,175);margin-top:0.5rem">Very Unsatisfied</p>
</td>
<td style="text-align:center;width:20%"><a href="#unsatisfied" class="hover:bg-blue-700" style="display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:9999px;background-color:rgb(37,99,235);color:rgb(255,255,255);font-weight:700;font-size:1rem;line-height:1.5rem;text-decoration:none;max-width:100%;mso-padding-alt:0px;padding:0px 0px 0px 0px" target="_blank"><span><!--[if mso]><i style="mso-font-width:NaN%;mso-text-raise:0" hidden></i><![endif]--></span><span style="max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:0">2</span><span><!--[if mso]><i style="mso-font-width:NaN%" hidden>​</i><![endif]--></span></a>
<p style="font-size:0.75rem;line-height:1rem;color:rgb(156,163,175);margin-top:0.5rem">Unsatisfied</p>
</td>
<td style="text-align:center;width:20%"><a href="#neutral" class="hover:bg-blue-700" style="display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:9999px;background-color:rgb(37,99,235);color:rgb(255,255,255);font-weight:700;font-size:1rem;line-height:1.5rem;text-decoration:none;max-width:100%;mso-padding-alt:0px;padding:0px 0px 0px 0px" target="_blank"><span><!--[if mso]><i style="mso-font-width:NaN%;mso-text-raise:0" hidden></i><![endif]--></span><span style="max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:0">3</span><span><!--[if mso]><i style="mso-font-width:NaN%" hidden>​</i><![endif]--></span></a>
<p style="font-size:0.75rem;line-height:1rem;color:rgb(156,163,175);margin-top:0.5rem">Neutral</p>
</td>
<td style="text-align:center;width:20%"><a href="#satisfied" class="hover:bg-blue-700" style="display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:9999px;background-color:rgb(37,99,235);color:rgb(255,255,255);font-weight:700;font-size:1rem;line-height:1.5rem;text-decoration:none;max-width:100%;mso-padding-alt:0px;padding:0px 0px 0px 0px" target="_blank"><span><!--[if mso]><i style="mso-font-width:NaN%;mso-text-raise:0" hidden></i><![endif]--></span><span style="max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:0">4</span><span><!--[if mso]><i style="mso-font-width:NaN%" hidden>​</i><![endif]--></span></a>
<p style="font-size:0.75rem;line-height:1rem;color:rgb(156,163,175);margin-top:0.5rem">Satisfied</p>
</td>
<td style="text-align:center;width:20%"><a href="#very-satisfied" class="hover:bg-blue-700" style="display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:9999px;background-color:rgb(37,99,235);color:rgb(255,255,255);font-weight:700;font-size:1rem;line-height:1.5rem;text-decoration:none;max-width:100%;mso-padding-alt:0px;padding:0px 0px 0px 0px" target="_blank"><span><!--[if mso]><i style="mso-font-width:NaN%;mso-text-raise:0" hidden></i><![endif]--></span><span style="max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:0">5</span><span><!--[if mso]><i style="mso-font-width:NaN%" hidden>​</i><![endif]--></span></a>
<p style="font-size:0.75rem;line-height:1rem;color:rgb(156,163,175);margin-top:0.5rem">Very Satisfied</p>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-top:2rem;text-align:center">
<tbody>
<tr>
<td><a href="#give-detailed-feedback" class="hover:bg-orange-700" style="background-color:rgb(234,88,12);color:rgb(255,255,255);font-weight:700;padding-top:0.75rem;padding-bottom:0.75rem;padding-left:1.5rem;padding-right:1.5rem;border-radius:0.5rem;line-height:100%;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;padding:12px 24px 12px 24px" target="_blank"><span><!--[if mso]><i style="mso-font-width:400%;mso-text-raise:18" hidden>   </i><![endif]--></span><span style="max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:9px">Give Detailed Feedback</span><span><!--[if mso]><i style="mso-font-width:400%" hidden>   ​</i><![endif]--></span></a></td>
</tr>
</tbody>
</table>
<p style="font-size:0.875rem;line-height:1.25rem;color:rgb(156,163,175);margin-top:2rem;margin:16px 0">This survey will only take a minute. Your responses are confidential and will be used to improve our services.</p>
</td>
</tr>
</tbody>
</table>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:center;margin-top:2rem">
<tbody>
<tr>
<td>
<p style="font-size:0.75rem;line-height:1rem;color:rgb(107,114,128);margin:16px 0">EmailBits Inc. • 123 Tech Street, San Francisco, CA 94107</p>
<p style="font-size:0.75rem;line-height:1rem;color:rgb(107,114,128);margin-top:0.5rem;margin:16px 0"><a href="#" style="color:rgb(96,165,250);text-decoration:none" target="_blank">Privacy Policy</a> • <a href="#" style="color:rgb(96,165,250);text-decoration:none" target="_blank">Unsubscribe</a></p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html><!--/$-->