Patient Portal Email Confirmation email template
A calm email confirmation for a clinic patient portal: shield illustration, confirm button, why we ask for your email and a short privacy note.
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>Patient Portal Email Confirmation</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;}
}
@media (prefers-color-scheme: dark){
.ete-body,.ete-bg{background-color:#081114!important;}
.ete-content{background-color:#101c20!important;}
.ete-text{color:#cfe1e6!important;}
.ete-heading{color:#ffffff!important;}
.ete-muted{color:#93aab0!important;}
.ete-link{color:#7dd3fc!important;}
.ete-border{border-color:#21383e!important;}
.ete-panel{background-color:#162a2f!important;border-color:#21383e!important;}
.ete-btn{background-color:#22a3c4!important;border-color:#22a3c4!important;}
.ete-btn-text{color:#04222b!important;}
.ete-btn-outline{border-color:#22a3c4!important;}
.ete-btn-outline-text{color:#22a3c4!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:#cfe1e6!important;}
[data-ogsc] .ete-heading{color:#ffffff!important;}
[data-ogsc] .ete-muted{color:#93aab0!important;}
[data-ogsc] .ete-link{color:#7dd3fc!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#081114!important;}
[data-ogsb] .ete-content{background-color:#101c20!important;}
[data-ogsb] .ete-panel{background-color:#162a2f!important;border-color:#21383e!important;}
</style>
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#e8f3f5;">
<!-- 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;">Confirm your email so we can send results and reminders to the right place. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#e8f3f5;">
<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;border-radius:12px;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:'Trebuchet MS', Tahoma, sans-serif;font-size:24px;line-height:30px;font-weight:700;letter-spacing:-0.3px;color:#0d2c33;">Clearpath Clinic</span><div class="ete-muted" style="padding-top:6px;font-family:'Trebuchet MS', Tahoma, sans-serif;font-size:11px;line-height:16px;letter-spacing:2px;text-transform:uppercase;color:#62777c;">Family and walk-in care</div></td></tr>
<tr><td align="center" class="ete-px" style="padding:12px 32px;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/clearpath-shield.png" alt="Teal shield with a white check mark" width="240" height="180" class="" style="display:block;width:240px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;margin:0 auto;"></td></tr>
<tr><td class="ete-px" style="padding:24px 32px 8px;"><h1 class="ete-heading ete-h1" style="margin:0;font-family:'Trebuchet MS', Tahoma, sans-serif;font-size:32px;line-height:40px;font-weight:700;color:#0d2c33;text-align:center;mso-line-height-rule:exactly;">Confirm your email address</h1></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-text" style="margin:0;font-family:'Trebuchet MS', Tahoma, sans-serif;font-size:17px;line-height:27px;color:#33494f;text-align:center;">Hi {{first_name}}, you signed up for the Clearpath patient portal. Please confirm this is your email so we can finish setting up your account.</p></td></tr>
<tr><td align="center" class="ete-px" style="padding:16px 32px;"><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/portal/confirm/4kq8" style="height:48px;v-text-anchor:middle;width:253px;" arcsize="25%" strokecolor="#0e7490" fillcolor="#0e7490"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Yes, this is my email</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/portal/confirm/4kq8" style="display:inline-block;background-color:#0e7490;border:1px solid #0e7490;line-height:48px;border-radius:12px;color:#ffffff;font-family:'Trebuchet MS', Tahoma, 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;">Yes, this is my email</span></a><!--<![endif]--></td></tr></table></td></tr>
<tr><td class="ete-px" style="padding:24px 32px 8px;"><h3 class="ete-heading" style="margin:0;font-family:'Trebuchet MS', Tahoma, sans-serif;font-size:19px;line-height:26px;font-weight:700;color:#0d2c33;text-align:left;mso-line-height-rule:exactly;">Why we ask</h3></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-text" style="margin:0;font-family:'Trebuchet MS', Tahoma, sans-serif;font-size:15px;line-height:24px;color:#33494f;text-align:left;">We use this address to tell you when new test results are ready, to remind you of visits and to reset your portal password. A wrong address means you could miss these.</p></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-muted" style="margin:0;font-family:'Trebuchet MS', Tahoma, sans-serif;font-size:13px;line-height:21px;color:#62777c;text-align:left;">Privacy note: our emails never include results or health details. You always read those after you log in. Prefer the phone? Call us at 555 0188.</p></td></tr>
<tr><td align="center" class="ete-px" style="padding:28px 32px 32px;"><p class="ete-muted" style="margin:0;font-family:'Trebuchet MS', Tahoma, sans-serif;font-size:13px;line-height:21px;color:#62777c;line-height:20px;text-align:center;"><strong>Clearpath Clinic</strong><br>300 Willow Bend Road, Madison, WI 53703</p><p class="ete-muted" style="margin:0;font-family:'Trebuchet MS', Tahoma, sans-serif;font-size:13px;line-height:21px;color:#62777c;line-height:20px;text-align:center;padding-top:10px;">Patient portal email. Sent once to confirm your address.</p><p class="ete-muted" style="margin:0;font-family:'Trebuchet MS', Tahoma, sans-serif;font-size:13px;line-height:21px;color:#62777c;line-height:20px;text-align:center;padding-top:10px;"><a class="ete-link" href="{{unsubscribe_url}}" style="color:#62777c;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:'Trebuchet MS', Tahoma, sans-serif;font-size:12px;line-height:18px;color:#62777c;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#62777c;text-decoration:underline;">Email Template Examples</a></td></tr>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</body>
</html>
Adapted from Mailgun Transactional Email Templates by Mailgun, MIT license.
About this template
Clinics need a working email address before they send test results or reminders through a patient portal. This confirmation email for Clearpath Clinic, a sample practice, asks for one click and explains why in plain words.
A teal shield with a check mark sets a safe, calm mood. The heading and one sentence ask the patient to confirm, and a rounded button does the job. A short section called Why we ask lists what the portal will send. A muted privacy note says what the email will never contain.
Many patients are older or not used to portals, so keep the text large and the words simple. Give the clinic phone number for people who prefer to call. Do not include any health details in this first email.
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 and tagline
- Shield illustration
- Heading and message
- Confirm button
- Why we ask
- Privacy note
- Footer
Subject line ideas
- Please confirm your email for the Clearpath portal
- One step left to open your patient portal
- Confirm your email, {{first_name}}
Preview text idea
Confirm your email so we can send results and reminders to the right place.