Order Shipped Tracking email template
A shipping confirmation for a handmade goods shop: parcel illustration, tracking number in a code box, the items shipped and a track parcel button.
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>Order Shipped Tracking</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:#130f0c!important;}
.ete-content{background-color:#1e1813!important;}
.ete-text{color:#e7dbcf!important;}
.ete-heading{color:#fff6ee!important;}
.ete-muted{color:#b4a497!important;}
.ete-link{color:#f3a986!important;}
.ete-border{border-color:#3a2f27!important;}
.ete-panel{background-color:#2a221c!important;border-color:#3a2f27!important;}
.ete-btn{background-color:#b8532f!important;border-color:#b8532f!important;}
.ete-btn-text{color:#ffffff!important;}
.ete-btn-outline{border-color:#b8532f!important;}
.ete-btn-outline-text{color:#b8532f!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:#e7dbcf!important;}
[data-ogsc] .ete-heading{color:#fff6ee!important;}
[data-ogsc] .ete-muted{color:#b4a497!important;}
[data-ogsc] .ete-link{color:#f3a986!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#130f0c!important;}
[data-ogsb] .ete-content{background-color:#1e1813!important;}
[data-ogsb] .ete-panel{background-color:#2a221c!important;border-color:#3a2f27!important;}
</style>
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#f1e6dc;">
<!-- 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;">Order KC-3307 left our studio today. Expected Thursday, 15 October. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#f1e6dc;">
<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:#fffaf5;border-radius:20px;overflow:hidden;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;">
<tr><td align="left" class="ete-px" style="padding:28px 32px 20px;"><span class="ete-heading" style="font-family:'Times New Roman', Times, serif;font-size:24px;line-height:30px;font-weight:700;letter-spacing:-0.3px;color:#2b1b13;">Kettle & Clay</span><div class="ete-muted" style="padding-top:6px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:11px;line-height:16px;letter-spacing:2px;text-transform:uppercase;color:#7a675b;">Handmade in small batches</div></td></tr>
<tr><td align="left" class="ete-px" style="padding:40px 32px;"><h1 class="ete-heading ete-h1" style="margin:0;font-family:'Times New Roman', Times, serif;font-size:32px;line-height:40px;font-weight:700;color:#2b1b13;text-align:left;mso-line-height-rule:exactly;">Your order is on its way</h1><p class="ete-text" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:27px;color:#4a3a31;padding-top:14px;text-align:left;">Good news, {{first_name}}. We wrapped everything twice and handed it to the carrier today. Expected delivery: <b>Thursday, 15 October</b>.</p></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/kettle-parcel.png" alt="Brown parcel box with a label, moving fast" width="536" height="268" class="ete-fluid" style="display:block;width:536px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;border-radius:20px;"></td></tr>
<tr><td class="ete-px" style="padding:16px 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" class="ete-panel" style="padding:24px 20px;background-color:#f8eee4;border:2px dashed #b5562f;border-radius:20px;text-align:center;"><p class="ete-muted" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#7a675b;">Tracking number</p><p class="ete-code ete-heading" style="margin:0;padding-top:8px;font-family:'Courier New',Courier,monospace;font-size:30px;line-height:38px;font-weight:700;letter-spacing:4px;color:#2b1b13;">KC48217730</p><p class="ete-muted" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:19px;color:#7a675b;padding-top:6px;">Carrier: Parcelpoint Standard. Updates can take a few hours to show.</p></td></tr></table></td></tr>
<tr><td class="ete-px" style="padding:16px 32px;"><h2 class="ete-heading ete-h2" style="margin:0;font-family:'Times New Roman', Times, serif;font-size:24px;line-height:32px;font-weight:700;color:#2b1b13;text-align:left;mso-line-height-rule:exactly;">In this parcel</h2><p class="ete-muted" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:22px;color:#7a675b;padding-top:4px;">Order KC-3307</p><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-top:16px;"><tr><td class="ete-border" width="76" valign="top" style="padding:14px 12px 14px 0;border-bottom:1px solid #ecdccd;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/kettle-mug.png" alt="Terracotta mug with a white stripe" width="64" height="64" class="" style="display:block;width:64px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;border-radius:4px;"></td><td class="ete-text ete-border" valign="top" style="padding:14px 0;border-bottom:1px solid #ecdccd;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;color:#4a3a31;"><strong>Ember stoneware mug</strong><br><span class="ete-muted" style="color:#7a675b;font-size:13px;">Terracotta glaze</span><br><span class="ete-muted" style="color:#7a675b;font-size:13px;">Qty 2</span></td><td class="ete-text ete-border" align="right" valign="top" style="padding:14px 0;border-bottom:1px solid #ecdccd;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;color:#4a3a31;;white-space:nowrap;">$56.00</td></tr><tr><td class="ete-border" width="76" valign="top" style="padding:14px 12px 14px 0;border-bottom:1px solid #ecdccd;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/kettle-bowl.png" alt="Sage green ceramic bowl" width="64" height="64" class="" style="display:block;width:64px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;border-radius:4px;"></td><td class="ete-text ete-border" valign="top" style="padding:14px 0;border-bottom:1px solid #ecdccd;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;color:#4a3a31;"><strong>Sage ramen bowl</strong><br><span class="ete-muted" style="color:#7a675b;font-size:13px;">Large, 18 cm</span><br><span class="ete-muted" style="color:#7a675b;font-size:13px;">Qty 1</span></td><td class="ete-text ete-border" align="right" valign="top" style="padding:14px 0;border-bottom:1px solid #ecdccd;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;color:#4a3a31;;white-space:nowrap;">$42.00</td></tr></table><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-top:8px;"></table></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/track/KC48217730" style="height:48px;v-text-anchor:middle;width:199px;" arcsize="29%" strokecolor="#b5562f" fillcolor="#b5562f"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Track my parcel</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/track/KC48217730" style="display:inline-block;background-color:#b5562f;border:1px solid #b5562f;line-height:48px;border-radius:14px;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;">Track my parcel</span></a><!--<![endif]--></td></tr></table></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:#7a675b;text-align:left;">Unpack over a soft surface. If anything arrives chipped, send us a photo within 7 days and we will make a new one.</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:#7a675b;line-height:20px;text-align:left;"><strong>Kettle & Clay</strong><br>Unit 6, Potters Lane, 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:#7a675b;line-height:20px;text-align:left;padding-top:10px;">Shipping update for your order.</p><p class="ete-muted" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#7a675b;line-height:20px;text-align:left;padding-top:10px;"><a class="ete-link" href="{{unsubscribe_url}}" style="color:#7a675b;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:#7a675b;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#7a675b;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 shipping email is our own design for Kettle & Clay, a sample ceramics shop. It uses clay and terracotta tones that match handmade goods, with a parcel illustration that sets the mood before the details.
A short heading says the order is on the way and gives the expected delivery day. The tracking number sits in a dashed code box, so it is easy to copy. The items shipped follow with small pictures, then a terracotta button opens the carrier page. A muted note asks people to unpack fragile items over a soft surface.
Send it the moment the label is printed. Put the delivery day in the subject line. For split shipments, list only the items in this parcel and say that the rest will follow.
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
- Shipped heading
- Parcel illustration
- Tracking code box
- Items shipped
- Track button
- Unpacking note
- Footer
Subject line ideas
- Your Kettle & Clay order is on its way
- Shipped: arriving Thursday 15 October
- Tracking number for order KC-3307
Preview text idea
Order KC-3307 left our studio today. Expected Thursday, 15 October.