|
Illustrative browser preview with sample data. Links are inactive. Test final rendering in your supported email clients.
When to use it
Send a factual account event that the recipient needs to know about. Provide only information supported by your application’s event record.
Make it yours
Replace every placeholder using your template engine. Escape values for their HTML context and validate action URLs against your approved HTTPS origins.
| Variable | Illustrative value |
|---|---|
{{app_name}} | Atlas |
{{event_title}} | A new sign-in |
{{event_description}} | A new sign-in was recorded for your Atlas account. |
{{event_time}} | October 4, 2026 at 14:30 UTC |
{{activity_url}} | https://example.com/account/activity |
{{support_email}} | support@example.com |
Implementation checklist
- Use an explicit timezone and avoid unsupported location claims.
- Do not include passwords, access tokens, or full payment details.
- Ensure the activity page requires account authorization.
- Define which notifications are essential and which have preferences.
Inspect the source
HTML source
<!doctype html>
<html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>{{app_name}} account update: {{event_title}}</title></head>
<body style="margin:0;padding:0;background:#f3f5f4;color:#26352e;font-family:Arial,Helvetica,sans-serif;">
<table role="presentation" style="width:100%;border-collapse:collapse;"><tr><td style="padding:24px 12px;">
<table role="presentation" style="width:100%;max-width:560px;margin:0 auto;border-collapse:collapse;background:#ffffff;border:1px solid #dce5df;">
<tr><td style="padding:32px 28px 12px;font-size:16px;font-weight:bold;">{{app_name}}</td></tr>
<tr><td style="padding:8px 28px 28px;">
<h1 style="margin:0 0 20px;font-size:26px;line-height:1.3;font-weight:600;">An update to your account</h1>
<p style="margin:0 0 20px;font-size:16px;line-height:1.7;">{{event_description}}</p>
<p style="margin:0 0 24px;font-size:14px;line-height:1.7;">Event: {{event_title}}<br>Time: {{event_time}}</p>
<table role="presentation" style="border-collapse:collapse;margin-bottom:24px;"><tr><td bgcolor="#274f3b" style="border-radius:4px;background:#274f3b;text-align:center;"><a href="{{activity_url}}" style="display:inline-block;padding:14px 22px;color:#ffffff;text-decoration:none;font-size:16px;font-weight:bold;">Review account activity</a></td></tr></table>
<p style="font-size:13px;line-height:1.7;margin:0 0 8px;">If the button does not work, copy this link into your browser:</p>
<p style="font-size:12px;line-height:1.7;margin:0 0 25px;word-break:break-all;"><a href="{{activity_url}}" style="color:#245f45;">{{activity_url}}</a></p>
<p style="font-size:13px;line-height:1.7;margin:0;color:#58655e;">If this activity is unfamiliar, visit your account using a trusted bookmark or contact our support team.</p>
</td></tr><tr><td style="padding:20px 28px;border-top:1px solid #e6ebe8;font-size:12px;line-height:1.7;color:#58655e;">{{app_name}} · Questions? <a href="mailto:{{support_email}}" style="color:#245f45;">{{support_email}}</a></td></tr>
</table></td></tr></table></body></html>Plain-text version
{{app_name}} account update: {{event_title}}
An update to your account
{{event_description}}
Event: {{event_title}}
Time: {{event_time}}
Review account activity:
{{activity_url}}
If this activity is unfamiliar, visit your account using a trusted bookmark or contact our support team.
{{app_name}}
Questions? {{support_email}}
Free to use, modify, and distribute in personal or commercial projects. No attribution required. Supplied as a starting point without warranty.