Fashion Order Shipped email template
A shipping notice for a clothing shop: a parcel packing photo, the tracking button up top, the delivery window and the packed items with small photos.
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>Fashion Order Shipped</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:#0b100f!important;}
.ete-content{background-color:#131a18!important;}
.ete-text{color:#d5dedb!important;}
.ete-heading{color:#ffffff!important;}
.ete-muted{color:#97a49f!important;}
.ete-link{color:#7fd6c1!important;}
.ete-border{border-color:#25302d!important;}
.ete-panel{background-color:#19221f!important;border-color:#25302d!important;}
.ete-btn{background-color:#5cc9b0!important;border-color:#5cc9b0!important;}
.ete-btn-text{color:#0b100f!important;}
.ete-btn-outline{border-color:#5cc9b0!important;}
.ete-btn-outline-text{color:#5cc9b0!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:#d5dedb!important;}
[data-ogsc] .ete-heading{color:#ffffff!important;}
[data-ogsc] .ete-muted{color:#97a49f!important;}
[data-ogsc] .ete-link{color:#7fd6c1!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#0b100f!important;}
[data-ogsb] .ete-content{background-color:#131a18!important;}
[data-ogsb] .ete-panel{background-color:#19221f!important;border-color:#25302d!important;}
</style>
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#eef1f0;">
<!-- 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 OS-20418 has shipped with Parcelway. Expected Thursday or Friday. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#eef1f0;">
<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:8px;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:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:24px;line-height:30px;font-weight:700;letter-spacing:-0.3px;color:#16201d;">OSTRA CLOTHING</span></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/fashion-order-shipped-hero.jpg" alt="A person tapes a brown parcel shut on a white studio table" width="536" height="402" class="ete-fluid" style="display:block;width:536px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;border-radius:8px;"></td></tr>
<tr><td class="ete-px" style="padding:24px 32px 8px;"><h1 class="ete-heading ete-h1" style="margin:0;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:32px;line-height:40px;font-weight:700;color:#16201d;text-align:center;mso-line-height-rule:exactly;">Your order is on its way</h1></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-text" style="margin:0;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:16px;line-height:26px;color:#3b4441;text-align:center;">Good news, {{first_name}}. Order OS-20418 left our studio today and is now with Parcelway.</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/track/OS-20418" style="height:48px;v-text-anchor:middle;width:199px;" arcsize="13%" strokecolor="#1e6b5c" fillcolor="#1e6b5c"><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/OS-20418" style="display:inline-block;background-color:#1e6b5c;border:1px solid #1e6b5c;line-height:48px;border-radius:6px;color:#ffffff;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 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:16px 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-panel" style="padding:24px;background-color:#f4f7f6;border:1px solid #e1e6e4;border-radius:8px;"><h3 class="ete-heading" style="margin:0;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:19px;line-height:26px;font-weight:700;color:#16201d;text-align:left;mso-line-height-rule:exactly;">Delivery window</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:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:12px;line-height:22px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#6b7672;">Arrives</td><td class="ete-text" valign="top" style="padding:8px 0;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:16px;line-height:22px;color:#3b4441;">Thursday, Nov 6 or Friday, Nov 7</td></tr><tr><td class="ete-muted" width="90" valign="top" style="padding:8px 0;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:12px;line-height:22px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#6b7672;">Carrier</td><td class="ete-text" valign="top" style="padding:8px 0;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:16px;line-height:22px;color:#3b4441;">Parcelway, tracked, signature not needed</td></tr><tr><td class="ete-muted" width="90" valign="top" style="padding:8px 0;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:12px;line-height:22px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#6b7672;">Ship to</td><td class="ete-text" valign="top" style="padding:8px 0;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:16px;line-height:22px;color:#3b4441;">Jordan Ellis<br><span class="ete-muted" style="color:#6b7672;font-size:14px;">45 Linden Avenue, Apt 3, Chicago, IL 60614</span></td></tr></table></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:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:24px;line-height:32px;font-weight:700;color:#16201d;text-align:left;mso-line-height-rule:exactly;">In this parcel</h2><p class="ete-muted" style="margin:0;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:14px;line-height:22px;color:#6b7672;padding-top:4px;">OS-20418</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 #e1e6e4;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/fashion-order-shipped-sweater.jpg" alt="Oatmeal chunky knit sweater" 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 #e1e6e4;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:15px;line-height:22px;color:#3b4441;"><strong>Chunky knit sweater</strong><br><span class="ete-muted" style="color:#6b7672;font-size:13px;">Oatmeal, size M</span></td><td class="ete-text ete-border" align="right" valign="top" style="padding:14px 0;border-bottom:1px solid #e1e6e4;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:15px;line-height:22px;color:#3b4441;;white-space:nowrap;">$128.00</td></tr><tr><td class="ete-border" width="76" valign="top" style="padding:14px 12px 14px 0;border-bottom:1px solid #e1e6e4;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/fashion-order-shipped-scarf.jpg" alt="Grey wool scarf beside a vintage camera" 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 #e1e6e4;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:15px;line-height:22px;color:#3b4441;"><strong>Merino wool scarf</strong><br><span class="ete-muted" style="color:#6b7672;font-size:13px;">Storm grey</span></td><td class="ete-text ete-border" align="right" valign="top" style="padding:14px 0;border-bottom:1px solid #e1e6e4;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:15px;line-height:22px;color:#3b4441;;white-space:nowrap;">$64.00</td></tr><tr><td class="ete-border" width="76" valign="top" style="padding:14px 12px 14px 0;border-bottom:1px solid #e1e6e4;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/fashion-order-shipped-shoes.jpg" alt="Brown leather lace-up shoes on a wooden floor" 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 #e1e6e4;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:15px;line-height:22px;color:#3b4441;"><strong>Leather derby shoes</strong><br><span class="ete-muted" style="color:#6b7672;font-size:13px;">Cognac, EU 41</span></td><td class="ete-text ete-border" align="right" valign="top" style="padding:14px 0;border-bottom:1px solid #e1e6e4;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:15px;line-height:22px;color:#3b4441;;white-space:nowrap;">$190.00</td></tr></table><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-top:8px;"><tr><td class="ete-muted" style="padding:4px 0;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:15px;line-height:22px;color:#6b7672;">Subtotal</td><td class="ete-text" align="right" style="padding:4px 0;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:15px;line-height:22px;color:#3b4441;">$382.00</td></tr><tr><td class="ete-muted" style="padding:4px 0;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:15px;line-height:22px;color:#6b7672;">Shipping</td><td class="ete-text" align="right" style="padding:4px 0;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:15px;line-height:22px;color:#3b4441;">Free</td></tr><tr><td class="ete-heading" style="padding:12px 0 0;border-top:2px solid #16201d;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:17px;line-height:24px;font-weight:700;color:#16201d;">Total paid</td><td class="ete-heading" align="right" style="padding:12px 0 0;border-top:2px solid #16201d;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:17px;line-height:24px;font-weight:700;color:#16201d;">$382.00</td></tr></table></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-muted" style="margin:0;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:14px;line-height:22px;color:#6b7672;text-align:center;">Need a different day? Use the tracking page to pick a new date or a pickup point near you.</p></td></tr>
<tr><td align="center" class="ete-px" style="padding:28px 32px 32px;"><p class="ete-muted" style="margin:0;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:13px;line-height:21px;color:#6b7672;line-height:20px;text-align:center;"><strong>Ostra Clothing</strong><br>880 Fulton Market, Chicago, IL 60607</p><p class="ete-muted" style="margin:0;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:13px;line-height:21px;color:#6b7672;line-height:20px;text-align:center;padding-top:10px;">You get this email because you placed an order with Ostra Clothing.</p><p class="ete-muted" style="margin:0;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:13px;line-height:21px;color:#6b7672;line-height:20px;text-align:center;padding-top:10px;"><a class="ete-link" href="{{unsubscribe_url}}" style="color:#6b7672;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:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:12px;line-height:18px;color:#6b7672;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#6b7672;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 shipping confirmation for clothing and accessories shops. It answers the three questions a customer has when an order leaves the warehouse: is it on its way, when will it arrive and what is inside.
A small framed photo of someone packing a brown parcel at a studio table sets a handmade tone right under the wordmark. The headline says the order has shipped, one line names the carrier, and a Track my parcel button follows at once. A card shows the delivery window, the carrier and the address it is going to. The order summary lists the three items with small product photos, size and color, then the shipping line and the total. A short line at the end explains how to change the delivery day.
The email uses a plain system font and a single sea green accent, so it loads fast and reads like a service message, while the photos keep it in the brand’s world.
Map the fields to your shop platform’s shipping event and it can go out as soon as a label is printed.
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
- Parcel photo
- Shipped headline and tracking button
- Delivery window card
- Items with photos
- Help line
- Footer
Subject line ideas
- Your Ostra order is on its way
- Shipped: arriving Thursday or Friday
- {{first_name}}, your parcel has left our studio
Preview text idea
Order OS-20418 has shipped with Parcelway. Expected Thursday or Friday.