Renewal Coming Up email template
A clean renewal reminder for a software plan: the date, the price and the plan size as three numbers, with one button to keep it and one to change it.
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>Renewal Coming Up</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-32{font-size:28px!important;line-height:31px!important;}
.ete-icon-cell{padding-left:2px!important;padding-right:2px!important;}
.ete-stat-82{min-width:82px!important;}
.ete-cell{padding-left:0!important;padding-right:0!important;}
.ete-btnrow{text-align:center!important;}.ete-btnrow table{margin-left:auto!important;margin-right:auto!important;}
}
@media (prefers-color-scheme: dark){
.ete-body,.ete-bg{background-color:#0a0e1c!important;}
.ete-content{background-color:#11162a!important;}
.ete-text{color:#d6dcee!important;}
.ete-heading{color:#ffffff!important;}
.ete-muted{color:#9aa4c0!important;}
.ete-link{color:#a4bdff!important;}
.ete-border{border-color:#262d48!important;}
.ete-panel{background-color:#1a2036!important;border-color:#262d48!important;}
.ete-btn{background-color:#7ea2ff!important;border-color:#7ea2ff!important;}
.ete-btn-text{color:#0a0e1c!important;}
.ete-btn-outline{border-color:#7ea2ff!important;}
.ete-btn-outline-text{color:#7ea2ff!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:#d6dcee!important;}
[data-ogsc] .ete-heading{color:#ffffff!important;}
[data-ogsc] .ete-muted{color:#9aa4c0!important;}
[data-ogsc] .ete-link{color:#a4bdff!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#0a0e1c!important;}
[data-ogsb] .ete-content{background-color:#11162a!important;}
[data-ogsb] .ete-panel{background-color:#1a2036!important;border-color:#262d48!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-inter{mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
</style>
<!--[if !mso]><!--><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap"><!--<![endif]-->
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#eef2fb;">
<!-- 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;">Your Pinegate plan renews on November 13 for $96. Nothing to do if you want to keep it. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#eef2fb;">
<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;border-radius:8px;overflow:hidden;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;">
<tr><td class="ete-px" style="padding:24px 32px 8px;"><h2 class="ete-heading ete-ds-32" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:32px;line-height:38px;font-weight:700;color:#121a33;text-align:left;mso-line-height-rule:exactly;">Your plan renews in 14 days</h2></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:26px;color:#3c4560;text-align:left;">Hi {{first_name}}, your Pinegate Backup plan renews on its own on November 13. If it still fits, you do not have to do a thing. If your files have grown or shrunk, this is a good time to change it.</p></td></tr>
<tr><td class="ete-px" style="padding:20px 32px 12px;"><div style="font-size:0;text-align:center;"><!--[if mso]><table role="presentation" width="536" cellpadding="0" cellspacing="0" border="0"><tr><td width="178" valign="top"><![endif]--><div class="ete-stat-82" style="display:inline-block;vertical-align:top;width:33.33%;min-width:82px;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-icon-cell" style="padding:0 6px 8px;"><p class="ete-heading ete-hf" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:26px;line-height:29px;font-weight:700;color:#121a33;text-align:center;mso-line-height-rule:exactly;">Nov 13</p><p class="ete-muted" style="margin:0;padding-top:6px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#667089;text-align:center;">Renewal date</p></td></tr></table></div><!--[if mso]></td><td width="178" valign="top"><![endif]--><div class="ete-stat-82" style="display:inline-block;vertical-align:top;width:33.33%;min-width:82px;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-icon-cell" style="padding:0 6px 8px;"><p class="ete-heading ete-hf" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:26px;line-height:29px;font-weight:700;color:#121a33;text-align:center;mso-line-height-rule:exactly;">$96</p><p class="ete-muted" style="margin:0;padding-top:6px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#667089;text-align:center;">Yearly price</p></td></tr></table></div><!--[if mso]></td><td width="178" valign="top"><![endif]--><div class="ete-stat-82" style="display:inline-block;vertical-align:top;width:33.33%;min-width:82px;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-icon-cell" style="padding:0 6px 8px;"><p class="ete-heading ete-hf" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:26px;line-height:29px;font-weight:700;color:#121a33;text-align:center;mso-line-height-rule:exactly;">2 TB</p><p class="ete-muted" style="margin:0;padding-top:6px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#667089;text-align:center;">Storage</p></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td align="left" class="ete-px" style="padding:12px 26px 8px;"><div style="font-size:0;text-align:left;"><!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td valign="middle"><![endif]--><div class="ete-stack ete-btnrow" style="display:inline-block;vertical-align:middle;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell ete-stack-gap" style="padding:4px 6px 8px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center"><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/account/plan" style="height:48px;v-text-anchor:middle;width:172px;" arcsize="8%" strokecolor="#2456e6" fillcolor="#2456e6"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Keep my plan</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/account/plan" style="display:inline-block;background-color:#2456e6;border:1px solid #2456e6;line-height:48px;border-radius:4px;color:#ffffff;font-family:Inter, '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;">Keep my plan</span></a><!--<![endif]--></td></tr></table></td></tr></table></div><!--[if mso]></td><td valign="middle"><![endif]--><div class="ete-stack ete-btnrow" style="display:inline-block;vertical-align:middle;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:4px 6px 8px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center"><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/account/plan/change" style="height:48px;v-text-anchor:middle;width:163px;" arcsize="8%" filled="f" strokeweight="2px" strokecolor="#2456e6"><w:anchorlock/><center style="color:#2456e6;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Change plan</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn-outline" href="https://example.com/account/plan/change" style="display:inline-block;background-color:transparent;border:2px solid #2456e6;line-height:44px;border-radius:4px;color:#2456e6;font-family:Inter, '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-outline-text" style="color:#2456e6;">Change plan</span></a><!--<![endif]--></td></tr></table></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-muted" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:22px;color:#667089;text-align:left;">To cancel, open Billing in your account any time before November 13. You keep your backups for 30 days after that.</p></td></tr>
<tr><td align="center" class="ete-px" style="padding:28px 32px 32px;"><p class="ete-muted" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#667089;line-height:20px;text-align:center;"><strong>Pinegate Backup</strong><br>410 Cedar Plaza, Boise, ID 83702</p><p class="ete-muted" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#667089;line-height:20px;text-align:center;padding-top:10px;">You get this email because you have a paid Pinegate Backup plan.</p><p class="ete-muted" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#667089;line-height:20px;text-align:center;padding-top:10px;"><a class="ete-link" href="{{unsubscribe_url}}" style="color:#667089;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:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:18px;color:#667089;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#667089;text-decoration:underline;">Email Template Examples</a></td></tr>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</body>
</html>
About this template
A renewal reminder for subscription software, hosting or any yearly plan. People hate surprise charges, so this email gets the facts out early and in a form they can read in three seconds.
There is no logo row and no hero. A plain left aligned heading says when the plan renews, and one short paragraph explains what happens next. Three large numbers then show the date, the price and the storage on the plan. Two buttons sit side by side: keep the plan as it is, or change it. A small line at the end says how to cancel, without making anyone hunt for it.
Send it two weeks before the charge. Change the three numbers per customer and keep the wording short.
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
- Left heading
- Short note
- Three plan numbers
- Keep and change buttons
- How to cancel
- Footer
Subject line ideas
- Your plan renews in 14 days
- Heads up: $96 on November 13
- {{first_name}}, keep or change your backup plan?
Preview text idea
Your Pinegate plan renews on November 13 for $96. Nothing to do if you want to keep it.