Payment reminder template, HTML and Handlebars
A friendly reminder for an overdue invoice with the amount, the original due date and a pay link.
Free to copy. Send it from your app with POST /v1/emails/send and the slug payment-reminder.
Template source
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background:#f4f3ef;">
<tr>
<td align="center" style="padding:32px 16px;">
<table role="presentation" width="600" cellpadding="0" cellspacing="0" style="max-width:600px;width:100%;background:#ffffff;border-radius:12px;">
<tr>
<td style="padding:40px;font-family:Arial,Helvetica,sans-serif;color:#17181c;">
<p style="margin:0 0 24px;font-size:14px;font-weight:bold;">{{company.name}}</p>
<h1 style="margin:0 0 16px;font-size:24px;">Your invoice is {{days_overdue}} days overdue</h1>
<p style="margin:0 0 20px;font-size:15px;line-height:24px;">Hi {{customer.first_name}}, invoice {{invoice.number}} for {{formatCurrency invoice.total "INR"}} was due on {{formatDate invoice.due "DD MMM YYYY"}}. Pay today to avoid a late fee.</p>
<a href="{{pay_url}}" style="display:inline-block;background:#b4540f;color:#ffffff;text-decoration:none;font-size:15px;padding:12px 20px;border-radius:8px;">Pay Now</a>
<p style="margin:32px 0 0;padding-top:16px;border-top:1px solid #ece9e2;font-size:12px;line-height:18px;color:#5a5c63;">
{{company.name}}, {{company.city}}. You are receiving this because you have an account with us.
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>Sample data (JSON)
{
"company": {
"name": "Kestrel Foods Pvt Ltd",
"city": "Bengaluru, Karnataka",
"gstin": "29ABCDE1234F1Z5"
},
"customer": {
"first_name": "Ramesh"
},
"invoice": {
"number": "INV-2026-0187",
"total": 21268.8,
"due": "2026-10-05"
},
"days_overdue": 5,
"pay_url": "https://pay.example.com/INV-2026-0187"
}