Feature Waitlist Opens email template
A beta invite for people on a waitlist: big type on a dark screen, a short video, three checked benefits and one bright 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>Feature Waitlist Opens</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-ds-60{font-size:42px!important;line-height:46px!important;}
.ete-video-302{height:189px!important;}
}
@media (prefers-color-scheme: dark){
.ete-body,.ete-bg{background-color:#0a0b10!important;}
.ete-content{background-color:#10121a!important;}
.ete-text{color:#c5c9d6!important;}
.ete-heading{color:#ffffff!important;}
.ete-muted{color:#8b90a3!important;}
.ete-link{color:#c6f135!important;}
.ete-border{border-color:#262a38!important;}
.ete-panel{background-color:#181b26!important;border-color:#262a38!important;}
.ete-btn{background-color:#c6f135!important;border-color:#c6f135!important;}
.ete-btn-text{color:#10121a!important;}
.ete-btn-outline{border-color:#c6f135!important;}
.ete-btn-outline-text{color:#c6f135!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:#c5c9d6!important;}
[data-ogsc] .ete-heading{color:#ffffff!important;}
[data-ogsc] .ete-muted{color:#8b90a3!important;}
[data-ogsc] .ete-link{color:#c6f135!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#0a0b10!important;}
[data-ogsb] .ete-content{background-color:#10121a!important;}
[data-ogsb] .ete-panel{background-color:#181b26!important;border-color:#262a38!important;}
body,table,td,th,p,a,span,div,li{mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
h1,h2,h3,.ete-hf{mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
.ete-f-inter{mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
</style>
<!--[if !mso]><!--><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap"><!--<![endif]-->
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#0a0b10;">
<!-- 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 spot in the voice notes beta is ready. Watch the 90 second tour, then turn it on. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#0a0b10;">
<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:#10121a;border-radius:6px;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:56px 6.67% 44px;mso-padding-alt:56px 40px 44px;background-color:#10121a;text-align:left;"><p style="margin:0 0 12px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#c6f135;text-align:left;">You were on the list</p><h1 class="ete-ds-60" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:60px;line-height:65px;font-weight:700;color:#ffffff;text-align:left;mso-line-height-rule:exactly;letter-spacing:-0.5px;font-size:min(60px,10vw);line-height:min(65px,10.83vw);overflow-wrap:anywhere;word-break:break-word;">The beta is yours</h1><p style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:27px;color:#ffffff;padding-top:16px;text-align:left;">Voice notes are ready to try, {{first_name}}. Talk through an idea and Nightjar turns it into tidy notes.</p></td></tr>
<tr><td class="ete-px" style="padding:12px 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#111111" background="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/feature-waitlist-opens-video.jpg" align="center" valign="middle" height="302" class="ete-video-302" style="height:302px;background-color:#111111;background-image:url('https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/feature-waitlist-opens-video.jpg');background-position:center center;background-size:cover;background-repeat:no-repeat;border-radius:6px;"><!--[if gte mso 9]><v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:536px;height:302px;"><v:fill type="frame" src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/feature-waitlist-opens-video.jpg" color="#111111" /><v:textbox inset="0,0,0,0" style="v-text-anchor:middle;"><center><![endif]--><a href="https://example.com/tour" aria-label="Play video: Silver laptop half closed on a dark wooden desk beside a white mouse" style="display:inline-block;width:72px;height:72px;border-radius:36px;background-color:#c6f135;color:#10121a;font-family:Arial,sans-serif;font-size:26px;line-height:72px;text-align:center;text-decoration:none;mso-line-height-rule:exactly;"><span style="padding-left:5px;color:#10121a;">▶</span></a><!--[if gte mso 9]></center></v:textbox></v:rect><![endif]--></td></tr></table><p class="ete-muted" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#8b90a3;padding-top:8px;text-align:center;">A 90 second tour of voice notes</p></td></tr>
<tr><td class="ete-px" style="padding:16px 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td width="44" valign="top" style="padding-right:16px;padding-bottom:20px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-btn" align="center" valign="middle" width="28" height="28" style="width:28px;height:28px;background-color:#c6f135;border-radius:50%;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:28px;font-weight:700;color:#10121a;text-align:center;mso-line-height-rule:exactly;"><span class="ete-btn-text" style="color:#10121a;">✓</span></td></tr></table></td><td valign="top" style="padding-bottom:20px;"><p class="ete-heading" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:24px;font-weight:700;color:#ffffff;">Talk, then edit</p><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#c5c9d6;padding-top:4px;">Your words become notes you can change like any other.</p></td></tr><tr><td width="44" valign="top" style="padding-right:16px;padding-bottom:20px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-btn" align="center" valign="middle" width="28" height="28" style="width:28px;height:28px;background-color:#c6f135;border-radius:50%;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:28px;font-weight:700;color:#10121a;text-align:center;mso-line-height-rule:exactly;"><span class="ete-btn-text" style="color:#10121a;">✓</span></td></tr></table></td><td valign="top" style="padding-bottom:20px;"><p class="ete-heading" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:24px;font-weight:700;color:#ffffff;">Works with your folders</p><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#c5c9d6;padding-top:4px;">New voice notes go to the folder you pick.</p></td></tr><tr><td width="44" valign="top" style="padding-right:16px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-btn" align="center" valign="middle" width="28" height="28" style="width:28px;height:28px;background-color:#c6f135;border-radius:50%;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:28px;font-weight:700;color:#10121a;text-align:center;mso-line-height-rule:exactly;"><span class="ete-btn-text" style="color:#10121a;">✓</span></td></tr></table></td><td valign="top" style=""><p class="ete-heading" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:24px;font-weight:700;color:#ffffff;">Free during the beta</p><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#c5c9d6;padding-top:4px;">We will tell you well before anything changes.</p></td></tr></table></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/beta" style="height:48px;v-text-anchor:middle;width:208px;" arcsize="8%" strokecolor="#c6f135" fillcolor="#c6f135"><w:anchorlock/><center style="color:#10121a;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Turn on the beta</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/beta" style="display:inline-block;background-color:#c6f135;border:1px solid #c6f135;line-height:48px;border-radius:4px;color:#10121a;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, 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:#10121a;">Turn on the beta</span></a><!--<![endif]--></td></tr></table></td></tr>
<tr><td align="center" class="ete-px" style="padding:28px 32px 32px;"><p class="ete-muted" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#8b90a3;line-height:20px;text-align:center;"><strong>Nightjar Notes</strong><br>1 Observatory Way, Tucson, AZ 85701</p><p class="ete-muted" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#8b90a3;line-height:20px;text-align:center;padding-top:10px;">You get this email because you joined the Nightjar voice notes waitlist.</p><p class="ete-muted" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#8b90a3;line-height:20px;text-align:center;padding-top:10px;"><a class="ete-link" href="{{unsubscribe_url}}" style="color:#8b90a3;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:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:18px;color:#8b90a3;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#8b90a3;text-decoration:underline;">Email Template Examples</a></td></tr>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</body>
</html>
About this template
Send this when a beta or new feature opens to the people who asked for it. It opens on large, left aligned words on a dark background, with no photo and no logo row, so it reads more like a note from the product team than a launch banner.
A video thumbnail with a lime play button shows the feature in use. Three checked points cover what is in the beta and what to expect, and a single button turns it on. The email assumes the reader already knows the product, so the copy stays short.
It suits note apps, developer tools and small software teams. Swap the video link and the three points, and say plainly how long the invite stays open.
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
- Dark type hero
- Video thumbnail
- Three checked points
- Turn on button
- Footer
Subject line ideas
- You are in: the Nightjar beta is open
- {{first_name}}, your spot just opened
- Waitlist over. Try voice notes today
Preview text idea
Your spot in the voice notes beta is ready. Watch the 90 second tour, then turn it on.