Shipmondo's standard e-mail design for personalized e-mail notification looks as shown below:
If you wish to restore to our standard e-mail design, you can copy the code below and insert it in the HTML editor under Settings > Personalized message > Edit HTML and click on Save.
Code for the standard e-mail design:
<style>
@media only screen and (max-width: 620px) {
table.body p,
table.body ul,
table.body ol,
table.body td,
table.body span,
table.body a {
font-size: 16px !important;
}
table.body .wrapper,
table.body .article {
padding: 40px 10px 40px 10px !important;
}
table.body .content {
padding: 0 !important;
}
table.body .container {
padding: 0 !important;
width: 100% !important;
}
table.body .main {
border-left-width: 0 !important;
border-radius: 0 !important;
border-right-width: 0 !important;
margin-top: 5px;
}
table.body .btn table {
width: 100% !important;
}
table.body h1 {
font-size: 18px !important;
}
}
@media all {
.ExternalClass {
width: 100%;
}
.ExternalClass,
.ExternalClass p,
.ExternalClass span,
.ExternalClass font,
.ExternalClass td,
.ExternalClass div {
line-height: 100%;
}
.apple-link a {
color: inherit !important;
font-family: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
text-decoration: none !important;
}
.btn-primary table td:hover {
background-color: #3D92CA !important;
}
.btn-primary a:hover {
background-color: #3D92CA !important;
border-color: #3D92CA !important;
}
body {
background-color: #F4F8F9;
font-family: Arial, sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 14px;
line-height: 1.4;
margin: 0;
padding: 0;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
}
</style>
<table border="0" cellpadding="0" cellspacing="0" class="body" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #F4F8F9; width: 100%;" width="100%" bgcolor="#F4F8F9">
<tbody><tr>
<td style="font-family: Arial, sans-serif; font-size: 14px; vertical-align: top;" valign="top"> </td>
<td class="container" style="font-family: Arial, sans-serif; font-size: 14px; vertical-align: top; display: block; max-width: 580px; padding: 10px; width: 580px; margin: 0 auto;" width="580" valign="top">
<div class="content" style="box-sizing: border-box; display: block; margin: 0 auto; max-width: 580px; padding: 10px;">
<!-- START CENTERED WHITE CONTAINER -->
<table class="main" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background: #ffffff; border-radius: 3px; width: 100%;" width="100%">
<!-- START MAIN CONTENT AREA -->
<tbody><tr>
<td class="wrapper" style="font-family: Arial, sans-serif; font-size: 14px; vertical-align: top; box-sizing: border-box; padding: 40px 20px 56px 20px;" valign="top">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
<tbody><tr>
<td style="font-family: Arial, sans-serif; font-size: 14px; vertical-align: top;padding-bottom: 30px;border-bottom: 1px dashed #7C8A98;" valign="top">
<h1 style="font-family: Arial, sans-serif; font-size: 24px; font-weight: normal; margin: 0; mso-line-height-rule:exactly; padding-bottom: 40px; color:#000000;">
Dear *receiver_name*, <br>Your shipment is ready for dispatch.
</h1>
<p style="font-family: Arial, sans-serif; font-size: 14px; font-weight: normal; margin: 0; margin-bottom: 0px; padding-top: 20px;color:#7C8A98;border-top: 1px dashed #7C8A98;"></p>
<p style="font-family: Arial, sans-serif; font-size: 14px; font-weight: normal; margin: 0; margin-bottom: 0px;color:#7C8A98;">
The shipment is being sent with *shipping_agent* and tracking number is <a href="*tt_url*" target="_blank" style="text-decoration: none;color:#3DB8DB;">*tt*</a>.
</p>
<p style="font-family: Arial, sans-serif; font-size: 14px; font-weight: normal; margin: 0; margin-bottom: 15px; color:#7C8A98;">
You will soon be able to track your shipment by clicking the button below.
</p>
<p style="font-family: Arial, sans-serif; font-size: 14px; font-weight: normal; margin: 0; margin-bottom: 15px; color:#7C8A98;">
Thank you for your order 😊
</p>
<p style="font-family: Arial, sans-serif; font-size: 14px; font-weight: normal; margin: 0; margin-bottom: 0px; color:#7C8A98;">
Best regards,
</p>
<p style="font-family: Arial, sans-serif; font-size: 14px; font-weight: normal; margin: 0; margin-bottom: 40px; color:#7C8A98;">
*sender_name*
</p>
<table border="0" cellpadding="0" cellspacing="0" class="btn btn-primary" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; box-sizing: border-box; width: 100%;" width="100%">
<tbody>
<tr>
<td align="left" style="font-family: Arial, sans-serif; font-size: 14px; vertical-align: top;" valign="top">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: auto;">
<tbody>
<tr>
<td style="font-family: Arial, sans-serif; font-size: 14px; vertical-align: top; border-radius: 5px; text-align: center; background-color: #3DB8DB;" valign="top" align="center" bgcolor="#3DB8DB"><a href="*tt_url*" target="_blank" style="border: solid 1px #3DB8DB; border-radius: 5px; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; font-weight: bold; margin: 0; padding: 10px 22px; text-decoration: none; background-color: #3DB8DB; border-color: #3DB8DB; color: #ffffff;">TRACK SHIPMENT</a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<!-- END MAIN CONTENT AREA -->
</tbody></table>
<!-- START FOOTER -->
<div class="footer" style="clear: both; margin-top: 10px; text-align: center; width: 100%;">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
<tbody><tr>
<td class="content-block powered-by" style="font-family: Arial, sans-serif; vertical-align: top; padding-bottom: 10px; padding-top: 10px; color: #999999; font-size: 12px !important; text-align: center;" valign="top" align="center">
Powered by <a href="https://shipmondo.com?utm_source=personal_notification&utm_medium=email" target="_blank" style="color: #999999; font-size: 12px !important; text-align: center; text-decoration: none;">Shipmondo</a>.
</td>
</tr>
</tbody></table>
</div>
<!-- END FOOTER -->
<!-- END CENTERED WHITE CONTAINER -->
</div>
</td>
<td style="font-family: Arial, sans-serif; font-size: 14px; vertical-align: top;" valign="top"> </td>
</tr>
</tbody></table>