Jewelry Order Shipped email template
A shipping notice for a small jewelry and accessories studio with a coral track button, address and date cards, and the items with photos and totals.
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>Jewelry 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;}
.ete-cell{padding-left:0!important;padding-right:0!important;}
.ete-nav-cell{padding-top:12px!important;}.ete-nav-cell p{text-align:center!important;}
.ete-ds-30{font-size:28px!important;line-height:31px!important;}
}
@media (prefers-color-scheme: dark){
.ete-body,.ete-bg{background-color:#121212!important;}
.ete-content{background-color:#181818!important;}
.ete-text{color:#cccccc!important;}
.ete-heading{color:#f2f2f2!important;}
.ete-muted{color:#9b9b9b!important;}
.ete-link{color:#ff8f87!important;}
.ete-border{border-color:#333333!important;}
.ete-panel{background-color:#202020!important;border-color:#333333!important;}
.ete-btn{background-color:#ff7b72!important;border-color:#ff7b72!important;}
.ete-btn-text{color:#2a0807!important;}
.ete-btn-outline{border-color:#ff7b72!important;}
.ete-btn-outline-text{color:#ff7b72!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:#cccccc!important;}
[data-ogsc] .ete-heading{color:#f2f2f2!important;}
[data-ogsc] .ete-muted{color:#9b9b9b!important;}
[data-ogsc] .ete-link{color:#ff8f87!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#121212!important;}
[data-ogsb] .ete-content{background-color:#181818!important;}
[data-ogsb] .ete-panel{background-color:#202020!important;border-color:#333333!important;}
body,table,td,th,p,a,span,div,li{mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
h1,h2,h3,.ete-hf{mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
.ete-f-dm-sans{mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
.ete-f-dm-serif{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=DM+Sans:wght@400;500;700&family=DM+Serif+Display:ital@0;1&display=swap"><!--<![endif]-->
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#ffffff;">
<!-- 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 #23141 left our studio today. Track it with the button inside. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#ffffff;">
<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:3px;overflow:hidden;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;">
<tr><td class="ete-px" style="padding:24px 32px 20px;"><div style="font-size:0;text-align:left;"><!--[if mso]><table role="presentation" width="536" cellpadding="0" cellspacing="0" border="0"><tr><td width="194" valign="middle"><![endif]--><div class="ete-stack ete-stack-center" style="display:inline-block;vertical-align:middle;min-width:36.19%;max-width:100%;width:36.19%;width:calc((429px - 100%) * 429);font-size:16px;text-align:left;"><a href="https://example.com/" style="text-decoration:none;color:#3b3b3b;"><span class="ete-heading ete-f-dm-serif" style="font-family:'DM Serif Display', Georgia, 'Times New Roman', serif;font-size:26px;line-height:33px;font-weight:400;letter-spacing:-0.3px;color:#3b3b3b;">Wrenna & Co</span></a></div><!--[if mso]></td><td width="342" valign="middle"><![endif]--><div class="ete-stack ete-stack-center ete-nav-cell" style="display:inline-block;vertical-align:middle;min-width:63.8%;max-width:100%;width:63.8%;width:calc((429px - 100%) * 429);font-size:16px;text-align:right;"><p style="margin:0;text-align:right;"><a class="ete-heading" href="https://example.com/shop" style="display:inline-block;padding:4px 10px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:20px;font-weight:700;color:#3b3b3b;text-decoration:none;text-transform:uppercase;letter-spacing:1px;">Shop</a><a class="ete-heading" href="https://example.com/journal" style="display:inline-block;padding:4px 10px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:20px;font-weight:700;color:#3b3b3b;text-decoration:none;text-transform:uppercase;letter-spacing:1px;">Journal</a></p></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td height="32" bgcolor="#f7f7f7" style="background-color:#f7f7f7;height:32px;font-size:0;line-height:0;mso-line-height-rule:exactly;"> </td></tr>
<tr><td class="ete-px" bgcolor="#f7f7f7" style="background-color:#f7f7f7;padding:24px 32px 8px;"><h1 class="ete-ds-30" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:30px;line-height:36px;font-weight:700;color:#3b3b3b;text-align:center;mso-line-height-rule:exactly;">Your order has shipped!</h1></td></tr>
<tr><td class="ete-px" bgcolor="#f7f7f7" style="background-color:#f7f7f7;padding:8px 32px;"><p style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:22px;color:#6b6b6b;text-align:center;">Order #23141 left our studio today. You'll find all the details below.</p></td></tr>
<tr><td align="center" class="ete-px" bgcolor="#f7f7f7" style="background-color:#f7f7f7;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/23141" style="height:48px;v-text-anchor:middle;width:163px;" arcsize="6%" strokecolor="#c93b3b" fillcolor="#c93b3b"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Track order</center></v:roundrect><![endif]--><!--[if !mso]><!--><a href="https://example.com/track/23141" style="display:inline-block;background-color:#c93b3b;border:1px solid #c93b3b;line-height:48px;border-radius:3px;color:#ffffff;font-family:'DM Sans', '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 style="color:#ffffff;">Track order</span></a><!--<![endif]--></td></tr></table></td></tr>
<tr><td class="ete-px" bgcolor="#f7f7f7" style="background-color:#f7f7f7;padding:12px 22px 0;"><div style="font-size:0;text-align:left;"><!--[if mso]><table role="presentation" width="556" cellpadding="0" cellspacing="0" border="0"><tr><td width="278" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:50%;max-width:100%;width:50%;width:calc((445px - 100%) * 445);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:4px 10px 16px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td valign="top" style="padding:16px;background-color:#ffffff;border:1px solid #e5e5e5;border-radius:3px;"><div style="padding-top:0px;"><h3 style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:19px;line-height:26px;font-weight:700;color:#555555;text-align:left;mso-line-height-rule:exactly;">Shipping address</h3></div><p style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#555555;padding-top:6px;text-align:left;">Jane Doe<br>
14 Harbour Street<br>
Victoria, BC V8W 1A1<br>
Canada</p></td></tr></table></td></tr></table></div><!--[if mso]></td><td width="278" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:50%;max-width:100%;width:50%;width:calc((445px - 100%) * 445);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:4px 10px 16px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td valign="top" style="padding:16px;background-color:#ffffff;border:1px solid #e5e5e5;border-radius:3px;"><div style="padding-top:0px;"><h3 style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:19px;line-height:26px;font-weight:700;color:#555555;text-align:left;mso-line-height-rule:exactly;">Date shipped</h3></div><p style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#555555;padding-top:6px;text-align:left;">October 27, 2026<br>
<br>
<b>Order</b><br>
#23141</p></td></tr></table></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td height="20" bgcolor="#f7f7f7" style="background-color:#f7f7f7;height:20px;font-size:0;line-height:0;mso-line-height-rule:exactly;"> </td></tr>
<tr><td class="ete-px" style="padding:16px 32px;"><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 #e5e5e5;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/jewelry-order-shipped-pendant.jpg" alt="Gold pendant necklace worn over a striped top and grey fur" 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 #e5e5e5;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;color:#555555;"><strong>Agate pendant</strong><br><span class="ete-muted" style="color:#8a8a8a;font-size:13px;">Gold plated chain</span><br><span class="ete-muted" style="color:#8a8a8a;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 #e5e5e5;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;color:#555555;;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 #e5e5e5;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/jewelry-order-shipped-heels.jpg" alt="Pair of cream satin heels on a dark velvet chair" 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 #e5e5e5;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;color:#555555;"><strong>Satin heels</strong><br><span class="ete-muted" style="color:#8a8a8a;font-size:13px;">Cream, size 38</span><br><span class="ete-muted" style="color:#8a8a8a;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 #e5e5e5;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;color:#555555;;white-space:nowrap;">$118.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:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;color:#8a8a8a;">Subtotal</td><td class="ete-text" align="right" style="padding:4px 0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;color:#555555;">$182.00</td></tr><tr><td class="ete-muted" style="padding:4px 0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;color:#8a8a8a;">Tax</td><td class="ete-text" align="right" style="padding:4px 0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;color:#555555;">$9.10</td></tr><tr><td class="ete-muted" style="padding:4px 0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;color:#8a8a8a;">Shipping</td><td class="ete-text" align="right" style="padding:4px 0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;color:#555555;">$6.00</td></tr><tr><td class="ete-heading" style="padding:12px 0 0;border-top:2px solid #3b3b3b;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:24px;font-weight:700;color:#3b3b3b;">Total</td><td class="ete-heading" align="right" style="padding:12px 0 0;border-top:2px solid #3b3b3b;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:24px;font-weight:700;color:#3b3b3b;">$197.10</td></tr></table></td></tr>
<tr><td align="center" class="ete-px" style="padding:28px 32px 32px;"><p class="ete-muted" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#8a8a8a;line-height:20px;text-align:center;"><strong>Wrenna & Co</strong><br>1234 Fort Street, Victoria, BC V8W 1H8</p><p class="ete-muted" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#8a8a8a;line-height:20px;text-align:center;padding-top:10px;"><a class="ete-link" href="{{unsubscribe_url}}" style="color:#8a8a8a;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:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:18px;color:#8a8a8a;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#8a8a8a;text-decoration:underline;">Email Template Examples</a></td></tr>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</body>
</html>
Adapted from sendwithus templates (Oxygen theme, order confirm) by Techdrop Labs Inc. (sendwithus), Apache-2.0 license.
About this template
A shipping confirmation for a small studio that sells jewelry, shoes and accessories online. It tells the customer the good news first and then gives them everything they need to follow the parcel.
A serif wordmark sits on the left with two shop links on the right. On a soft grey band the headline says the order has shipped, a short line repeats the order number and a coral button opens tracking. Two white cards sit side by side below: one with the shipping address, one with the date shipped and the order number.
The item list comes next on white, with a small photo of each piece, its name and style line, the quantity and the price. Subtotal, tax and shipping follow, then the total in bold. A centered footer closes with the studio name and address.
The layout follows a classic open source shipping template. Pull the real tracking link into the button, use square product photos on the same background, and keep the copy to two short lines.
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 with links
- Shipped headline on grey band
- Track order button
- Address and date cards
- Items with photos
- Totals
- Footer
Subject line ideas
- Your order has shipped
- Order #23141 is on its way
- {{first_name}}, your pendant and heels left the studio
Preview text idea
Order #23141 left our studio today. Track it with the button inside.