Black Friday Gift Card Boost email template
A type-only Black Friday email on bright orange: buy a gift card and get a bonus, with countdown boxes, three gift ideas and the bonus code near the end.
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>Black Friday Gift Card Boost</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-80{font-size:56px!important;line-height:62px!important;}
.ete-ds-40{font-size:28px!important;line-height:31px!important;}
.ete-icon-cell{padding-left:2px!important;padding-right:2px!important;}
.ete-stat-74{min-width:74px!important;}
.ete-cell{padding-left:0!important;padding-right:0!important;}
}
@media (prefers-color-scheme: dark){
.ete-body,.ete-bg{background-color:#120d0a!important;}
.ete-content{background-color:#1b1512!important;}
.ete-text{color:#e6ddd6!important;}
.ete-heading{color:#ffffff!important;}
.ete-muted{color:#ae9f93!important;}
.ete-link{color:#ff9a63!important;}
.ete-border{border-color:#3a2f28!important;}
.ete-panel{background-color:#261f1a!important;border-color:#3a2f28!important;}
.ete-btn{background-color:#ff8a4c!important;border-color:#ff8a4c!important;}
.ete-btn-text{color:#1b1512!important;}
.ete-btn-outline{border-color:#ff8a4c!important;}
.ete-btn-outline-text{color:#ff8a4c!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:#e6ddd6!important;}
[data-ogsc] .ete-heading{color:#ffffff!important;}
[data-ogsc] .ete-muted{color:#ae9f93!important;}
[data-ogsc] .ete-link{color:#ff9a63!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#120d0a!important;}
[data-ogsb] .ete-content{background-color:#1b1512!important;}
[data-ogsb] .ete-panel{background-color:#261f1a!important;border-color:#3a2f28!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:Impact;mso-hansi-font-family:Impact;mso-bidi-font-family:Impact;}
.ete-f-inter{mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
.ete-f-anton{mso-ascii-font-family:Impact;mso-hansi-font-family:Impact;mso-bidi-font-family:Impact;}
</style>
<!--[if !mso]><!--><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&family=Anton&display=swap"><!--<![endif]-->
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#f6efe8;">
<!-- 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;">Buy a $100 gift card this Black Friday and we add $25 on top. Ends Monday at midnight. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#f6efe8;">
<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;">
<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:#f4581c;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:#170d07;text-align:left;">Black Friday gift cards</p><h1 class="ete-ds-80" style="margin:0;font-family:Anton, Impact, 'Arial Narrow Bold', sans-serif;font-size:80px;line-height:86px;font-weight:400;color:#170d07;text-align:left;mso-line-height-rule:exactly;text-transform:uppercase;letter-spacing:0.5px;font-size:min(80px,13.33vw);line-height:min(86px,14.33vw);overflow-wrap:anywhere;word-break:break-word;">Buy $100.<br>
Get $25.</h1><p style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:27px;color:#170d07;padding-top:16px;text-align:left;">Every gift card over $100 comes with a $25 bonus card, free. Keep one, give one.</p><div style="padding-top:28px;"><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/gift-cards" style="height:48px;v-text-anchor:middle;width:199px;" arcsize="0%" strokecolor="#170d07" fillcolor="#170d07"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Buy a gift card</center></v:roundrect><![endif]--><!--[if !mso]><!--><a href="https://example.com/gift-cards" style="display:inline-block;background-color:#170d07;border:1px solid #170d07;line-height:48px;border-radius:0px;color:#ffffff;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 style="color:#ffffff;">Buy a gift card</span></a><!--<![endif]--></td></tr></table></div><p style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#170d07;padding-top:14px;text-align:left;">Online only. Ends Monday at midnight.</p></td></tr>
<tr><td class="ete-px" bgcolor="#f4581c" style="background-color:#f4581c;padding:20px 32px 12px;"><div style="font-size:0;text-align:center;"><!--[if mso]><table role="presentation" width="536" cellpadding="0" cellspacing="0" border="0"><tr><td width="178" valign="top"><![endif]--><div class="ete-stat-74" style="display:inline-block;vertical-align:top;width:33.33%;min-width:74px;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-icon-cell" style="padding:0 6px 8px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="padding:16px 6px;background-color:#170d07;border-radius:0px;"><p class="ete-ds-40 ete-f-anton" style="margin:0;font-family:Anton, Impact, 'Arial Narrow Bold', sans-serif;font-size:40px;line-height:44px;font-weight:400;color:#ffffff;text-align:center;mso-line-height-rule:exactly;">03</p><p style="margin:0;padding-top:6px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff;text-align:center;">Days</p></td></tr></table></td></tr></table></div><!--[if mso]></td><td width="178" valign="top"><![endif]--><div class="ete-stat-74" style="display:inline-block;vertical-align:top;width:33.33%;min-width:74px;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-icon-cell" style="padding:0 6px 8px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="padding:16px 6px;background-color:#170d07;border-radius:0px;"><p class="ete-ds-40 ete-f-anton" style="margin:0;font-family:Anton, Impact, 'Arial Narrow Bold', sans-serif;font-size:40px;line-height:44px;font-weight:400;color:#ffffff;text-align:center;mso-line-height-rule:exactly;">14</p><p style="margin:0;padding-top:6px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff;text-align:center;">Hours</p></td></tr></table></td></tr></table></div><!--[if mso]></td><td width="178" valign="top"><![endif]--><div class="ete-stat-74" style="display:inline-block;vertical-align:top;width:33.33%;min-width:74px;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-icon-cell" style="padding:0 6px 8px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="padding:16px 6px;background-color:#170d07;border-radius:0px;"><p class="ete-ds-40 ete-f-anton" style="margin:0;font-family:Anton, Impact, 'Arial Narrow Bold', sans-serif;font-size:40px;line-height:44px;font-weight:400;color:#ffffff;text-align:center;mso-line-height-rule:exactly;">22</p><p style="margin:0;padding-top:6px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff;text-align:center;">Mins</p></td></tr></table></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td height="12" bgcolor="#f4581c" style="background-color:#f4581c;height:12px;font-size:0;line-height:0;mso-line-height-rule:exactly;"> </td></tr>
<tr><td class="ete-px" style="padding:16px 32px 0;"><div style="padding-bottom:16px;"><h2 class="ete-heading ete-h2" style="margin:0;font-family:Anton, Impact, 'Arial Narrow Bold', sans-serif;font-size:24px;line-height:32px;font-weight:400;color:#170d07;text-align:center;mso-line-height-rule:exactly;">What the card can buy</h2></div><div style="font-size:0;text-align:left;"><!--[if mso]><table role="presentation" width="536" cellpadding="0" cellspacing="0" border="0"><tr><td width="178" valign="top"><![endif]--><div class="ete-stack ete-stack-center" style="display:inline-block;vertical-align:top;min-width:33.33%;max-width:100%;width:33.33%;width:calc((429px - 100%) * 429);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell ete-stack-gap" style="padding:0 10px 24px;"><a href="https://example.com/gift-set"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/black-friday-gift-card-boost-box.jpg" alt="Dark gift box tied with a tan ribbon bow" width="158" height="158" class="ete-fluid-cap" style="display:block;width:158px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;max-width:280px;margin:0 auto;border-radius:0px;"></a><p class="ete-heading" style="margin:0;padding-top:6px;font-family:Anton, Impact, 'Arial Narrow Bold', sans-serif;font-size:17px;line-height:24px;font-weight:400;color:#170d07;text-align:center;">Boxed gift set</p><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#3f3631;padding-top:2px;text-align:center;">$64</p><p style="margin:0;padding-top:8px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;font-weight:700;text-align:center;"><a class="ete-link" href="https://example.com/gift-set" style="color:#b23a09;text-decoration:underline;">Shop</a></p></td></tr></table></div><!--[if mso]></td><td width="178" valign="top"><![endif]--><div class="ete-stack ete-stack-center" style="display:inline-block;vertical-align:top;min-width:33.33%;max-width:100%;width:33.33%;width:calc((429px - 100%) * 429);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell ete-stack-gap" style="padding:0 10px 24px;"><a href="https://example.com/soap"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/black-friday-gift-card-boost-soap.jpg" alt="Two bars of green and lavender soap on a white background" width="158" height="158" class="ete-fluid-cap" style="display:block;width:158px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;max-width:280px;margin:0 auto;border-radius:0px;"></a><p class="ete-heading" style="margin:0;padding-top:6px;font-family:Anton, Impact, 'Arial Narrow Bold', sans-serif;font-size:17px;line-height:24px;font-weight:400;color:#170d07;text-align:center;">Verbena soap</p><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#3f3631;padding-top:2px;text-align:center;">$18</p><p style="margin:0;padding-top:8px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;font-weight:700;text-align:center;"><a class="ete-link" href="https://example.com/soap" style="color:#b23a09;text-decoration:underline;">Shop</a></p></td></tr></table></div><!--[if mso]></td><td width="178" valign="top"><![endif]--><div class="ete-stack ete-stack-center" style="display:inline-block;vertical-align:top;min-width:33.33%;max-width:100%;width:33.33%;width:calc((429px - 100%) * 429);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell ete-stack-gap" style="padding:0 10px 24px;"><a href="https://example.com/cup"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/black-friday-gift-card-boost-cup.jpg" alt="Small patterned porcelain cup on a saucer against a white background" width="158" height="158" class="ete-fluid-cap" style="display:block;width:158px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;max-width:280px;margin:0 auto;border-radius:0px;"></a><p class="ete-heading" style="margin:0;padding-top:6px;font-family:Anton, Impact, 'Arial Narrow Bold', sans-serif;font-size:17px;line-height:24px;font-weight:400;color:#170d07;text-align:center;">Porcelain cup</p><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#3f3631;padding-top:2px;text-align:center;">$22</p><p style="margin:0;padding-top:8px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;font-weight:700;text-align:center;"><a class="ete-link" href="https://example.com/cup" style="color:#b23a09;text-decoration:underline;">Shop</a></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 align="center" class="ete-panel" style="padding:24px 20px;background-color:#f9f4ee;border:2px dashed #c2410c;border-radius:0px;text-align:center;"><p class="ete-muted" style="margin:0;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:#6f6359;">Bonus code</p><p class="ete-code ete-heading" 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:#170d07;">BOOST25</p><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#3f3631;padding-top:8px;">Enter it at checkout and $25 lands in your inbox with the card.</p><p class="ete-muted" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:19px;color:#6f6359;padding-top:6px;">One per order, until Monday at midnight.</p></td></tr></table></td></tr>
<tr><td align="left" 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:#6f6359;line-height:20px;text-align:left;"><strong>Marrow & Moss</strong><br>27 Alder Street, Bend, OR 97701</p><p class="ete-muted" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#6f6359;line-height:20px;text-align:left;padding-top:10px;">You get this email because you signed up for news from Marrow & Moss.</p><p class="ete-muted" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#6f6359;line-height:20px;text-align:left;padding-top:10px;"><a class="ete-link" href="{{unsubscribe_url}}" style="color:#6f6359;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:#6f6359;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#6f6359;text-decoration:underline;">Email Template Examples</a></td></tr>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</body>
</html>
About this template
Most Black Friday mail is black. This one is loud orange and has no photo at the top, just very large type that states the offer: buy a gift card, get a bonus on top. Marrow & Moss is the sample shop, selling small gifts for the home.
The headline runs left aligned in tall condensed caps, followed by one dark button. Three boxes in the same orange band count down the time left. Below the band, three gift ideas with photos and prices show what the card can buy. A dashed code box near the end holds the bonus code for people who prefer to shop right away.
Change the amounts and the code, and update the countdown figures to match your send time, since they are fixed text. It also suits Cyber Monday or any short gift card push.
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
- Orange headline band
- Countdown boxes
- Three gift ideas
- Bonus code
- Footer
Subject line ideas
- Black Friday: buy $100, get $25 on us
- Your gift card just got bigger
- Three days left on the $25 bonus
Preview text idea
Buy a $100 gift card this Black Friday and we add $25 on top. Ends Monday at midnight.