Rent Due Reminder email template
A rent reminder sent five days ahead: three boxed facts on top with the amount, due date and days left, then the ways to pay and one square button.
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>Rent Due Reminder</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-icon-cell{padding-left:2px!important;padding-right:2px!important;}
.ete-stat-84{min-width:84px!important;}
.ete-cell{padding-left:0!important;padding-right:0!important;}
}
@media (prefers-color-scheme: dark){
.ete-body,.ete-bg{background-color:#101413!important;}
.ete-content{background-color:#181d1c!important;}
.ete-text{color:#d9dfdd!important;}
.ete-heading{color:#ffffff!important;}
.ete-muted{color:#9ca6a3!important;}
.ete-link{color:#7fd6c9!important;}
.ete-border{border-color:#2d3634!important;}
.ete-panel{background-color:#212827!important;border-color:#2d3634!important;}
.ete-btn{background-color:#5fc4b5!important;border-color:#5fc4b5!important;}
.ete-btn-text{color:#0d1413!important;}
.ete-btn-outline{border-color:#5fc4b5!important;}
.ete-btn-outline-text{color:#5fc4b5!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:#d9dfdd!important;}
[data-ogsc] .ete-heading{color:#ffffff!important;}
[data-ogsc] .ete-muted{color:#9ca6a3!important;}
[data-ogsc] .ete-link{color:#7fd6c9!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#101413!important;}
[data-ogsb] .ete-content{background-color:#181d1c!important;}
[data-ogsb] .ete-panel{background-color:#212827!important;border-color:#2d3634!important;}
</style>
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#efece6;">
<!-- 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 rent for Flat 4B is due in five days. Here are the ways to pay. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#efece6;">
<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="left" class="ete-px" style="padding:28px 32px 20px;"><span class="ete-heading" style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:20px;line-height:25px;font-weight:700;letter-spacing:-0.3px;color:#1b2427;">Cedar Court Lettings</span></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-84" style="display:inline-block;vertical-align:top;width:33.33%;min-width:84px;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;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-panel" align="center" style="padding:16px 6px;background-color:#f4f2ed;border:1px solid #dfdbd3;border-radius:0px;"><p class="ete-heading ete-hf" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:24px;line-height:26px;font-weight:700;color:#1b2427;text-align:center;mso-line-height-rule:exactly;">$980</p><p class="ete-muted" style="margin:0;padding-top:6px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#667074;text-align:center;">Rent due</p></td></tr></table></td></tr></table></div><!--[if mso]></td><td width="178" valign="top"><![endif]--><div class="ete-stat-84" style="display:inline-block;vertical-align:top;width:33.33%;min-width:84px;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;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-panel" align="center" style="padding:16px 6px;background-color:#f4f2ed;border:1px solid #dfdbd3;border-radius:0px;"><p class="ete-heading ete-hf" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:24px;line-height:26px;font-weight:700;color:#1b2427;text-align:center;mso-line-height-rule:exactly;">Nov 1</p><p class="ete-muted" style="margin:0;padding-top:6px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#667074;text-align:center;">Due date</p></td></tr></table></td></tr></table></div><!--[if mso]></td><td width="178" valign="top"><![endif]--><div class="ete-stat-84" style="display:inline-block;vertical-align:top;width:33.33%;min-width:84px;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;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-panel" align="center" style="padding:16px 6px;background-color:#f4f2ed;border:1px solid #dfdbd3;border-radius:0px;"><p class="ete-heading ete-hf" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:24px;line-height:26px;font-weight:700;color:#1b2427;text-align:center;mso-line-height-rule:exactly;">5</p><p class="ete-muted" style="margin:0;padding-top:6px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#667074;text-align:center;">Days left</p></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-text" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:26px;color:#3a4245;text-align:left;">Hi {{first_name}}, this is your reminder that rent for <b>Flat 4B, 17 Cedar Court</b> is due next Sunday. If you have already paid, you can ignore this note.</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 width="44" valign="top" style="padding-right:16px;padding-bottom:20px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-btn" align="center" valign="middle" width="28" height="28" style="width:28px;height:28px;background-color:#14574f;border-radius:50%;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:28px;font-weight:700;color:#ffffff;text-align:center;mso-line-height-rule:exactly;"><span class="ete-btn-text" style="color:#ffffff;">✓</span></td></tr></table></td><td valign="top" style="padding-bottom:20px;"><p class="ete-heading" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:24px;font-weight:700;color:#1b2427;">Tenant portal</p><p class="ete-text" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#3a4245;padding-top:4px;">Pay by card or bank link. It takes about a minute and you get a receipt.</p></td></tr><tr><td width="44" valign="top" style="padding-right:16px;padding-bottom:20px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-btn" align="center" valign="middle" width="28" height="28" style="width:28px;height:28px;background-color:#14574f;border-radius:50%;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:28px;font-weight:700;color:#ffffff;text-align:center;mso-line-height-rule:exactly;"><span class="ete-btn-text" style="color:#ffffff;">✓</span></td></tr></table></td><td valign="top" style="padding-bottom:20px;"><p class="ete-heading" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:24px;font-weight:700;color:#1b2427;">Bank transfer</p><p class="ete-text" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#3a4245;padding-top:4px;">Use <b>CC-4B</b> as the reference so we can match your payment.</p></td></tr><tr><td width="44" valign="top" style="padding-right:16px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-btn" align="center" valign="middle" width="28" height="28" style="width:28px;height:28px;background-color:#14574f;border-radius:50%;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:28px;font-weight:700;color:#ffffff;text-align:center;mso-line-height-rule:exactly;"><span class="ete-btn-text" style="color:#ffffff;">✓</span></td></tr></table></td><td valign="top" style=""><p class="ete-heading" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:24px;font-weight:700;color:#1b2427;">Standing order</p><p class="ete-text" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#3a4245;padding-top:4px;">Set it up once and it leaves your account on the 1st of each month.</p></td></tr></table></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/tenant/pay" style="height:48px;v-text-anchor:middle;width:163px;" arcsize="0%" strokecolor="#14574f" fillcolor="#14574f"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Pay my rent</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/tenant/pay" style="display:inline-block;background-color:#14574f;border:1px solid #14574f;line-height:48px;border-radius:0px;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;">Pay my rent</span></a><!--<![endif]--></td></tr></table></td></tr>
<tr><td align="left" class="ete-px" style="padding:28px 32px 32px;"><p class="ete-muted" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#667074;line-height:20px;text-align:left;"><strong>Cedar Court Lettings</strong><br>17 Cedar Court, Office 1, Portland, ME 04101</p><p class="ete-muted" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#667074;line-height:20px;text-align:left;padding-top:10px;">You get this reminder because you rent a home managed by Cedar Court Lettings.</p><p class="ete-muted" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#667074;line-height:20px;text-align:left;padding-top:10px;"><a class="ete-link" href="{{unsubscribe_url}}" style="color:#667074;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:#667074;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#667074;text-decoration:underline;">Email Template Examples</a></td></tr>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</body>
</html>
About this template
Letting agents and landlords can send this automatically a few days before rent is due. The reader sees what they need before reading a single sentence: three boxes hold the amount, the due date and the days left. Cedar Court Lettings is the sample agent.
Under the boxes, one sentence names the flat. A checked list then gives each way to pay, with a short note on what the reader has to do for that method. A square button leads to the tenant portal, and the footer has the office address.
The tone stays neutral on purpose, since most tenants pay on time and only need a nudge. Change the amount, the date and the reference rule for each tenant, and send it on the same day every month so people learn to expect it.
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
- Wordmark
- Amount, date and days left
- Which flat
- Ways to pay
- Pay button
- Footer
Subject line ideas
- Rent for Flat 4B is due on 1 November
- Your rent is due in 5 days
- Reminder: $980 due on 1 November
Preview text idea
Your rent for Flat 4B is due in five days. Here are the ways to pay.