Browse Left Behind Grid email template
A browse reminder with no hero: a left-aligned headline, then three tall vase photos in a row with caption bars for the glaze name and price.
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>Browse Left Behind Grid</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-38{font-size:28px!important;line-height:31px!important;}
}
@media (prefers-color-scheme: dark){
.ete-body,.ete-bg{background-color:#0e1312!important;}
.ete-content{background-color:#161c1a!important;}
.ete-text{color:#dae2de!important;}
.ete-heading{color:#ffffff!important;}
.ete-muted{color:#9faba5!important;}
.ete-link{color:#a4d6c5!important;}
.ete-border{border-color:#2e3734!important;}
.ete-panel{background-color:#1f2624!important;border-color:#2e3734!important;}
.ete-btn{background-color:#a4d6c5!important;border-color:#a4d6c5!important;}
.ete-btn-text{color:#111614!important;}
.ete-btn-outline{border-color:#a4d6c5!important;}
.ete-btn-outline-text{color:#a4d6c5!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:#dae2de!important;}
[data-ogsc] .ete-heading{color:#ffffff!important;}
[data-ogsc] .ete-muted{color:#9faba5!important;}
[data-ogsc] .ete-link{color:#a4d6c5!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#0e1312!important;}
[data-ogsb] .ete-content{background-color:#161c1a!important;}
[data-ogsb] .ete-panel{background-color:#1f2624!important;border-color:#2e3734!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:Georgia;mso-hansi-font-family:Georgia;mso-bidi-font-family:Georgia;}
.ete-f-dm-sans{mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
.ete-f-playfair{mso-ascii-font-family:Georgia;mso-hansi-font-family:Georgia;mso-bidi-font-family:Georgia;}
</style>
<!--[if !mso]><!--><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap"><!--<![endif]-->
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#e9eeea;">
<!-- 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;">The three bottle vases you looked at are still here. Nothing is on hold, so have a look soon. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#e9eeea;">
<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:#fbfdfb;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;">
<tr><td class="ete-px" style="padding:24px 32px 8px;"><p class="ete-link" style="margin:0 0 12px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#2b4a42;text-align:left;">Still thinking it over?</p><h1 class="ete-heading ete-ds-38" style="margin:0;font-family:'Playfair Display', Georgia, 'Times New Roman', serif;font-size:38px;line-height:46px;font-weight:700;color:#16201c;text-align:left;mso-line-height-rule:exactly;">You stopped by these vases</h1></td></tr>
<tr><td class="ete-px" style="padding:16px 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;table-layout:fixed;"><tr><td width="33.3333%" valign="top" style="width:33.3333%;padding:0 4px;"><a href="https://example.com/vases/olive"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/browse-left-behind-grid-vase1.jpg" alt="Olive green glazed bottle vases in soft light" width="170" height="340" class="ete-fluid" style="display:block;width:170px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;"></a><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding:2px 12px 12px;background-color:#2b4a42;"><p style="margin:0;padding-top:10px;font-family:'Playfair Display', Georgia, 'Times New Roman', serif;font-size:16px;line-height:22px;font-weight:700;color:#ffffff;text-align:left;"><a href="https://example.com/vases/olive" style="color:#ffffff;text-decoration:none;">Olive</a></p><p style="margin:0;padding-top:2px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:19px;color:#ffffff;text-align:left;">Bottle vase, $48</p></td></tr></table></td><td width="33.3333%" valign="top" style="width:33.3333%;padding:0 4px;"><a href="https://example.com/vases/mist"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/browse-left-behind-grid-vase2.jpg" alt="Pale blue glazed bottle vases in soft light" width="170" height="340" class="ete-fluid" style="display:block;width:170px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;"></a><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding:2px 12px 12px;background-color:#2b4a42;"><p style="margin:0;padding-top:10px;font-family:'Playfair Display', Georgia, 'Times New Roman', serif;font-size:16px;line-height:22px;font-weight:700;color:#ffffff;text-align:left;"><a href="https://example.com/vases/mist" style="color:#ffffff;text-decoration:none;">Mist</a></p><p style="margin:0;padding-top:2px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:19px;color:#ffffff;text-align:left;">Bottle vase, $48</p></td></tr></table></td><td width="33.3333%" valign="top" style="width:33.3333%;padding:0 4px;"><a href="https://example.com/vases/ink"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/browse-left-behind-grid-vase3.jpg" alt="Pale blue and ink black glazed bottle vases in soft light" width="170" height="340" class="ete-fluid" style="display:block;width:170px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;"></a><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding:2px 12px 12px;background-color:#2b4a42;"><p style="margin:0;padding-top:10px;font-family:'Playfair Display', Georgia, 'Times New Roman', serif;font-size:16px;line-height:22px;font-weight:700;color:#ffffff;text-align:left;"><a href="https://example.com/vases/ink" style="color:#ffffff;text-decoration:none;">Ink</a></p><p style="margin:0;padding-top:2px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:19px;color:#ffffff;text-align:left;">Bottle vase, $52</p></td></tr></table></td></tr></table></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-text" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:26px;color:#3f4a45;text-align:left;">We kept these on a list for you, {{first_name}}. Nothing is on hold, and each glaze is thrown in small runs, so stock can change from week to week.</p></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/recently-viewed" style="height:48px;v-text-anchor:middle;width:163px;" arcsize="4%" strokecolor="#2b4a42" fillcolor="#2b4a42"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">See my list</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/recently-viewed" style="display:inline-block;background-color:#2b4a42;border:1px solid #2b4a42;line-height:48px;border-radius:2px;color:#ffffff;font-family:'DM Sans', '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:#ffffff;">See my list</span></a><!--<![endif]--></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:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#67726c;line-height:20px;text-align:left;"><strong>Wickett Lane Home</strong><br>3 Wickett Lane, Hudson, NY 12534</p><p class="ete-muted" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#67726c;line-height:20px;text-align:left;padding-top:10px;">You get this email because you browsed our shop while signed in. You can turn these reminders off below.</p><p class="ete-muted" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#67726c;line-height:20px;text-align:left;padding-top:10px;"><a class="ete-link" href="{{unsubscribe_url}}" style="color:#67726c;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:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:18px;color:#67726c;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#67726c;text-decoration:underline;">Email Template Examples</a></td></tr>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</body>
</html>
About this template
This one goes to people who looked at a few items but never added them to the cart. It is lighter than a cart reminder, so it skips the big opening and goes straight to the things they looked at. Wickett Lane Home is the sample shop.
A left-aligned serif headline sits at the top, followed by a grid of three tall photos of glazed bottle vases. Each photo has a dark caption bar with the glaze name and price, and each one links to its own product page. One short paragraph explains that nothing is on hold, and one button opens the full list.
Fill the grid from the reader’s browsing history, and always use the same kind of photo so the three sit well together. Send it once, a day after the visit, and do not add a discount unless you need one.
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
- Headline
- Three photos with caption bars
- Short note
- Button
- Footer
Subject line ideas
- Still thinking about the Olive vase?
- You stopped by these three vases
- Saved for you: what you looked at on Sunday
Preview text idea
The three bottle vases you looked at are still here. Nothing is on hold, so have a look soon.