Documentation Center
Default Email Wrapper HTML Code
Table of Contents
The Email Wrapper is the HTML code that wraps around all the email templates. It's used to give the emails their style.
Modify the Code
Note: You'll need to HTML/CSS.
To modify this code, follow these steps:
- Navigate to Admin > Syncro Administration - PDF/Email Templates.
- Select Email Templates.
- At the bottom, click the “Advanced (caution)” link.
- Click Edit HTML of Email Wrapper.
Reset the Code
If you mess up the code while modifying, just click Revert Templates to restore the code to its default version. However, this will reset ALL the email templates.
If you only need to reset the wrapper code, copy and paste the following:
<style>
body {
-webkit-text-size-adjust: none;
margin: 0;
padding: 0;
width: 100%;
color:#393c3d;
}
</style>
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" style="-webkit-text-size-adjust: none;margin: 0;padding: 0;width: 100%;">
<center>
<table class="backgroundTable" border="0" cellspacing="0" cellpadding="0" style="margin: 0;padding: 0;background-color: #ffffff;height: 100%;width: 100%;"><!-- // Content Table Starts Here -->
<tr>
<td align="center" valign="top" bgcolor="#f8f8f8"><!-- // PageTop Wrapper Begin -- Insert Image Here -->
<span style="color: #E8E8E8; font-size: 10px;">----- REPLY ABOVE THIS LINE TO SEND A RESPONSE -----</span><br><br>
<div style="font-size:15px;"> </div>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
</td>
</tr>
</table>
<div style="font-size:10px;"> </div>
<!-- // PageTop Wrapper Ends -- Insert Image Here -->
<!-- // Content Wrapper Begin -- Change Background Color Here -->
<table border="0" cellspacing="0" cellpadding="1" class="tableWrapper" style="width: 622px;">
<tr>
<td align="center" bgcolor="#dbdbdb"><table border="0" cellspacing="0" cellpadding="0" class="fullTable" style="width: 620px;">
<tr>
<td align="center" bgcolor="#fefefe"><table width="90%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="top" class="fullTable" style="width: 620px;">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="medheight" style="line-height: 30px;"> </td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" class="innerTable2" style="width: 540px;">
<tr>
<td align="left" valign="top" class="innertable">
<span class="body" style="color: #393c3d;font-family: Helvetica, Arial, sans-serif;font-size: 16px;line-height: 24px;">
<p style='text-align: center;'>{{location_logo_100}}</p>
<p> </p>{{email_body}}
</span></td>
</tr>
</table>
</td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="smallheight" style="line-height: 10px;"> </td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0">
{{gray_social_links}}
</table>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="smallheight" style="line-height: 10px;"> </td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="smallheight" style="line-height: 10px;"> </td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" class="innertable">
<!-- // Footer Starts Here -->
<tr>
<td align="center" valign="top" class="footer" style="color: #959595;font-family: Helvetica, Arial, sans-serif;font-size: 13px;line-height: 16px;">
Sent with care from {{account_name}}<br>
<br>
{{account_address}}
</tr>
<!-- // Footer Ends Here -->
</table>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="smallheight" style="line-height: 10px;"> </td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<!-- // Content Wrapper End -- Change Background Color Here -->
<div style="font-size:15px;"> </div>
<div style="font-size:15px;"> </div></td>
</tr>
<!-- // Content Table Ends Here --></table>
</center><br>
</body>