Course Enrollment Welcome email template
A course enrollment welcome for an online school: a royal blue welcome panel, a course card, the start date, what is included and a first lesson button.
Light shows the email as designed. Dark and Gmail show how email apps can change its colors.
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="x-apple-disable-message-reformatting">
<meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<title>Course Enrollment Welcome</title>
<!--[if gte mso 9]><xml><o:OfficeDocumentSettings><o:AllowPNG/><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml><![endif]-->
<style>
:root{color-scheme:light dark;supported-color-schemes:light dark;}
body{margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
table,td{mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;}
img{border:0;outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;}
a[x-apple-data-detectors]{color:inherit!important;text-decoration:none!important;font-size:inherit!important;font-family:inherit!important;font-weight:inherit!important;line-height:inherit!important;}
u + .ete-body a{color:inherit;text-decoration:none;}
@media only screen and (max-width:620px){
.ete-container{width:100%!important;max-width:100%!important;}
.ete-outer{padding:0!important;}
.ete-content{border-radius:0!important;}
.ete-px{padding-left:20px!important;padding-right:20px!important;}
.ete-stack{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box;padding-left:0!important;padding-right:0!important;}
.ete-stack-gap{padding-bottom:20px!important;}
.ete-fluid{width:100%!important;max-width:100%!important;height:auto!important;}
.ete-fluid-cap{width:100%!important;max-width:280px!important;height:auto!important;display:block!important;margin-left:auto!important;margin-right:auto!important;}
.ete-stack-center,.ete-stack-center p{text-align:center!important;}
.ete-h1{font-size:28px!important;line-height:34px!important;}
.ete-h2{font-size:22px!important;line-height:28px!important;}
.ete-code{font-size:24px!important;letter-spacing:2px!important;}
.ete-btn-full{display:block!important;width:100%!important;box-sizing:border-box;}
.ete-cell{padding-left:0!important;padding-right:0!important;}
}
@media (prefers-color-scheme: dark){
.ete-body,.ete-bg{background-color:#0d1230!important;}
.ete-content{background-color:#141a3d!important;}
.ete-text{color:#dde2f5!important;}
.ete-heading{color:#ffffff!important;}
.ete-muted{color:#a3abcc!important;}
.ete-link{color:#9fb2ff!important;}
.ete-border{border-color:#262e5a!important;}
.ete-panel{background-color:#1c2350!important;border-color:#262e5a!important;}
.ete-btn{background-color:#ffd23f!important;border-color:#ffd23f!important;}
.ete-btn-text{color:#16226b!important;}
.ete-btn-outline{border-color:#ffd23f!important;}
.ete-btn-outline-text{color:#ffd23f!important;}
.ete-logo-light{display:none!important;}
.ete-logo-dark{display:block!important;max-height:none!important;overflow:visible!important;}
}
[data-ogsc] .ete-text{color:#dde2f5!important;}
[data-ogsc] .ete-heading{color:#ffffff!important;}
[data-ogsc] .ete-muted{color:#a3abcc!important;}
[data-ogsc] .ete-link{color:#9fb2ff!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#0d1230!important;}
[data-ogsb] .ete-content{background-color:#141a3d!important;}
[data-ogsb] .ete-panel{background-color:#1c2350!important;border-color:#262e5a!important;}
</style>
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#eef1fb;">
<!-- Made with emailtemplateexamples.com -->
<div class="ete-preheader" style="display:none;font-size:1px;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;mso-hide:all;">Your seat is saved. The live kickoff is on Monday 9 November. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#eef1fb;">
<tr><td align="center" class="ete-outer" style="padding:24px 12px;">
<!--[if mso]><table role="presentation" width="600" align="center" cellpadding="0" cellspacing="0" border="0"><tr><td><![endif]-->
<table role="presentation" class="ete-container" width="600" cellpadding="0" cellspacing="0" border="0" style="width:100%;max-width:600px;margin:0 auto;">
<tr><td class="ete-content" style="background-color:#ffffff;border-radius:12px;overflow:hidden;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;">
<tr><td align="left" class="ete-px" style="padding:28px 32px 20px;"><span class="ete-heading" style="font-family:'Trebuchet MS', Tahoma, sans-serif;font-size:24px;line-height:30px;font-weight:700;letter-spacing:-0.3px;color:#16226b;">Skillset Academy</span></td></tr>
<tr><td align="left" class="ete-px" style="padding:40px 32px;background-color:#1f3fbf;"><p style="margin:0 0 12px;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#ffffff;text-align:left;">Enrollment confirmed</p><h1 class="ete-h1" style="margin:0;font-family:'Trebuchet MS', Tahoma, sans-serif;font-size:32px;line-height:40px;font-weight:700;color:#ffffff;text-align:left;mso-line-height-rule:exactly;">Welcome to class, {{first_name}}</h1><p class="" style="margin:0;font-family:Arial, Helvetica, sans-serif;font-size:17px;line-height:27px;color:#ffffff;padding-top:14px;text-align:left;">You are enrolled in UX Writing Basics. Here is everything you need for week one.</p></td></tr>
<tr><td class="ete-px" style="padding:12px 20px 0;"><div style="font-size:0;text-align:left;display:flex;flex-wrap:wrap;"><!--[if mso]><table role="presentation" width="560" cellpadding="0" cellspacing="0" border="0"><tr><td width="249" valign="middle"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:middle;min-width:44.46%;max-width:100%;width:44.46%;width:calc((448px - 100%) * 448);font-size:16px;text-align:left;align-self:flex-start;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:4px 12px 16px;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/skillset-course.png" alt="A laptop showing a video lesson with a yellow play button" width="225" height="169" class="ete-fluid-cap" style="display:block;width:225px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;max-width:280px;margin:0 auto;"></td></tr></table></div><!--[if mso]></td><td width="311" valign="middle"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:middle;min-width:55.53%;max-width:100%;width:55.53%;width:calc((448px - 100%) * 448);font-size:16px;text-align:left;align-self:center;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:4px 12px 16px;"><h3 class="ete-heading" style="margin:0;font-family:'Trebuchet MS', Tahoma, sans-serif;font-size:19px;line-height:26px;font-weight:700;color:#16226b;text-align:left;mso-line-height-rule:exactly;">UX Writing Basics</h3><p class="ete-text" style="margin:0;font-family:Arial, Helvetica, sans-serif;font-size:15px;line-height:24px;color:#2b3550;padding-top:8px;">6 weeks, 18 short lessons and 3 projects. Taught by Jonah Reyes, content lead at a fictional design studio.</p></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td class="ete-px" style="padding:16px 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-panel" style="padding:24px;background-color:#f5f7ff;border:1px solid #dfe4f5;border-radius:12px;"><h3 class="ete-heading" style="margin:0;font-family:'Trebuchet MS', Tahoma, sans-serif;font-size:19px;line-height:26px;font-weight:700;color:#16226b;text-align:left;mso-line-height-rule:exactly;">Live kickoff</h3><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-top:8px;"><tr><td class="ete-muted" width="90" valign="top" style="padding:8px 0;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:22px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#646e8a;">Date</td><td class="ete-text" valign="top" style="padding:8px 0;font-family:Arial, Helvetica, sans-serif;font-size:16px;line-height:22px;color:#2b3550;">Monday 9 November</td></tr><tr><td class="ete-muted" width="90" valign="top" style="padding:8px 0;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:22px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#646e8a;">Time</td><td class="ete-text" valign="top" style="padding:8px 0;font-family:Arial, Helvetica, sans-serif;font-size:16px;line-height:22px;color:#2b3550;">6:00 to 7:00 pm (your time zone)</td></tr><tr><td class="ete-muted" width="90" valign="top" style="padding:8px 0;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:22px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#646e8a;">Place</td><td class="ete-text" valign="top" style="padding:8px 0;font-family:Arial, Helvetica, sans-serif;font-size:16px;line-height:22px;color:#2b3550;">Online, link in your dashboard</td></tr></table></td></tr></table></td></tr>
<tr><td class="ete-px" style="padding:12px 22px 0;"><div style="font-size:0;text-align:left;"><!--[if mso]><table role="presentation" width="556" cellpadding="0" cellspacing="0" border="0"><tr><td width="185" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:33.33%;max-width:100%;width:33.33%;width:calc((445px - 100%) * 445);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:4px 10px 16px;"><div style="padding-top:0px;"><h3 class="ete-heading" style="margin:0;font-family:'Trebuchet MS', Tahoma, sans-serif;font-size:19px;line-height:26px;font-weight:700;color:#16226b;text-align:left;mso-line-height-rule:exactly;">Video lessons</h3></div><p class="ete-text" style="margin:0;font-family:Arial, Helvetica, sans-serif;font-size:15px;line-height:24px;color:#2b3550;padding-top:6px;text-align:left;">Short videos you can watch on any device.</p></td></tr></table></div><!--[if mso]></td><td width="185" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:33.33%;max-width:100%;width:33.33%;width:calc((445px - 100%) * 445);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:4px 10px 16px;"><div style="padding-top:0px;"><h3 class="ete-heading" style="margin:0;font-family:'Trebuchet MS', Tahoma, sans-serif;font-size:19px;line-height:26px;font-weight:700;color:#16226b;text-align:left;mso-line-height-rule:exactly;">Feedback</h3></div><p class="ete-text" style="margin:0;font-family:Arial, Helvetica, sans-serif;font-size:15px;line-height:24px;color:#2b3550;padding-top:6px;text-align:left;">A mentor reviews each of your projects.</p></td></tr></table></div><!--[if mso]></td><td width="185" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:33.33%;max-width:100%;width:33.33%;width:calc((445px - 100%) * 445);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:4px 10px 16px;"><div style="padding-top:0px;"><h3 class="ete-heading" style="margin:0;font-family:'Trebuchet MS', Tahoma, sans-serif;font-size:19px;line-height:26px;font-weight:700;color:#16226b;text-align:left;mso-line-height-rule:exactly;">Certificate</h3></div><p class="ete-text" style="margin:0;font-family:Arial, Helvetica, sans-serif;font-size:15px;line-height:24px;color:#2b3550;padding-top:6px;text-align:left;">Share it on your profile when you finish.</p></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td align="left" class="ete-px" style="padding:16px 32px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td align="center"><!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://example.com/lesson-1" style="height:48px;v-text-anchor:middle;width:208px;" arcsize="25%" strokecolor="#ffd23f" fillcolor="#ffd23f"><w:anchorlock/><center style="color:#16226b;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Start lesson one</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/lesson-1" style="display:inline-block;background-color:#ffd23f;border:1px solid #ffd23f;line-height:48px;border-radius:12px;color:#16226b;font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:700;text-align:center;text-decoration:none;padding:0 28px;-webkit-text-size-adjust:none;mso-hide:all;"><span class="ete-btn-text" style="color:#16226b;">Start lesson one</span></a><!--<![endif]--></td></tr></table></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-muted" style="margin:0;font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:22px;color:#646e8a;text-align:left;">Stuck or have a question? Reply to this email and a real person on our team will answer within one work day.</p></td></tr>
<tr><td align="left" class="ete-px" style="padding:28px 32px 32px;"><p class="ete-muted" style="margin:0;font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:21px;color:#646e8a;line-height:20px;text-align:left;"><strong>Skillset Academy</strong><br>88 Campus Way, Riverton</p><p class="ete-muted" style="margin:0;font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:21px;color:#646e8a;line-height:20px;text-align:left;padding-top:10px;">You get this because you enrolled in a Skillset course.</p><p class="ete-muted" style="margin:0;font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:21px;color:#646e8a;line-height:20px;text-align:left;padding-top:10px;"><a class="ete-link" href="{{unsubscribe_url}}" style="color:#646e8a;text-decoration:underline;">Unsubscribe</a></p></td></tr>
</table>
</td></tr>
<tr><td align="center" class="ete-muted" style="padding:20px 12px 0;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:18px;color:#646e8a;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#646e8a;text-decoration:underline;">Email Template Examples</a></td></tr>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</body>
</html>
About this template
Online academies, bootcamps and training providers can send this right after a student enrolls. It confirms the place, sets the date and gives one clear first step.
A royal blue panel welcomes the student by name. The course card shows a laptop picture with the course name, length and teacher. The details box gives the start date, the time of the live kickoff and where it happens. Three short columns list what comes with the course. A yellow button opens the first lesson, and a muted line says how to reach a real person.
Send it within minutes of payment. Add a calendar link to the details box if your platform supports it. If the course is self paced, swap the start date for “Start any time” and move the button higher.
Use it in your email tool
- Click Copy HTML, or download the .html file.
- In Mailchimp, Brevo, HubSpot or Klaviyo, start a new email with the custom HTML or code editor and paste it in.
- Change the text, links and images. Map merge tags such as {{first_name}} and {{unsubscribe_url}} to the tags of your tool.
- Send a test to yourself on desktop and phone before you send it to your list.
Sections in this email
- Logo
- Welcome panel
- Course card (image and text)
- Start date details
- What is included (3 columns)
- First lesson button
- Help note
- Footer
Subject line ideas
- You are in: UX Writing Basics starts 9 November
- Welcome to Skillset Academy, {{first_name}}
- Your first lesson is ready
Preview text idea
Your seat is saved. The live kickoff is on Monday 9 November.