Subscription Renewal Reminder Email
Email-safe renewal reminder with a photo header, plan summary and renewal amount, benefits list, bulletproof manage button and skip, pause and cancel links.
Email Templates
HTML email layouts.
19 components
Feedback Survey Request Email
Email-safe feedback request with a one-tap 1 to 5 rating row of links, an open survey button, a thank-you discount note and a compliant footer.
Event Invitation Email with RSVP
Dark email-safe event invitation with stage photo, date/time/location table, agenda highlights, Yes/No RSVP buttons and add-to-calendar links.
Payment Failed Email
Email-safe card declined template with an alert banner, subscription and amount summary, decline reasons, update payment button and relative retry wording.
Re-engagement We Miss You Email
Email-safe win-back template with a friendly headline, what's new list with thumbnails, comeback offer card, return button and one-click unsubscribe.
Invoice Receipt Email
Email-safe payment receipt template with amount paid, invoice details, line items, tax and total, and a bulletproof Download PDF invoice button.
Scheduled Maintenance Notice Email
Email-safe service maintenance notice with a relative maintenance window, affected services table with impact labels, what to expect list and status page button.
Seasonal Holiday Sale Email
Email-safe holiday sale template with a festive header photo, four gift guide image tiles, a limited-time offer block and a bulletproof shop button.
Email Verification Email
Dark, email-safe confirm-your-email template with a big bulletproof verify button, a six-digit one-time code, expiry note and footer.
Abandoned Cart Reminder Email
Email-safe abandoned cart reminder with product photos and prices, subtotal, free delivery incentive, checkout button and related products.
Password Reset Email
Email-safe password reset template with lock image, VML bulletproof button, expiry note, fallback link, security notice and request details.
Appointment Reminder Email
Email-safe appointment reminder with provider photo, details table, clinic address and directions link, reschedule and cancel buttons and preparation tips.
Promotional Sale Email with Discount Code
Email-safe sale template with a big 40% off banner, dashed discount code box, four-product price grid, bulletproof shop button and terms line.
Shipping Confirmation Email with Tracking
Email-safe shipping notification with estimated delivery, a table-cell progress bar, carrier and tracking number, shipped items and a track package button.
Product Launch Announcement Email
Email-safe product launch template with a bold dark hero, product photo, three feature blocks with image icons, pricing note and a bulletproof Try it now button.
Order Confirmation Email
Email-safe order confirmation template with order number, product rows with photos, totals table, shipping and billing addresses and a track order button.
New Sign-In Security Alert Email
Email-safe security alert template for a new sign-in: device, browser, location, IP and time rows plus "This was me" and "Secure my account" buttons.
Newsletter Email with Featured Articles
Email-safe editorial newsletter with masthead, featured story, two-column article grid that stacks on mobile, quick links, sponsor slot and footer.
Welcome Email
Email-safe welcome email template with logo header, hero photo, three getting-started steps, a bulletproof button, help line and footer.
What is an HTML email template?
An HTML email template is a ready-made layout for messages sent by email: newsletters, welcome emails, order confirmations, password resets, receipts and announcements. Email is a very different environment from the web. Many email clients ignore modern CSS, strip style blocks or scripts and render with old engines, so responsive email templates are built with table-based layouts and mostly inline CSS.
Best practices for email templates
- Keep the layout in a single column around 600 pixels wide, which works well on desktop and mobile.
- Use tables for structure and inline styles for critical formatting; treat media queries as progressive enhancement.
- Never rely on JavaScript, forms or external fonts; they are blocked or unsupported in most clients.
- Use bulletproof buttons built from table cells and links, not images, so the call to action survives image blocking.
- Add a short preheader text that appears next to the subject line in the inbox.
- Include a plain unsubscribe link and your postal or company details where required.
- Test in several clients, including webmail, desktop and mobile apps, before sending.
Accessibility
Set lang on the root element and role="presentation" on layout tables so screen readers do not announce them as data tables. Write meaningful alt text for images and keep important information as real text, not inside an image. Use a readable font size, enough line height and strong contrast, and make sure the message still makes sense in dark mode.
How to use these templates
Each email template has a live preview, code tabs, a copy button and a download. Because email clients do not run Bootstrap or Tailwind CSS JavaScript, treat these as plain HTML and CSS: copy the code, replace the text, images and links, and paste it into your email service or transactional mail system, which can also handle CSS inlining for you.