Salon Appointment Reminder email template
A next-day salon reminder: dark green panel with a chair and mirror photo on the right, the appointment details, then confirm and reschedule buttons.
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>Salon Appointment Reminder</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-split-text{padding:32px 20px 36px!important;}
.ete-ds-38{font-size:28px!important;line-height:31px!important;}
.ete-cell{padding-left:0!important;padding-right:0!important;}
}
@media (prefers-color-scheme: dark){
.ete-body,.ete-bg{background-color:#0e120f!important;}
.ete-content{background-color:#161b17!important;}
.ete-text{color:#dae0db!important;}
.ete-heading{color:#ffffff!important;}
.ete-muted{color:#9ea89f!important;}
.ete-link{color:#a7d3b6!important;}
.ete-border{border-color:#2d352f!important;}
.ete-panel{background-color:#1f2520!important;border-color:#2d352f!important;}
.ete-btn{background-color:#a7d3b6!important;border-color:#a7d3b6!important;}
.ete-btn-text{color:#121713!important;}
.ete-btn-outline{border-color:#a7d3b6!important;}
.ete-btn-outline-text{color:#a7d3b6!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:#dae0db!important;}
[data-ogsc] .ete-heading{color:#ffffff!important;}
[data-ogsc] .ete-muted{color:#9ea89f!important;}
[data-ogsc] .ete-link{color:#a7d3b6!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#0e120f!important;}
[data-ogsb] .ete-content{background-color:#161b17!important;}
[data-ogsb] .ete-panel{background-color:#1f2520!important;border-color:#2d352f!important;}
body,table,td,th,p,a,span,div,li{mso-ascii-font-family:'Helvetica Neue';mso-hansi-font-family:'Helvetica Neue';mso-bidi-font-family:'Helvetica Neue';}
h1,h2,h3,.ete-hf{mso-ascii-font-family:Georgia;mso-hansi-font-family:Georgia;mso-bidi-font-family:Georgia;}
.ete-f-cormorant{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=Cormorant+Garamond:wght@500;600;700&display=swap"><!--<![endif]-->
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#edefe9;">
<!-- 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;">Your cut and finish with Lena is tomorrow at 2:30 pm. Confirm or move it in one tap. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#edefe9;">
<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 class="" style="padding:0;"><div dir="rtl" style="font-size:0;text-align:left;display:flex;flex-wrap:wrap;background-color:#2f4a3a;"><!--[if mso]><table role="presentation" width="600" dir="rtl" bgcolor="#2f4a3a" 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/salon-appointment-reminder-chair.jpg" alt="Two empty salon chairs in front of a wall of mirrors, in black and white" 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:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#cfe6d6;text-align:left;">Studio Verbena</p><h1 class="ete-ds-38" style="margin:0;font-family:'Cormorant Garamond', Georgia, 'Times New Roman', serif;font-size:38px;line-height:46px;font-weight:600;color:#ffffff;text-align:left;mso-line-height-rule:exactly;">See you tomorrow, {{first_name}}</h1><p style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:27px;color:#ffffff;padding-top:16px;text-align:left;">Your cut and finish with Lena is booked for 2:30 pm.</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 class="ete-panel" style="padding:24px;background-color:#f4f6f2;border:1px solid #dfe3dc;border-radius:0px;"><h3 class="ete-heading" style="margin:0;font-family:'Cormorant Garamond', Georgia, 'Times New Roman', serif;font-size:19px;line-height:26px;font-weight:600;color:#171d18;text-align:left;mso-line-height-rule:exactly;">Cut and finish with Lena</h3><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-top:8px;"><tr><td class="ete-muted" width="90" valign="top" style="padding:8px 0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:22px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#68716a;">Date</td><td class="ete-text" valign="top" style="padding:8px 0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:22px;color:#3f4640;">Thursday, 5 November</td></tr><tr><td class="ete-muted" width="90" valign="top" style="padding:8px 0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:22px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#68716a;">Time</td><td class="ete-text" valign="top" style="padding:8px 0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:22px;color:#3f4640;">2:30 pm to 3:30 pm</td></tr><tr><td class="ete-muted" width="90" valign="top" style="padding:8px 0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:22px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#68716a;">Place</td><td class="ete-text" valign="top" style="padding:8px 0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:22px;color:#3f4640;">Studio Verbena<br><span class="ete-muted" style="color:#68716a;font-size:14px;">52 Orchard Row, Asheville, NC 28801</span></td></tr></table></td></tr></table></td></tr>
<tr><td align="left" class="ete-px" style="padding:12px 26px 8px;"><div style="font-size:0;text-align:left;"><!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td valign="middle"><![endif]--><div style="display:inline-block;vertical-align:middle;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding:4px 6px 8px;"><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/booking/confirm" style="height:48px;v-text-anchor:middle;width:160px;" arcsize="0%" strokecolor="#2f4a3a" fillcolor="#2f4a3a"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Confirm</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/booking/confirm" style="display:inline-block;background-color:#2f4a3a;border:1px solid #2f4a3a;line-height:48px;border-radius:0px;color:#ffffff;font-family:'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;">Confirm</span></a><!--<![endif]--></td></tr></table></td></tr></table></div><!--[if mso]></td><td valign="middle"><![endif]--><div style="display:inline-block;vertical-align:middle;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding:4px 6px 8px;"><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/booking/move" style="height:48px;v-text-anchor:middle;width:160px;" arcsize="0%" strokecolor="#2f4a3a" fillcolor="#2f4a3a"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Reschedule</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/booking/move" style="display:inline-block;background-color:#2f4a3a;border:1px solid #2f4a3a;line-height:48px;border-radius:0px;color:#ffffff;font-family:'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;">Reschedule</span></a><!--<![endif]--></td></tr></table></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-muted" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:22px;color:#68716a;text-align:left;">Need to cancel? Please tell us 24 hours ahead so another client can take the time.</p></td></tr>
<tr><td align="left" class="ete-px" style="padding:28px 32px 32px;"><p class="ete-muted" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#68716a;line-height:20px;text-align:left;"><strong>Studio Verbena</strong><br>52 Orchard Row, Asheville, NC 28801</p><p class="ete-muted" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#68716a;line-height:20px;text-align:left;padding-top:10px;">You get this reminder because you booked an appointment at Studio Verbena.</p><p class="ete-muted" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#68716a;line-height:20px;text-align:left;padding-top:10px;"><a class="ete-link" href="{{unsubscribe_url}}" style="color:#68716a;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:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:18px;color:#68716a;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#68716a;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 salon loses money every time a chair sits empty, and a simple reminder the day before fixes most of that. Studio Verbena is the sample salon here. The email opens on a two-part panel: a greeting on deep green on the left, and a black and white photo of chairs and mirrors on the right.
An event card then holds the service, day, time and address. Two buttons of the same size and weight follow, because rescheduling should feel just as easy as confirming. A muted line sets out the cancellation rule in one sentence.
Change the stylist, the service and the time for each booking. It also works for barbers, nail bars and other services that run on appointments, as long as the rule in the small print matches your own.
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
- Greeting and photo panel
- Appointment card
- Confirm and reschedule buttons
- Cancellation note
- Footer
Subject line ideas
- See you tomorrow at 2:30 pm, {{first_name}}
- Your cut with Lena is tomorrow
- Tomorrow at Studio Verbena: confirm or move it
Preview text idea
Your cut and finish with Lena is tomorrow at 2:30 pm. Confirm or move it in one tap.