We Miss You Coupon email template
A centered win-back coupon for a jewelry and beauty brand with an orange wordmark, a lined menu, a big caps headline, an orange code and a full width photo.
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>We Miss You Coupon</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-44{font-size:31px!important;line-height:34px!important;}
}
@media (prefers-color-scheme: dark){
.ete-body,.ete-bg{background-color:#111315!important;}
.ete-content{background-color:#181b1d!important;}
.ete-text{color:#c8cdd1!important;}
.ete-heading{color:#f4f6f7!important;}
.ete-muted{color:#9aa2a8!important;}
.ete-link{color:#f8b84e!important;}
.ete-border{border-color:#3a3226!important;}
.ete-panel{background-color:#221d16!important;border-color:#3a3226!important;}
.ete-btn{background-color:#f5a623!important;border-color:#f5a623!important;}
.ete-btn-text{color:#1d1300!important;}
.ete-btn-outline{border-color:#f5a623!important;}
.ete-btn-outline-text{color:#f5a623!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:#c8cdd1!important;}
[data-ogsc] .ete-heading{color:#f4f6f7!important;}
[data-ogsc] .ete-muted{color:#9aa2a8!important;}
[data-ogsc] .ete-link{color:#f8b84e!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#111315!important;}
[data-ogsb] .ete-content{background-color:#181b1d!important;}
[data-ogsb] .ete-panel{background-color:#221d16!important;border-color:#3a3226!important;}
body,table,td,th,p,a,span,div,li{mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
h1,h2,h3,.ete-hf{mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
.ete-f-dm-sans{mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
.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+Sans:wght@400;500;700&family=DM+Serif+Display:ital@0;1&display=swap"><!--<![endif]-->
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#ffffff;">
<!-- 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;">It's been a while. Here's 50% off your next order with code OPAL50. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#ffffff;">
<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;">
<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;"><a href="https://example.com/" style="text-decoration:none;color:#d97f06;"><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:#d97f06;">Opaline</span></a></td></tr>
<tr><td align="center" class="ete-px" style="padding:4px 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-border" align="center" style="padding:8px 0;border-top:1px solid #f0d9b5;border-bottom:1px solid #f0d9b5;"><p style="margin:0;text-align:center;"><a class="ete-heading" href="https://example.com/" style="display:inline-block;padding:4px 10px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:20px;font-weight:700;color:#2b3238;text-decoration:none;text-transform:uppercase;letter-spacing:1px;">Home</a><a class="ete-heading" href="https://example.com/new" style="display:inline-block;padding:4px 10px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:20px;font-weight:700;color:#2b3238;text-decoration:none;text-transform:uppercase;letter-spacing:1px;">New in</a><a class="ete-heading" href="https://example.com/collections" style="display:inline-block;padding:4px 10px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:20px;font-weight:700;color:#2b3238;text-decoration:none;text-transform:uppercase;letter-spacing:1px;">Collections</a><a class="ete-heading" href="https://example.com/contact" style="display:inline-block;padding:4px 10px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:20px;font-weight:700;color:#2b3238;text-decoration:none;text-transform:uppercase;letter-spacing:1px;">Contact</a></p></td></tr></table></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-text" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#555c62;text-align:center;"><b>Hi {{first_name}},</b></p></td></tr>
<tr><td class="ete-px" style="padding:24px 32px 8px;"><h1 class="ete-heading ete-ds-44" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:44px;line-height:48px;font-weight:700;color:#2b3238;text-align:center;mso-line-height-rule:exactly;text-transform:uppercase;letter-spacing:0.5px;font-size:min(44px,7.33vw);line-height:min(48px,8vw);overflow-wrap:anywhere;word-break:break-word;">We miss you!</h1></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-text" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:27px;color:#555c62;text-align:center;">Enjoy 50% off your next purchase.</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="" style="padding:24px 20px;background-color:#f5a623;border:2px dashed #f5a623;border-radius:0px;text-align:center;"><p class="" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#1d1300;">Use coupon code</p><p class="ete-code" 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:#1d1300;">OPAL50</p><p class="" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:19px;color:#1d1300;padding-top:6px;">Valid on one order until November 30.</p></td></tr></table></td></tr>
<tr><td height="12" style="height:12px;font-size:0;line-height:0;mso-line-height-rule:exactly;"> </td></tr>
<tr><td class="" style="padding:0;"><a href="https://example.com/rings"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/we-miss-you-coupon-hero.jpg" alt="Open hands holding two gold rings over a white lace dress" width="600" height="280" class="ete-fluid" style="display:block;width:600px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;"></a></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-muted" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:22px;color:#7e868c;text-align:center;">Rings, earrings and small everyday pieces, made by hand in our studio and finished with care. We'd love to see you back.</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="#2b3238" style="background-color:#2b3238;padding:16px 32px;"><a href="https://example.com/instagram" style="display:inline-block;margin:4px;padding:6px 14px;border:1px solid #f0d9b5;border-radius:999px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;font-weight:700;color:#e1e4e6;text-decoration:none;">Instagram</a><a href="https://example.com/pinterest" style="display:inline-block;margin:4px;padding:6px 14px;border:1px solid #f0d9b5;border-radius:999px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;font-weight:700;color:#e1e4e6;text-decoration:none;">Pinterest</a><a href="https://example.com/youtube" style="display:inline-block;margin:4px;padding:6px 14px;border:1px solid #f0d9b5;border-radius:999px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;font-weight:700;color:#e1e4e6;text-decoration:none;">YouTube</a></td></tr>
<tr><td align="center" class="ete-px" bgcolor="#2b3238" style="background-color:#2b3238;padding:28px 32px 32px;"><p style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#c2c8cc;line-height:20px;text-align:center;"><strong>Opaline Studio</strong><br>18 Rue des Martyrs, 75009 Paris</p><p style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#c2c8cc;line-height:20px;text-align:center;padding-top:10px;">You get this because you once ordered from Opaline.</p><p style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#c2c8cc;line-height:20px;text-align:center;padding-top:10px;"><a href="https://example.com/privacy" style="color:#c2c8cc;text-decoration:underline;">Privacy</a> · <a href="https://example.com/returns" style="color:#c2c8cc;text-decoration:underline;">Returns</a> · <a href="{{unsubscribe_url}}" style="color:#c2c8cc;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:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:18px;color:#7e868c;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#7e868c;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 (Mantra theme, coupon) by Techdrop Labs Inc. (sendwithus), Apache-2.0 license.
About this template
A win-back coupon for a jewelry, beauty or accessories brand. Everything is centered and calm, with one warm orange accent that marks the brand, the offer and the code.
An orange serif wordmark sits at the top above a thin menu with lines above and below it. A short greeting with the first name leads to a large capital headline, one line with the offer and a small orange label that introduces the code, shown as a solid orange block so it reads like a ticket.
A full width photo of hands holding rings follows, the visual pause before the closing line. The footer is a dark slate band with the social links, the address and the unsubscribe link.
The layout follows a classic open source coupon template. Swap the photo for your own product on a person, keep the headline to three words, and change the code and the end date for each send.
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
- Orange wordmark
- Lined menu
- Greeting and big caps headline
- Orange code
- Full width photo
- Closing line
- Dark footer band
Subject line ideas
- We miss you, {{first_name}}
- 50% off your next order, just for you
- Your code OPAL50 is waiting
Preview text idea
It's been a while. Here's 50% off your next order with code OPAL50.