Content roundup email template
Collect articles, resources, and product notes into one issue. Free to copy as HTML, React Email or plain text.
Get the code
View the code ↓- From
- Acme <hello@acme.com>
- Subject
- 3 resources worth saving
- Preview
- A short roundup for the work you are doing this week.
Copy the code
Email-client-safe HTML, the same email as a React Email component, and a plain-text version for clients that do not show HTML.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><meta name="viewport" content="width=device-width"/><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="x-apple-disable-message-reformatting"/><meta name="format-detection" content="telephone=no,address=no,email=no,date=no,url=no"/><meta name="color-scheme" content="light"/><meta name="supported-color-schemes" content="light"/><title>A short roundup for the work you are doing this week.</title><style>
@font-face {
font-family: 'Georgia';
font-style: normal;
font-weight: 400;
mso-font-alt: 'Times New Roman';
}
* {
font-family: 'Georgia', Times New Roman;
}
</style><style>blockquote,h1,h2,h3,img,li,ol,p,ul{margin-top:0;margin-bottom:0}@media only screen and (max-width:425px){.mr-hide-mobile{display:none!important;max-height:0!important;overflow:hidden!important}.mr-show-mobile{display:block!important;max-height:none!important;overflow:visible!important}.tab-row-stack{width:100%!important}.tab-col-stack{display:block!important;width:100%!important;height:auto!important}.tab-pad-stack{padding-left:0!important;padding-right:0!important}.tab-mobile-gap-0{padding-top:0px!important;padding-bottom:0px!important}.tab-mobile-gap-2{padding-top:1px!important;padding-bottom:1px!important}.tab-mobile-gap-4{padding-top:2px!important;padding-bottom:2px!important}.tab-mobile-gap-6{padding-top:3px!important;padding-bottom:3px!important}.tab-mobile-gap-8{padding-top:4px!important;padding-bottom:4px!important}.tab-mobile-gap-10{padding-top:5px!important;padding-bottom:5px!important}.tab-mobile-gap-12{padding-top:6px!important;padding-bottom:6px!important}.tab-mobile-gap-14{padding-top:7px!important;padding-bottom:7px!important}.tab-mobile-gap-16{padding-top:8px!important;padding-bottom:8px!important}.tab-mobile-gap-18{padding-top:9px!important;padding-bottom:9px!important}.tab-mobile-gap-20{padding-top:10px!important;padding-bottom:10px!important}.tab-mobile-gap-22{padding-top:11px!important;padding-bottom:11px!important}.tab-mobile-gap-24{padding-top:12px!important;padding-bottom:12px!important}.tab-mobile-gap-26{padding-top:13px!important;padding-bottom:13px!important}.tab-mobile-gap-28{padding-top:14px!important;padding-bottom:14px!important}.tab-mobile-gap-30{padding-top:15px!important;padding-bottom:15px!important}.tab-mobile-gap-32{padding-top:16px!important;padding-bottom:16px!important}.tab-mobile-gap-34{padding-top:17px!important;padding-bottom:17px!important}.tab-mobile-gap-36{padding-top:18px!important;padding-bottom:18px!important}.tab-mobile-gap-38{padding-top:19px!important;padding-bottom:19px!important}.tab-mobile-gap-40{padding-top:20px!important;padding-bottom:20px!important}}</style></head><body dir="ltr" lang="en" style="background-color:#faf4f5;margin:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0"><!--$--><!--html--><!--head--><!--body--><table border="0" width="100%" cellPadding="0" cellSpacing="0" role="presentation" align="center"><tbody><tr><td dir="ltr" lang="en" style="margin:0px;background-color:#faf4f5;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-family:Georgia, 'Times New Roman', serif"><div style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0" data-skip-in-text="true">A short roundup for the work you are doing this week.<div> </div></div><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="max-width:640px;background-color:#ffffff;min-width:0px;border-radius:0px;border-width:0px;border-color:transparent;width:100%;margin:0 auto"><tbody><tr style="width:100%"><td style="padding-top:24px;padding-right:24px;padding-bottom:24px;padding-left:24px"><p style="font-size:15px;line-height:26.25px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#4c0519;margin:0 0 12px 0;margin-top:0;margin-right:0;margin-bottom:12px;margin-left:0"><span style="color:#be123c"><strong>THIS WEEK</strong></span></p><h1 style="margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:12px;color:#4c0519;font-size:36px;line-height:40px;font-weight:800">3 resources worth saving</h1><p style="font-size:15px;line-height:26.25px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#4c0519;margin:0 0 0px 0;margin-top:0;margin-right:0;margin-bottom:0px;margin-left:0">One guide, one example and one template for the work you are doing this week.</p><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="max-width:37.5em;height:8px"><tbody><tr style="width:100%"><td></td></tr></tbody></table><hr style="width:100%;border:none;border-color:#e2e8f0;border-top:1px solid #eaeaea;margin-top:0px;margin-bottom:0px"/><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="max-width:37.5em;height:12px"><tbody><tr style="width:100%"><td></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0"><tbody style="width:100%"><tr style="width:100%"><td align="left" data-id="__react-email-column" style="border-color:transparent;border-width:0;border-style:solid;background-color:transparent;border-radius:12px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin:0;padding:0;width:100%"><tbody style="width:100%"><tr style="width:100%"><td width="18%" data-id="__react-email-column" style="width:18%;margin:0;vertical-align:top"><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin:0"><tbody><tr><td style="padding-left:0;padding-right:6px"><h1 style="margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;color:#4c0519;font-size:36px;line-height:40px;font-weight:800"><span style="color:#fecdd3">01</span></h1></td></tr></tbody></table></td><td width="82%" data-id="__react-email-column" style="width:82%;margin:0;vertical-align:top"><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin:0"><tbody><tr><td style="padding-left:6px;padding-right:0"><h3 style="margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:12px;color:#4c0519;font-size:24px;line-height:38px;font-weight:600">Guide: planning a lifecycle campaign</h3><p style="font-size:15px;line-height:26.25px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#4c0519;margin:0 0 12px 0;margin-top:0;margin-right:0;margin-bottom:12px;margin-left:0">A practical walkthrough from the first trigger to the last follow-up.</p><p style="font-size:15px;line-height:26.25px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#4c0519;margin:0 0 0px 0;margin-top:0;margin-right:0;margin-bottom:0px;margin-left:0"><a href="{{action_url}}" rel="noopener noreferrer nofollow" style="color:#be123c;text-decoration-line:none;text-decoration:underline" target="_blank">Read the guide →</a></p></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="max-width:37.5em;height:8px"><tbody><tr style="width:100%"><td></td></tr></tbody></table><hr style="width:100%;border:none;border-color:#e2e8f0;border-top:1px solid #eaeaea;margin-top:0px;margin-bottom:0px"/><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="max-width:37.5em;height:12px"><tbody><tr style="width:100%"><td></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0"><tbody style="width:100%"><tr style="width:100%"><td align="left" data-id="__react-email-column" style="border-color:transparent;border-width:0;border-style:solid;background-color:transparent;border-radius:12px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin:0;padding:0;width:100%"><tbody style="width:100%"><tr style="width:100%"><td width="18%" data-id="__react-email-column" style="width:18%;margin:0;vertical-align:top"><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin:0"><tbody><tr><td style="padding-left:0;padding-right:6px"><h1 style="margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;color:#4c0519;font-size:36px;line-height:40px;font-weight:800"><span style="color:#fecdd3">02</span></h1></td></tr></tbody></table></td><td width="82%" data-id="__react-email-column" style="width:82%;margin:0;vertical-align:top"><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin:0"><tbody><tr><td style="padding-left:6px;padding-right:0"><h3 style="margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:12px;color:#4c0519;font-size:24px;line-height:38px;font-weight:600">Example: a strong onboarding flow</h3><p style="font-size:15px;line-height:26.25px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#4c0519;margin:0 0 12px 0;margin-top:0;margin-right:0;margin-bottom:12px;margin-left:0">Five emails, what each one does, and why the order matters.</p><p style="font-size:15px;line-height:26.25px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#4c0519;margin:0 0 0px 0;margin-top:0;margin-right:0;margin-bottom:0px;margin-left:0"><a href="{{action_url}}" rel="noopener noreferrer nofollow" style="color:#be123c;text-decoration-line:none;text-decoration:underline" target="_blank">See the example →</a></p></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="max-width:37.5em;height:8px"><tbody><tr style="width:100%"><td></td></tr></tbody></table><hr style="width:100%;border:none;border-color:#e2e8f0;border-top:1px solid #eaeaea;margin-top:0px;margin-bottom:0px"/><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="max-width:37.5em;height:12px"><tbody><tr style="width:100%"><td></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0"><tbody style="width:100%"><tr style="width:100%"><td align="left" data-id="__react-email-column" style="border-color:transparent;border-width:0;border-style:solid;background-color:transparent;border-radius:12px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin:0;padding:0;width:100%"><tbody style="width:100%"><tr style="width:100%"><td width="18%" data-id="__react-email-column" style="width:18%;margin:0;vertical-align:top"><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin:0"><tbody><tr><td style="padding-left:0;padding-right:6px"><h1 style="margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;color:#4c0519;font-size:36px;line-height:40px;font-weight:800"><span style="color:#fecdd3">03</span></h1></td></tr></tbody></table></td><td width="82%" data-id="__react-email-column" style="width:82%;margin:0;vertical-align:top"><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin:0"><tbody><tr><td style="padding-left:6px;padding-right:0"><h3 style="margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:12px;color:#4c0519;font-size:24px;line-height:38px;font-weight:600">Template: the weekly update</h3><p style="font-size:15px;line-height:26.25px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#4c0519;margin:0 0 12px 0;margin-top:0;margin-right:0;margin-bottom:12px;margin-left:0">A short format your team can fill in every Friday in ten minutes.</p><p style="font-size:15px;line-height:26.25px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#4c0519;margin:0 0 0px 0;margin-top:0;margin-right:0;margin-bottom:0px;margin-left:0"><a href="{{action_url}}" rel="noopener noreferrer nofollow" style="color:#be123c;text-decoration-line:none;text-decoration:underline" target="_blank">Get the template →</a></p></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="max-width:37.5em;height:8px"><tbody><tr style="width:100%"><td></td></tr></tbody></table><hr style="width:100%;border:none;border-color:#e2e8f0;border-top:1px solid #eaeaea;margin-top:0px;margin-bottom:0px"/><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="max-width:37.5em;height:12px"><tbody><tr style="width:100%"><td></td></tr></tbody></table><p style="font-size:15px;line-height:26.25px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#4c0519;margin:0 0 0px 0;margin-top:0;margin-right:0;margin-bottom:0px;margin-left:0">Forward this to someone who would find it useful. They can <a href="{{action_url}}" rel="noopener noreferrer nofollow" style="color:#be123c;text-decoration-line:none;text-decoration:underline" target="_blank">subscribe here</a>.</p><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="max-width:37.5em;height:16px"><tbody><tr style="width:100%"><td></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-top:40px;margin-right:0;margin-bottom:0;margin-left:0"><tbody style="width:100%"><tr style="width:100%"><td align="left" data-id="__react-email-column" style="border-color:#e2e8f0;border-width:0;border-style:solid;background-color:#ffffff;border-radius:0;padding-top:24px;padding-right:0;padding-bottom:24px;padding-left:0"><p style="font-size:15px;line-height:26.25px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#4c0519;margin:0 0 12px 0;margin-top:0;margin-right:0;margin-bottom:12px;margin-left:0">You received this email because you subscribed to updates from our team.
{{organization_name}} • {{organization_address}}</p><p style="font-size:15px;line-height:26.25px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#4c0519;margin:0 0 0px 0;margin-top:0;margin-right:0;margin-bottom:0px;margin-left:0"><a href="{{unsubscribe_url}}" rel="noopener noreferrer nofollow" style="color:#be123c;text-decoration-line:none;text-decoration:underline" target="_blank">Unsubscribe</a></p></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table><!--/$--></body></html>Send it from your own domain
This email goes to a list. In MarkRelay it is one of the built-in starter templates: open it in the visual editor, change the copy, and send it as a Broadcast. MarkRelay fills in {{unsubscribe_url}} and the List-Unsubscribe headers and keeps the suppression list for you.
The template is free to use with any sending service. See how templates work in MarkRelay.
More newsletter templates
Own your email stack today
Buy MarkRelay once and run it in your Cloudflare account. MarkRelay adds no per-message or per-seat charge; Cloudflare usage and service limits remain separate.