Choose a Template
Customize Content
Preview
HTML Code
<!DOCTYPE html> <html> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"></head> <body style="margin:0;padding:0;background:#f4f4f4;font-family:Arial,sans-serif;"> <table width="100%" cellpadding="0" cellspacing="0" style="background:#f4f4f4;padding:20px 0;"> <tr><td align="center"> <table width="600" cellpadding="0" cellspacing="0" style="background:#ffffff;border-radius:8px;overflow:hidden;"> <tr><td style="background:#4F46E5;padding:30px;text-align:center;"> <h1 style="color:#ffffff;margin:0;font-size:24px;">Welcome to Acme Inc! 🎉</h1> </td></tr> <tr><td style="padding:30px;"> <p style="color:#333;font-size:16px;line-height:1.6;">Hi John,</p> <p style="color:#555;font-size:16px;line-height:1.6;">We're excited to have you on board! Your account is ready and waiting.</p> <table cellpadding="0" cellspacing="0" style="margin:20px auto;"><tr><td style="background:#4F46E5;border-radius:6px;"> <a href="https://example.com/dashboard" style="display:inline-block;padding:14px 28px;color:#ffffff;text-decoration:none;font-size:16px;font-weight:bold;">Get Started</a> </td></tr></table> <p style="color:#777;font-size:14px;">If the button doesn't work, copy and paste this link: <a href="https://example.com/dashboard" style="color:#4F46E5;">https://example.com/dashboard</a></p> </td></tr> <tr><td style="background:#f9f9f9;padding:20px;text-align:center;"> <p style="color:#999;font-size:12px;margin:0;">© 2026 Acme Inc. All rights reserved.</p> </td></tr> </table> </td></tr> </table> </body> </html>
✅ Table-based layout + inline CSS — compatible with Gmail, Outlook, Apple Mail, Yahoo Mail
Data Source & Legal Disclaimer
Effective: 2026 email client compatibility
Last updated: 5 months ago
Update frequency: Annual
Email templates use table-based layouts with inline CSS for maximum compatibility with Gmail, Outlook, Apple Mail, and Yahoo Mail. Rendering may vary by email client version.