New Feature Release User Satisfaction Light Theme
Collect user feedback on a recent feature release from one to five. Great for soliciting information about your product(s).
Preview
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="x-apple-disable-message-reformatting">
</head>
<body style="background-color:rgb(243,244,246);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%" style="margin-left:auto;margin-right:auto;padding:1rem;max-width:600px;">
<tr>
<td>
<table align="center" width="100%" style="background-color:rgb(255,255,255);padding:2rem;border-radius:0.5rem;box-shadow:0 0 0 0 rgba(0,0,0,0), 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);">
<tr>
<td>
<img alt="Email Bits" height="50" src="https://emailbits.co/static/company-logo.png" style="margin-bottom:1.5rem;display:block;outline:none;border:none;text-decoration:none;" width="50">
<p style="font-size:1.5rem;line-height:2rem;font-weight:700;color:rgb(31,41,55);margin:16px 0;">Hi Alex,</p>
<p style="font-size:1.125rem;line-height:1.75rem;color:rgb(75,85,99);margin-top:1rem;margin:16px 0;">Thanks for using Email Bits! 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%" style="margin-top:2rem;">
<tr>
<td style="text-align:center;width:20%;">
<a href="#very-unsatisfied" style="display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:9999px;background-color:rgb(59,130,246);color:rgb(255,255,255);font-weight:700;font-size:1rem;line-height:1.5rem;text-decoration:none;">1</a>
<p style="font-size:0.75rem;line-height:1rem;color:rgb(75,85,99);margin-top:0.5rem;">Very Unsatisfied</p>
</td>
<td style="text-align:center;width:20%;">
<a href="#unsatisfied" style="display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:9999px;background-color:rgb(59,130,246);color:rgb(255,255,255);font-weight:700;font-size:1rem;line-height:1.5rem;text-decoration:none;">2</a>
<p style="font-size:0.75rem;line-height:1rem;color:rgb(75,85,99);margin-top:0.5rem;">Unsatisfied</p>
</td>
<td style="text-align:center;width:20%;">
<a href="#neutral" style="display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:9999px;background-color:rgb(59,130,246);color:rgb(255,255,255);font-weight:700;font-size:1rem;line-height:1.5rem;text-decoration:none;">3</a>
<p style="font-size:0.75rem;line-height:1rem;color:rgb(75,85,99);margin-top:0.5rem;">Neutral</p>
</td>
<td style="text-align:center;width:20%;">
<a href="#satisfied" style="display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:9999px;background-color:rgb(59,130,246);color:rgb(255,255,255);font-weight:700;font-size:1rem;line-height:1.5rem;text-decoration:none;">4</a>
<p style="font-size:0.75rem;line-height:1rem;color:rgb(75,85,99);margin-top:0.5rem;">Satisfied</p>
</td>
<td style="text-align:center;width:20%;">
<a href="#very-satisfied" style="display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:9999px;background-color:rgb(59,130,246);color:rgb(255,255,255);font-weight:700;font-size:1rem;line-height:1.5rem;text-decoration:none;">5</a>
<p style="font-size:0.75rem;line-height:1rem;color:rgb(75,85,99);margin-top:0.5rem;">Very Satisfied</p>
</td>
</tr>
</table>
<p style="font-size:1rem;line-height:1.5rem;color:rgb(75,85,99);margin-top:2rem;">Thank you for your feedback!</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>