Phone Reignite Offers email template
A come back email for an audio app with a black header, a we miss you split with a phone photo, a grey 50% code band and four new products in one row.
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>Phone Reignite Offers</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-cell{padding-left:0!important;padding-right:0!important;}
.ete-nav-cell{padding-top:12px!important;}.ete-nav-cell p{text-align:center!important;}
.ete-split-text{padding:32px 20px 36px!important;}
.ete-ds-32{font-size:28px!important;line-height:31px!important;}
.ete-ds-26{font-size:28px!important;line-height:31px!important;}
.ete-ds-24{font-size:28px!important;line-height:31px!important;}
}
@media (prefers-color-scheme: dark){
.ete-body,.ete-bg{background-color:#101010!important;}
.ete-content{background-color:#171717!important;}
.ete-text{color:#cccccc!important;}
.ete-heading{color:#f5f5f5!important;}
.ete-muted{color:#9c9c9c!important;}
.ete-link{color:#ff8378!important;}
.ete-border{border-color:#333333!important;}
.ete-panel{background-color:#202020!important;border-color:#333333!important;}
.ete-btn{background-color:#ff6b5e!important;border-color:#ff6b5e!important;}
.ete-btn-text{color:#2a0603!important;}
.ete-btn-outline{border-color:#ff6b5e!important;}
.ete-btn-outline-text{color:#ff6b5e!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:#cccccc!important;}
[data-ogsc] .ete-heading{color:#f5f5f5!important;}
[data-ogsc] .ete-muted{color:#9c9c9c!important;}
[data-ogsc] .ete-link{color:#ff8378!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#101010!important;}
[data-ogsb] .ete-content{background-color:#171717!important;}
[data-ogsb] .ete-panel{background-color:#202020!important;border-color:#333333!important;}
</style>
</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 and the newest gear in the shop. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </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 class="ete-px" style="padding:24px 32px 20px;background-color:#151515;"><div style="font-size:0;text-align:left;"><!--[if mso]><table role="presentation" width="536" cellpadding="0" cellspacing="0" border="0"><tr><td width="139" valign="middle"><![endif]--><div class="ete-stack ete-stack-center" style="display:inline-block;vertical-align:middle;min-width:25.93%;max-width:100%;width:25.93%;width:calc((429px - 100%) * 429);font-size:16px;text-align:left;"><a href="https://example.com/" style="text-decoration:none;color:#ffffff;"><span class="" style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:22px;line-height:28px;font-weight:700;letter-spacing:-0.3px;color:#ffffff;">Soundloft</span></a></div><!--[if mso]></td><td width="397" valign="middle"><![endif]--><div class="ete-stack ete-stack-center ete-nav-cell" style="display:inline-block;vertical-align:middle;min-width:74.06%;max-width:100%;width:74.06%;width:calc((429px - 100%) * 429);font-size:16px;text-align:right;"><p style="margin:0;text-align:right;"><a href="https://example.com/shop" style="display:inline-block;padding:4px 10px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:20px;font-weight:700;color:#ffffff;text-decoration:none;text-transform:uppercase;letter-spacing:1px;">Shop</a><a href="https://example.com/app" style="display:inline-block;padding:4px 10px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:20px;font-weight:700;color:#ffffff;text-decoration:none;text-transform:uppercase;letter-spacing:1px;">Get the app</a></p></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td class="" style="padding:0;"><div dir="rtl" style="font-size:0;text-align:left;display:flex;flex-wrap:wrap;"><!--[if mso]><table role="presentation" width="600" dir="rtl" cellpadding="0" cellspacing="0" border="0"><tr><td width="263" valign="middle"><![endif]--><div class="ete-stack" dir="ltr" style="display:inline-block;vertical-align:middle;min-width:43.83%;max-width:100%;width:43.83%;width:calc((480px - 100%) * 480);font-size:16px;text-align:left;align-self:flex-start;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/phone-reignite-offers-phone.jpg" alt="Woman in a red sweater checks her phone on a train platform" width="263" height="329" class="ete-fluid" style="display:block;width:263px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;"></div><!--[if mso]></td><td width="337" valign="middle"><![endif]--><div class="ete-stack" dir="ltr" style="display:inline-block;vertical-align:middle;min-width:56.16%;max-width:100%;width:56.16%;width:calc((480px - 100%) * 480);font-size:16px;text-align:left;align-self:center;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-split-text" style="padding:40px 32px;"><h1 class="ete-heading ete-ds-32" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:32px;line-height:38px;font-weight:700;color:#222222;text-align:left;mso-line-height-rule:exactly;">We miss you!</h1><p class="ete-text" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:27px;color:#444444;padding-top:16px;text-align:left;">It's been a few months since you last listened with us. Since then we've added new mixes, offline albums and a few things we think you'll like.<br>
<br>
Come back this week and your next order in the shop is half off.</p><div style="padding-top:28px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td align="center"><!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://example.com/open" style="height:48px;v-text-anchor:middle;width:160px;" arcsize="4%" strokecolor="#c53b2f" fillcolor="#c53b2f"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Come back</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/open" style="display:inline-block;background-color:#c53b2f;border:1px solid #c53b2f;line-height:48px;border-radius:2px;color:#ffffff;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:700;text-align:center;text-decoration:none;padding:0 28px;-webkit-text-size-adjust:none;mso-hide:all;"><span class="ete-btn-text" style="color:#ffffff;">Come back</span></a><!--<![endif]--></td></tr></table></div></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td height="20" bgcolor="#f2f2f2" style="background-color:#f2f2f2;height:20px;font-size:0;line-height:0;mso-line-height-rule:exactly;"> </td></tr>
<tr><td class="ete-px" bgcolor="#f2f2f2" style="background-color:#f2f2f2;padding:24px 32px 8px;"><h2 class="ete-ds-26" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:26px;line-height:31px;font-weight:700;color:#222222;text-align:left;mso-line-height-rule:exactly;">Enjoy 50% off!</h2></td></tr>
<tr><td class="ete-px" bgcolor="#f2f2f2" style="background-color:#f2f2f2;padding:8px 32px;"><p style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:22px;color:#444444;text-align:left;">Be the first to hear about new releases, sessions and gear drops. Enter <b>LOUD50</b> at your next checkout.</p></td></tr>
<tr><td height="20" bgcolor="#f2f2f2" style="background-color:#f2f2f2;height:20px;font-size:0;line-height:0;mso-line-height-rule:exactly;"> </td></tr>
<tr><td class="ete-px" style="padding:24px 32px 8px;"><h2 class="ete-heading ete-ds-24" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:24px;line-height:29px;font-weight:700;color:#222222;text-align:left;mso-line-height-rule:exactly;">Check out our newest gear</h2></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-text" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:22px;color:#444444;text-align:left;"><b>Getting started:</b> every pair below works with the app's sound profiles, so they're tuned the moment you pair them.</p></td></tr>
<tr><td class="ete-px" style="padding:16px 32px 0px;"><div style="font-size:0;text-align:left;"><!--[if mso]><table role="presentation" width="536" cellpadding="0" cellspacing="0" border="0"><tr><td width="134" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:25%;max-width:100%;width:25%;width:calc((429px - 100%) * 429);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell ete-stack-gap" style="padding:0 8px 16px;"><a href="https://example.com/shop/studio"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/phone-reignite-offers-p1.jpg" alt="Studio headphones hanging next to a microphone" width="118" height="118" class="ete-fluid" style="display:block;width:118px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;"></a><p class="ete-heading" style="margin:0;padding-top:10px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:22px;font-weight:700;color:#222222;text-align:left;"><a class="ete-heading" href="https://example.com/shop/studio" style="color:#222222;text-decoration:none;">Studio One</a></p><p class="ete-muted" style="margin:0;padding-top:2px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:19px;color:#777777;text-align:left;">Closed back, for long sessions.</p></td></tr></table></div><!--[if mso]></td><td width="134" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:25%;max-width:100%;width:25%;width:calc((429px - 100%) * 429);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell ete-stack-gap" style="padding:0 8px 16px;"><a href="https://example.com/shop/trail"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/phone-reignite-offers-p2.jpg" alt="White headphones lying on a forest path" width="118" height="118" class="ete-fluid" style="display:block;width:118px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;"></a><p class="ete-heading" style="margin:0;padding-top:10px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:22px;font-weight:700;color:#222222;text-align:left;"><a class="ete-heading" href="https://example.com/shop/trail" style="color:#222222;text-decoration:none;">Trail</a></p><p class="ete-muted" style="margin:0;padding-top:2px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:19px;color:#777777;text-align:left;">Light and sweat proof.</p></td></tr></table></div><!--[if mso]></td><td width="134" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:25%;max-width:100%;width:25%;width:calc((429px - 100%) * 429);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell ete-stack-gap" style="padding:0 8px 16px;"><a href="https://example.com/shop/heritage"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/phone-reignite-offers-p3.jpg" alt="Brown leather headphones on a wooden desk" width="118" height="118" class="ete-fluid" style="display:block;width:118px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;"></a><p class="ete-heading" style="margin:0;padding-top:10px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:22px;font-weight:700;color:#222222;text-align:left;"><a class="ete-heading" href="https://example.com/shop/heritage" style="color:#222222;text-decoration:none;">Heritage</a></p><p class="ete-muted" style="margin:0;padding-top:2px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:19px;color:#777777;text-align:left;">Leather pads, warm sound.</p></td></tr></table></div><!--[if mso]></td><td width="134" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:25%;max-width:100%;width:25%;width:calc((429px - 100%) * 429);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:0 8px 16px;"><a href="https://example.com/shop/commute"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/phone-reignite-offers-p4.jpg" alt="Silver headphones resting on a laptop keyboard" width="118" height="118" class="ete-fluid" style="display:block;width:118px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;"></a><p class="ete-heading" style="margin:0;padding-top:10px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:22px;font-weight:700;color:#222222;text-align:left;"><a class="ete-heading" href="https://example.com/shop/commute" style="color:#222222;text-decoration:none;">Commute</a></p><p class="ete-muted" style="margin:0;padding-top:2px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:19px;color:#777777;text-align:left;">Noise cancelling, folds flat.</p></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td align="left" class="ete-px" style="padding:16px 32px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td align="center"><!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://example.com/shop" style="height:48px;v-text-anchor:middle;width:181px;" arcsize="4%" strokecolor="#c53b2f" fillcolor="#c53b2f"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Shop new gear</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/shop" style="display:inline-block;background-color:#c53b2f;border:1px solid #c53b2f;line-height:48px;border-radius:2px;color:#ffffff;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:700;text-align:center;text-decoration:none;padding:0 28px;-webkit-text-size-adjust:none;mso-hide:all;"><span class="ete-btn-text" style="color:#ffffff;">Shop new gear</span></a><!--<![endif]--></td></tr></table></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="left" class="ete-px" bgcolor="#151515" style="background-color:#151515;padding:28px 32px 32px;"><p style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#bbbbbb;line-height:20px;text-align:left;"><strong>Soundloft</strong><br>300 Canal Street, Brooklyn, NY 11201</p><p style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#bbbbbb;line-height:20px;text-align:left;padding-top:10px;"><a href="https://example.com/contact" style="color:#bbbbbb;text-decoration:underline;">Contact us</a> · <a href="https://example.com/support" style="color:#bbbbbb;text-decoration:underline;">Support</a> · <a href="{{unsubscribe_url}}" style="color:#bbbbbb;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:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:18px;color:#777777;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#777777;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 (Narrative theme, reignite) by Techdrop Labs Inc. (sendwithus), Apache-2.0 license.
About this template
A re-engagement email for an app with its own small shop, here a music and audio app that also sells headphones. It reminds lapsed users what they are missing and gives them a reason to open the app again.
A black header bar carries the wordmark and two links. The opening is a split: on the left a big we miss you headline, two short paragraphs and a red button; on the right a photo of a phone in a hand. A light grey band then spells out the offer, half off the next order, with the code in bold.
The last section introduces the newest gear. A short intro line sits above four products in one row, each with a photo, a name and one line, and a button leads to the shop. The black footer bar holds the address and the links.
The structure follows a classic open source re-engagement template. Use your own app screenshots or product photos, keep each product line short, and send it only to people who have been away for a while.
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
- Black header bar
- We miss you split with phone photo
- Grey 50% code band
- New gear intro
- Four products in a row
- Black footer bar
Subject line ideas
- We miss you, {{first_name}}
- Come back for 50% off your next order
- New headphones landed while you were away
Preview text idea
It's been a while. Here's 50% off your next order and the newest gear in the shop.