Verify Your Email Address email template
A simple verify your email message for online course sign-ups: envelope icon, one clear confirm button, a backup link and a short note if it was not you.
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>Verify Your Email Address</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;}
}
@media (prefers-color-scheme: dark){
.ete-body,.ete-bg{background-color:#0a0f1c!important;}
.ete-content{background-color:#121a2c!important;}
.ete-text{color:#d4dbea!important;}
.ete-heading{color:#ffffff!important;}
.ete-muted{color:#919ab0!important;}
.ete-link{color:#93b4ff!important;}
.ete-border{border-color:#263049!important;}
.ete-panel{background-color:#1a2337!important;border-color:#263049!important;}
.ete-btn{background-color:#3b82f6!important;border-color:#3b82f6!important;}
.ete-btn-text{color:#ffffff!important;}
.ete-btn-outline{border-color:#3b82f6!important;}
.ete-btn-outline-text{color:#3b82f6!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:#d4dbea!important;}
[data-ogsc] .ete-heading{color:#ffffff!important;}
[data-ogsc] .ete-muted{color:#919ab0!important;}
[data-ogsc] .ete-link{color:#93b4ff!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#0a0f1c!important;}
[data-ogsb] .ete-content{background-color:#121a2c!important;}
[data-ogsb] .ete-panel{background-color:#1a2337!important;border-color:#263049!important;}
</style>
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#eef3ff;">
<!-- 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;">Confirm your address to finish setting up your Brightclass account. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#eef3ff;">
<tr><td align="center" class="ete-outer" style="padding:24px 12px;">
<!--[if mso]><table role="presentation" width="560" align="center" cellpadding="0" cellspacing="0" border="0"><tr><td><![endif]-->
<table role="presentation" class="ete-container" width="560" cellpadding="0" cellspacing="0" border="0" style="width:100%;max-width:560px;margin:0 auto;">
<tr><td class="ete-content" style="background-color:#ffffff;border-radius:14px;overflow:hidden;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;">
<tr><td align="center" class="ete-px" style="padding:28px 32px 20px;"><span class="ete-heading" style="font-family:Arial, Helvetica, sans-serif;font-size:24px;line-height:30px;font-weight:700;letter-spacing:-0.3px;color:#0f1b3d;">Brightclass</span></td></tr>
<tr><td align="center" class="ete-px" style="padding:12px 32px;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/brightclass-envelope.png" alt="Blue envelope with a green check mark" width="220" height="165" class="" style="display:block;width:220px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;margin:0 auto;"></td></tr>
<tr><td class="ete-px" style="padding:24px 32px 8px;"><h1 class="ete-heading ete-h1" style="margin:0;font-family:Arial, Helvetica, sans-serif;font-size:32px;line-height:40px;font-weight:700;color:#0f1b3d;text-align:center;mso-line-height-rule:exactly;">Please verify your email</h1></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-text" style="margin:0;font-family:Verdana, Geneva, sans-serif;font-size:16px;line-height:26px;color:#3a4357;text-align:center;">Hi {{first_name}}, you are one step away from your first class. Tap the button to confirm this is your email address.</p></td></tr>
<tr><td align="center" class="ete-px" style="padding:16px 32px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center" width="100%"><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/verify" style="height:48px;v-text-anchor:middle;width:496px;" arcsize="50%" strokecolor="#2563eb" fillcolor="#2563eb"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Verify my email</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn ete-btn-full" href="https://example.com/verify" style="display:inline-block;background-color:#2563eb;border:1px solid #2563eb;line-height:48px;border-radius:30px;color:#ffffff;font-family:Verdana, Geneva, 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;width:100%;box-sizing:border-box;"><span class="ete-btn-text" style="color:#ffffff;">Verify my email</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:Verdana, Geneva, sans-serif;font-size:13px;line-height:21px;color:#6b7489;text-align:center;">Button not working? Paste this link into your browser: <a class="ete-link" style="color:#2563eb;text-decoration:underline;" href="https://example.com/verify">example.com/verify</a></p></td></tr>
<tr><td class="ete-px" style="padding:20px 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-border" style="border-top:1px solid #e1e8f7;font-size:0;line-height:0;"> </td></tr></table></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-muted" style="margin:0;font-family:Verdana, Geneva, sans-serif;font-size:13px;line-height:21px;color:#6b7489;text-align:center;">This link works for 24 hours. If you did not create a Brightclass account, you can ignore this email and nothing will happen.</p></td></tr>
<tr><td align="center" class="ete-px" style="padding:28px 32px 32px;"><p class="ete-muted" style="margin:0;font-family:Verdana, Geneva, sans-serif;font-size:13px;line-height:21px;color:#6b7489;line-height:20px;text-align:center;"><strong>Brightclass</strong><br>88 College Avenue, Austin, TX 78705</p><p class="ete-muted" style="margin:0;font-family:Verdana, Geneva, sans-serif;font-size:13px;line-height:21px;color:#6b7489;line-height:20px;text-align:center;padding-top:10px;">You get this email because someone signed up for Brightclass with this address.</p><p class="ete-muted" style="margin:0;font-family:Verdana, Geneva, sans-serif;font-size:13px;line-height:21px;color:#6b7489;line-height:20px;text-align:center;padding-top:10px;"><a class="ete-link" href="{{unsubscribe_url}}" style="color:#6b7489;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:Verdana, Geneva, sans-serif;font-size:12px;line-height:18px;color:#6b7489;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#6b7489;text-decoration:underline;">Email Template Examples</a></td></tr>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</body>
</html>
Adapted from Colorlib Email Templates by Colorlib, MIT license.
About this template
A transactional email that confirms a new account on an online learning site, course platform or app. People only open it to click one button, so the design keeps that button big, blue and alone.
The logo sits at the top, then a small envelope icon with a green check. A heading and one sentence ask the reader to confirm the address. A wide button does the job, and under it a muted backup link helps anyone whose button does not load. A thin line separates the small print: how long the link works and what to do if they did not sign up.
Send it the moment the form is submitted. Keep the subject line plain, like Confirm your email, so it is easy to find. Set the link to expire within 24 hours, and never add promotions here; spam filters watch these emails closely.
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
- Envelope icon
- Heading and short text
- Verify button
- Backup link
- Divider
- Small print
- Footer
Subject line ideas
- Confirm your email to start learning
- One click to activate your Brightclass account
- Please verify your email address
Preview text idea
Confirm your address to finish setting up your Brightclass account.