SaaS Welcome Email
A modern welcome email template for SaaS products. Clean design with onboarding CTA.
responsive
dark-mode
VARIABLES
Template Variables
| Variable | Type | Description | Example |
|---|---|---|---|
{{user_name}}required | string | The user's first name or display name | John |
{{product_name}}required | string | Your product or company name | Acme App |
{{cta_url}}required | string | URL for the getting started button | https://app.acme.com/onboarding |
CODE
Template Source
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Welcome to {{product_name}}</title>
</head>
<body style="margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background-color: #f4f4f5;">
<table width="100%" cellpadding="0" cellspacing="0" style="max-width: 600px; margin: 0 auto; padding: 40px 20px;">
<tr>
<td style="background-color: #ffffff; border-radius: 8px; padding: 40px;">
<h1 style="margin: 0 0 24px; font-size: 28px; color: #09090b;">
Welcome to {{product_name}}, {{user_name}}!
</h1>
<p style="margin: 0 0 24px; font-size: 16px; line-height: 1.6; color: #71717a;">
We're excited to have you on board. Your account is ready and you can start exploring all the features right away.
</p>
<a href="{{cta_url}}" style="display: inline-block; padding: 14px 28px; background-color: #09090b; color: #ffffff; text-decoration: none; border-radius: 6px; font-weight: 600;">
Get Started
</a>
</td>
</tr>
</table>
</body>
</html>
Customization Tips
Adding Your Brand Colors
Replace the #09090b color with your brand's primary color for the button and heading.
Personalization
You can extend this template with more variables:
company_logo_url- Add your logo at the topsupport_email- Include a support contactsocial_links- Add social media icons in the footer
A/B Testing
Consider testing:
- Different CTA text ("Get Started" vs "Explore Features")
- Button colors
- Adding an image or GIF