Skip to content

Invoice email template, HTML and Handlebars

A clean HTML invoice email with the amount due, the due date and a pay button. Attach the matching PDF invoice from the same API call.

Free to copy. Send it from your app with POST /v1/emails/send and the slug invoice-email.

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;">Invoice {{invoice.number}} is ready</h1>
            <p style="margin:0 0 20px;font-size:15px;line-height:24px;">Hi {{customer.first_name}}, your invoice for {{invoice.period}} is attached as a PDF.</p>
            <table role="presentation" width="100%" style="background:#e8ebfa;border-radius:10px;margin:0 0 24px;"><tr><td style="padding:16px 18px;">
              <p style="margin:0;font-size:13px;color:#5a5c63;">Amount due by {{formatDate invoice.due "DD MMM YYYY"}}</p>
              <p style="margin:4px 0 0;font-size:26px;font-weight:bold;">{{formatCurrency invoice.total "INR"}}</p>
            </td></tr></table>
            <a href="{{pay_url}}" style="display:inline-block;background:#2f43c4;color:#ffffff;text-decoration:none;font-size:15px;padding:12px 20px;border-radius:8px;">Pay Invoice</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": "Priya"
  },
  "invoice": {
    "number": "INV-2026-0142",
    "period": "September 2026",
    "due": "2026-10-12",
    "total": 49402.5
  },
  "pay_url": "https://pay.example.com/INV-2026-0142"
}

More templates like this