Cyber Monday Plain Code email template
A Cyber Monday email with no hero at all: the code sits first in a black box, then one line on the rule, two buttons and the end time in small print.
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>Cyber Monday Plain Code</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-btnrow{text-align:center!important;}.ete-btnrow table{margin-left:auto!important;margin-right:auto!important;}
.ete-cell{padding-left:0!important;padding-right:0!important;}
}
@media (prefers-color-scheme: dark){
.ete-body,.ete-bg{background-color:#101114!important;}
.ete-content{background-color:#101114!important;}
.ete-text{color:#e4e6ea!important;}
.ete-heading{color:#ffffff!important;}
.ete-muted{color:#a6a9b0!important;}
.ete-link{color:#8fc1ff!important;}
.ete-border{border-color:#2d2f35!important;}
.ete-panel{background-color:#1a1b20!important;border-color:#2d2f35!important;}
.ete-btn{background-color:#7fe3ff!important;border-color:#7fe3ff!important;}
.ete-btn-text{color:#101114!important;}
.ete-btn-outline{border-color:#7fe3ff!important;}
.ete-btn-outline-text{color:#7fe3ff!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:#e4e6ea!important;}
[data-ogsc] .ete-heading{color:#ffffff!important;}
[data-ogsc] .ete-muted{color:#a6a9b0!important;}
[data-ogsc] .ete-link{color:#8fc1ff!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#101114!important;}
[data-ogsb] .ete-content{background-color:#101114!important;}
[data-ogsb] .ete-panel{background-color:#1a1b20!important;border-color:#2d2f35!important;}
</style>
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#ffffff;">
<!-- 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;">CYBER25 takes 25% off everything over $40 until midnight tonight. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#ffffff;">
<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:2px;overflow:hidden;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;">
<tr><td height="16" style="height:16px;font-size:0;line-height:0;mso-line-height-rule:exactly;"> </td></tr>
<tr><td class="ete-px" style="padding:16px 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" class="" style="padding:24px 20px;background-color:#0b1020;border:2px dashed #7fe3ff;border-radius:2px;text-align:center;"><p class="" style="margin:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#ffffff;">Cyber Monday code</p><p class="ete-code" style="margin:0;padding-top:8px;font-family:'Courier New',Courier,monospace;font-size:30px;line-height:38px;font-weight:700;letter-spacing:4px;color:#ffffff;">CYBER25</p></td></tr></table></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-text" style="margin:0;font-family:Arial, Helvetica, sans-serif;font-size:16px;line-height:26px;color:#26282c;text-align:left;">Hi {{first_name}}, that is the whole email. Use the code for 25% off everything at Circuit Alley when you spend $40 or more, including cables, chargers and small tools.</p></td></tr>
<tr><td align="left" class="ete-px" style="padding:12px 26px 8px;"><div style="font-size:0;text-align:left;"><!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td valign="middle"><![endif]--><div class="ete-stack ete-btnrow" style="display:inline-block;vertical-align:middle;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell ete-stack-gap" style="padding:4px 6px 8px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center"><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/shop" style="height:48px;v-text-anchor:middle;width:190px;" arcsize="4%" strokecolor="#0b1020" fillcolor="#0b1020"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Shop the store</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/shop" style="display:inline-block;background-color:#0b1020;border:1px solid #0b1020;line-height:48px;border-radius:2px;color:#ffffff;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:#ffffff;">Shop the store</span></a><!--<![endif]--></td></tr></table></td></tr></table></div><!--[if mso]></td><td valign="middle"><![endif]--><div class="ete-stack ete-btnrow" style="display:inline-block;vertical-align:middle;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:4px 6px 8px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center"><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/deals" style="height:48px;v-text-anchor:middle;width:181px;" arcsize="4%" filled="f" strokeweight="2px" strokecolor="#0b1020"><w:anchorlock/><center style="color:#0b1020;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">See the deals</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn-outline" href="https://example.com/deals" style="display:inline-block;background-color:transparent;border:2px solid #0b1020;line-height:44px;border-radius:2px;color:#0b1020;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-outline-text" style="color:#0b1020;">See the deals</span></a><!--<![endif]--></td></tr></table></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></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:#676a70;text-align:left;">Ends tonight, Monday, at 11:59 pm Pacific. One use per customer. Cannot be added to other offers.</p></td></tr>
<tr><td align="center" 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:#676a70;line-height:20px;text-align:center;"><strong>Circuit Alley</strong><br>300 Battery Street, San Jose, CA 95113</p><p class="ete-muted" style="margin:0;font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:21px;color:#676a70;line-height:20px;text-align:center;padding-top:10px;">You get this email because you signed up for deals from Circuit Alley.</p><p class="ete-muted" style="margin:0;font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:21px;color:#676a70;line-height:20px;text-align:center;padding-top:10px;"><a class="ete-link" href="{{unsubscribe_url}}" style="color:#676a70;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:#676a70;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#676a70;text-decoration:underline;">Email Template Examples</a></td></tr>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</body>
</html>
About this template
A Cyber Monday email for shops whose subscribers already know them and just want the deal. Everyone else is sending huge banners that day, so this one goes the other way: the first thing a reader sees is the code itself.
A black box with a dashed border holds the code in a large typewriter font, with a label above it. One short paragraph gives the rule: how much off, on what, and the minimum spend. Two buttons follow, one to the whole store and one to the sale items. A small line at the end states the exact end time.
There is no photo, no product grid and nothing to scroll past. Change the code, the rule and the time, and send it early in the day, with a second send only to people who have not opened.
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
- Code box
- The rule
- Two buttons
- End time
- Footer
Subject line ideas
- CYBER25
- Your Cyber Monday code, no fuss
- {{first_name}}, 25% off until midnight
Preview text idea
CYBER25 takes 25% off everything over $40 until midnight tonight.