- Newsletter
- Promotional
- and Announcement
Trail Notes Newsletter email template
A hiking newsletter that opens on a big valley photo with live text, then three summer trails with tall photos, a dawn trail tip and a note from the editor.
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>Trail Notes Newsletter</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-42{font-size:29px!important;line-height:32px!important;}
.ete-cell{padding-left:0!important;padding-right:0!important;}
.ete-split-text{padding:32px 20px 36px!important;}
.ete-ds-30{font-size:28px!important;line-height:31px!important;}
}
@media (prefers-color-scheme: dark){
.ete-body,.ete-bg{background-color:#0c110d!important;}
.ete-content{background-color:#141b15!important;}
.ete-text{color:#d6dfd3!important;}
.ete-heading{color:#ffffff!important;}
.ete-muted{color:#9aa696!important;}
.ete-link{color:#a6d6b2!important;}
.ete-border{border-color:#26302a!important;}
.ete-panel{background-color:#1a231c!important;border-color:#26302a!important;}
.ete-btn{background-color:#8cc49a!important;border-color:#8cc49a!important;}
.ete-btn-text{color:#0c110d!important;}
.ete-btn-outline{border-color:#8cc49a!important;}
.ete-btn-outline-text{color:#8cc49a!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:#d6dfd3!important;}
[data-ogsc] .ete-heading{color:#ffffff!important;}
[data-ogsc] .ete-muted{color:#9aa696!important;}
[data-ogsc] .ete-link{color:#a6d6b2!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#0c110d!important;}
[data-ogsb] .ete-content{background-color:#141b15!important;}
[data-ogsb] .ete-panel{background-color:#1a231c!important;border-color:#26302a!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;}
.ete-f-montserrat{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&family=Montserrat:wght@400;600;700;800&display=swap"><!--<![endif]-->
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#e9ece4;">
<!-- 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;">A foggy forest loop, an old root path and a meadow hut. Plus why we leave at dawn. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#e9ece4;">
<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:#fbfbf7;border-radius:6px;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:Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:24px;line-height:30px;font-weight:700;letter-spacing:-0.3px;color:#1a2419;">TRAIL NOTES</span><div class="ete-muted" style="padding-top:6px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:11px;line-height:16px;letter-spacing:2px;text-transform:uppercase;color:#6a7367;">Field notes from the hills</div></td></tr>
<tr><td bgcolor="#2d4a5c" background="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/trail-notes-newsletter-hero.jpg" valign="top" style="background-color:#2d4a5c;background-image:url('https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/trail-notes-newsletter-hero.jpg');background-position:center center;background-size:cover;background-repeat:no-repeat;"><!--[if gte mso 9]><v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px;height:520px;"><v:fill type="frame" src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/trail-notes-newsletter-hero.jpg" color="#2d4a5c" /><v:textbox inset="0,0,0,0"><![endif]--><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-px" valign="top" align="center" height="520" style="height:520px;padding:48px 6.67%;mso-padding-alt:48px 40px;text-align:center;background-color:rgba(0,0,0,0.3);"><h1 class="ete-ds-42" style="margin:0;font-family:Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:42px;line-height:45px;font-weight:700;color:#ffffff;text-align:center;mso-line-height-rule:exactly;letter-spacing:-0.5px;font-size:min(42px,7vw);line-height:min(45px,7.5vw);overflow-wrap:anywhere;word-break:break-word;">Walk where the clouds sit low</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:center;">Three summer trails we walked this month, with maps and honest notes.</p><div style="padding-top:28px;"><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/issue" style="height:48px;v-text-anchor:middle;width:190px;" arcsize="8%" strokecolor="#ffffff" fillcolor="#ffffff"><w:anchorlock/><center style="color:#1a2419;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Read the issue</center></v:roundrect><![endif]--><!--[if !mso]><!--><a href="https://example.com/issue" style="display:inline-block;background-color:#ffffff;border:1px solid #ffffff;line-height:48px;border-radius:4px;color:#1a2419;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:#1a2419;">Read the issue</span></a><!--<![endif]--></td></tr></table></div></td></tr></table><!--[if gte mso 9]></v:textbox></v:rect><![endif]--></td></tr>
<tr><td class="ete-px" style="padding:24px 32px 8px;"><p class="ete-link" 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:#3f7d4e;text-align:left;">Summer issue</p><h2 class="ete-heading ete-h2" style="margin:0;font-family:Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:24px;line-height:32px;font-weight:700;color:#1a2419;text-align:left;mso-line-height-rule:exactly;">Three trails for long days</h2></td></tr>
<tr><td class="ete-px" style="padding:12px 22px 0;"><div style="font-size:0;text-align:left;"><!--[if mso]><table role="presentation" width="556" cellpadding="0" cellspacing="0" border="0"><tr><td width="185" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:33.33%;max-width:100%;width:33.33%;width:calc((445px - 100%) * 445);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:4px 10px 16px;"><a href="https://example.com/cloud-forest"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/trail-notes-newsletter-misty.jpg" alt="A lone walker on a forest path filled with morning fog" width="165" height="220" class="ete-fluid-cap" style="display:block;width:165px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;max-width:280px;margin:0 auto;"></a><div style="padding-top:14px;"><h3 class="ete-heading" style="margin:0;font-family:Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:19px;line-height:26px;font-weight:700;color:#1a2419;text-align:left;mso-line-height-rule:exactly;">Cloud Forest Loop</h3></div><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#3d463c;padding-top:6px;text-align:left;">Start before seven and the fog still hangs in the pines. About 9 km, mostly flat.</p><p style="margin:0;padding-top:10px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;font-weight:700;text-align:left;"><a class="ete-link" href="https://example.com/cloud-forest" style="color:#3f7d4e;text-decoration:underline;">Get the map</a></p></td></tr></table></div><!--[if mso]></td><td width="185" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:33.33%;max-width:100%;width:33.33%;width:calc((445px - 100%) * 445);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:4px 10px 16px;"><a href="https://example.com/root-path"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/trail-notes-newsletter-roots.jpg" alt="A narrow dirt path over tree roots through a green pine forest" width="165" height="220" class="ete-fluid-cap" style="display:block;width:165px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;max-width:280px;margin:0 auto;"></a><div style="padding-top:14px;"><h3 class="ete-heading" style="margin:0;font-family:Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:19px;line-height:26px;font-weight:700;color:#1a2419;text-align:left;mso-line-height-rule:exactly;">Old Root Path</h3></div><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#3d463c;padding-top:6px;text-align:left;">Deep shade for hot afternoons. Slow ground, so good boots matter more than speed.</p><p style="margin:0;padding-top:10px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;font-weight:700;text-align:left;"><a class="ete-link" href="https://example.com/root-path" style="color:#3f7d4e;text-decoration:underline;">Get the map</a></p></td></tr></table></div><!--[if mso]></td><td width="185" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:33.33%;max-width:100%;width:33.33%;width:calc((445px - 100%) * 445);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:4px 10px 16px;"><a href="https://example.com/meadow-hut"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/trail-notes-newsletter-cabin.jpg" alt="A wooden hut in a meadow of purple crocus below snowy peaks" width="165" height="220" class="ete-fluid-cap" style="display:block;width:165px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;max-width:280px;margin:0 auto;"></a><div style="padding-top:14px;"><h3 class="ete-heading" style="margin:0;font-family:Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:19px;line-height:26px;font-weight:700;color:#1a2419;text-align:left;mso-line-height-rule:exactly;">Meadow Hut Climb</h3></div><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#3d463c;padding-top:6px;text-align:left;">A steady climb through wildflowers to a wooden hut with a view of the snow line.</p><p style="margin:0;padding-top:10px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;font-weight:700;text-align:left;"><a class="ete-link" href="https://example.com/meadow-hut" style="color:#3f7d4e;text-decoration:underline;">Get the map</a></p></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td class="ete-px" style="padding:24px 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-border" style="border-top:1px solid #dde2d6;font-size:0;line-height:0;"> </td></tr></table></td></tr>
<tr><td class="" style="padding:0;"><div dir="rtl" style="font-size:0;text-align:left;display:flex;flex-wrap:wrap;background-color:#1a2419;"><!--[if mso]><table role="presentation" width="600" dir="rtl" bgcolor="#1a2419" cellpadding="0" cellspacing="0" border="0"><tr><td width="263" valign="middle"><![endif]--><div class="ete-stack" dir="ltr" style="display:inline-block;vertical-align:middle;min-width:43.83%;max-width:100%;width:43.83%;width:calc((480px - 100%) * 480);font-size:16px;text-align:left;align-self:flex-start;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/trail-notes-newsletter-split.jpg" alt="A hiker in an orange jacket with a grey backpack walks a forest trail" width="263" height="329" class="ete-fluid" style="display:block;width:263px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;"></div><!--[if mso]></td><td width="337" valign="middle"><![endif]--><div class="ete-stack" dir="ltr" style="display:inline-block;vertical-align:middle;min-width:56.16%;max-width:100%;width:56.16%;width:calc((480px - 100%) * 480);font-size:16px;text-align:left;align-self:center;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-split-text" style="padding:40px 32px;"><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:#e9b872;text-align:left;">Trail tip</p><h1 class="ete-ds-30" style="margin:0;font-family:Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:30px;line-height:36px;font-weight:700;color:#ffffff;text-align:left;mso-line-height-rule:exactly;">Start before the sun</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;">Summer heat builds fast after ten. Pack a headlamp, leave at dawn and rest at the top.</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/dawn-tip" style="height:48px;v-text-anchor:middle;width:217px;" arcsize="8%" strokecolor="#fbfbf7" fillcolor="#fbfbf7"><w:anchorlock/><center style="color:#1a2419;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Read the full tip</center></v:roundrect><![endif]--><!--[if !mso]><!--><a href="https://example.com/dawn-tip" style="display:inline-block;background-color:#fbfbf7;border:1px solid #fbfbf7;line-height:48px;border-radius:4px;color:#1a2419;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:#1a2419;">Read the full tip</span></a><!--<![endif]--></td></tr></table></div></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td class="ete-px" style="padding:12px 32px 20px;"><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:26px;color:#3d463c;">See you on the trail,</p><p class="ete-heading" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:26px;color:#1a2419;font-weight:700;padding-top:6px;">Maren Holt</p><p class="ete-muted" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:22px;color:#6a7367;">Editor, Trail Notes</p></td></tr>
<tr><td align="center" class="ete-px" style="padding:16px 32px;"><a class="ete-text ete-border" href="https://instagram.com/" style="display:inline-block;margin:4px;padding:6px 14px;border:1px solid #dde2d6;border-radius:999px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;font-weight:700;color:#3d463c;text-decoration:none;">Instagram</a><a class="ete-text ete-border" href="https://youtube.com/" style="display:inline-block;margin:4px;padding:6px 14px;border:1px solid #dde2d6;border-radius:999px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;font-weight:700;color:#3d463c;text-decoration:none;">YouTube</a><a class="ete-text ete-border" href="https://example.com/" style="display:inline-block;margin:4px;padding:6px 14px;border:1px solid #dde2d6;border-radius:999px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;font-weight:700;color:#3d463c;text-decoration:none;">Website</a></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:#6a7367;line-height:20px;text-align:center;"><strong>Trail Notes</strong><br>61 Ridge Road, Boulder, CO 80302</p><p class="ete-muted" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#6a7367;line-height:20px;text-align:center;padding-top:10px;">You get this email because you subscribed to Trail Notes. Check local trail conditions before you go.</p><p class="ete-muted" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#6a7367;line-height:20px;text-align:center;padding-top:10px;"><a class="ete-link" href="{{unsubscribe_url}}" style="color:#6a7367;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:#6a7367;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#6a7367;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 monthly newsletter for hiking clubs, outdoor shops, guide services and trail bloggers. The first thing readers see is a wide photo of a lake valley with a lone hiker, and the headline, one line of copy and a white button sit on the sky in live text.
Below it, a short heading introduces the issue and three tall photos lead into three trails: a foggy forest loop, a shady path over tree roots and a climb to a wooden hut in a meadow. Each one has a two line note and a link to the map. A dark forest green panel shares one practical tip with a sunrise photo, and the issue closes with a signature from the editor, social links and the footer.
Montserrat headings over Inter, moss green and warm stone tones keep it calm and outdoorsy. Forest greens, warm paper tones and plenty of white space make it feel like a field notebook.
Swap the three trails each month and keep the tip panel for gear, safety or season notes.
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
- Wordmark
- Valley photo hero with live text
- Issue heading
- Three trails with photos
- Divider
- Trail tip split panel
- Editor signature
- Social links
- Footer
Subject line ideas
- Three trails for long summer days
- Fog, roots and a hut in the meadow
- {{first_name}}, this month we start before sunrise
Preview text idea
A foggy forest loop, an old root path and a meadow hut. Plus why we leave at dawn.