Skip to main content
Emailens
Transactional Template · Adapted from React Email (MIT)

Subscription Update · Matte

Overall compatibility: 93/100 across 21 email clients · 20 of 21 clients passing (6 clean at 100%) · 151 compatibility warnings (0 error-level) · 13.1KB compiled HTML.

Cross-client fidelity Tested against 21 email clients. 6 of 21 clients render cleanly with 100% fidelity. Only Outlook Classic has reduced fidelity (61/100) due to legacy desktop engine constraints.
email://preview/ matte-subscription-update.html
RE

Attribution · React Email

Template adapted from the open-source React Email collection under the MIT License (© Plus Five Five, Inc. / Resend). Full React source code is included.

Client Compatibility

Score: 93/100 · 20/21 passing

21 clients tested
6 of 21 clients render with 100% fidelity. Lowest is 61/100 in Outlook Classic due to legacy desktop styling limitations.

Notes on this template

It opens: "Plan renewed Hi Alex . Your Collage subscription renewed for another month . Here's a quick summary of your plan and billing. You're on the Pro plan at $29 per month . Your next charge is on April 22, 2026...". Preheader: "Your Collage plan renewed (Pro)". 5 images, 2 Outlook-only blocks, no dark-mode query, web font.

The spread is what matters on this template: 100 in Superhuman against 61 in Outlook Classic, a 39-point gap across the same file. 6 of the 21 clients render it without a single flagged property. Outlook Classic is the one to preview against after any edit, because it is where this template has the least margin, and the 151 warnings behind that score are concentrated there rather than spread evenly.

At 13.1KB compiled it has roughly 89KB of headroom before Gmail clips the message at 102KB and hides the rest behind a "View entire message" link. Inlined CSS and base64 images both count toward that, so watch it as you add sections.

Safe to customise: The reference numbers, amounts and support link. Transactional mail is read for its data, so put the value the reader came for in the first block rather than below a banner.

Leave alone: The table scaffolding around the detail rows. Outlook derives row height from cell padding and ignores margins entirely, so swapping the tables for divs is what turns a tidy receipt into a stack of touching lines.

Modified it? Check your version against the same 21 clients.

Zero-Friction Engine Preview

Test your email in Gmail, Outlook and Apple Mail

Preview rendering, catch CSS issues, and see what Outlook does to your VML. Free, no account. All 21 clients with one.

Try Emailens Free

Instant live preview · No signup required · 21 email engines