Skip to content

Password reset template, HTML and Handlebars

A plain, trustworthy password reset email with a link that expires and a note for people who didn’t ask.

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

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;">Reset your password</h1>
            <p style="margin:0 0 20px;font-size:15px;line-height:24px;">Hi {{user.first_name}}, use the button below to choose a new password. The link expires in {{expires_minutes}} minutes.</p>
            <a href="{{reset_url}}" style="display:inline-block;background:#2f43c4;color:#ffffff;text-decoration:none;font-size:15px;padding:12px 20px;border-radius:8px;">Reset Password</a>
            <p style="margin:20px 0 0;font-size:13px;line-height:20px;color:#5a5c63;">Didn’t ask for this? Ignore this email and your password stays the same.</p>
            <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"
  },
  "user": {
    "first_name": "Priya"
  },
  "expires_minutes": 30,
  "reset_url": "https://app.example.com/reset/abc123"
}

More templates like this