8 placeholders
HTML markup
Paste into your html field
1
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="margin:0;padding:0;background-color:#f4f4f5;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;">
2
<tr>
3
<td align="center" style="padding:40px 16px;">
4
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="max-width:560px;background-color:#ffffff;border-radius:8px;border:1px solid #e4e4e7;">
5
<tr>
6
<td style="padding:32px 32px 24px;">
7
<p style="margin:0 0 8px;font-size:14px;font-weight:600;color:#18181b;">Acme</p>
8
<h1 style="margin:0 0 8px;font-size:22px;line-height:1.3;font-weight:600;color:#18181b;">Invoice INV-2048</h1>
9
<p style="margin:0 0 24px;font-size:14px;color:#71717a;">Due July 10, 2026</p>
10
<p style="margin:0 0 24px;font-size:15px;line-height:1.6;color:#52525b;">
11
Hi Alex, your invoice for June 2026 is ready. The amount due is <strong>$29.00</strong>.
12
</p>
13
<table role="presentation" cellpadding="0" cellspacing="0">
14
<tr>
15
<td style="border-radius:6px;background-color:#18181b;">
16
<a href="https://example.com/invoices/2048/pay" style="display:inline-block;padding:12px 20px;font-size:15px;font-weight:600;color:#ffffff;text-decoration:none;">Pay invoice</a>
17
</td>
18
</tr>
19
</table>
20
<p style="margin:24px 0 0;font-size:13px;line-height:1.6;color:#71717a;">
21
Questions about this invoice? Contact billing@example.com.
22
</p>
23
</td>
24
</tr>
25
</table>
26
<p style="margin:24px 0 0;font-size:12px;line-height:1.5;color:#a1a1aa;">© Acme</p>
27
</td>
28
</tr>
29
</table>