Multibrand email template: Brand your emails using triggers -> https://support.zendesk.com/hc/en-us/articles/204382443
Setting
The Text template (Preview and HTML code)
{{ticket.brand}}
-----------------------------
{{content}}
{{footer}}

The HTML template

HTML code
<table style="width: 100%; background-color: #ffffff; border: 0; cellspacing: 0; cellpadding: 0;">
<tbody>
<tr>
<td style="font-family: Helvetica,Arial,sans-serif; line-height: 1.5em; width: 100%; background: #F3F3F3; padding: 8px; margin: 4px;">
<div style="margin: 0px auto; text-align: center; font-size: 12px; color: #969696;">{{delimiter}}</div>
<div style="margin: 0px auto; text-align: center;">{{content}}</div>
</td>
</tr>
</tbody>
</table>
.
The final result
the final result is a combination of General email template and Triggers (email body)
the continuation of HTML template in Triggers (Email body)

Email body preview

Email body HTML
{{dc.marbedbranded-emailtemplateheader}}
<div id="MarbedTicketIntro" style=" float:left; width: 90%; vertical-align: middle; padding: 10px; text-align: left; background-color:#f3f3f3;" ><span style="font-family:arial; font-size:12px">{{dc.notificaticketricevuto}}</span></div>
{{dc.marbedbranded-emailtemplatefooter}}
the {{dc.marbedbranded-emailtemplateheader}} dynamic content
Dynamic Content : https://injectionpower.zendesk.com/dynamic_content/items/177508
Preview

HTML code
<div style="margin: 0px auto; text-align: center;"><!-- TRIGGER -->
<div id="MarbedServiceInfo" style="clear: none; display: table; float: none; width: 90%; vertical-align: middle; padding: 10px; margin-top: 10px; margin-bottom: 10px; margin-right: 10px; margin-left: 40px; text-align: center; background-color: #fcf8e3; color: #c09853; border-left: 5px solid #c09853;"><span style="font-family: courier new,courier,monospace; font-size: 12px;">{{dc.email-serviceinfo}}</span></div>
<div id="MarbedMenu" style=" background-color:#fae914; cursor:help; border-bottom-width:medium; border-bottom-style:solid; border-bottom-color:#494949; display:table; float:none; width:100%; padding-top:10px; padding-bottom:10px;">
<div id="MarbedWelcome" style=" line-height:2em; margin-left:10px; float:left; height:50px; vertical-align: bottom; ">
<div id="MarbedLogo" style=" float:left; width: 100px; margin:5px; text-align: left; background-color:#fae914;" > <a href="http://www.marbed.com" title="www.marbed.com - 1st class diesel tools"><img alt="1st class diesel tools" border="0" height="50" src="http://open.marbed.com/zendesk/1stclassdieseltools.jpg" width="50" /></a></div>
{{dc.email-welcometext}}</div>
<div id="MarbedLogin" style="text-align:center; float:right; margin-right:10px; padding:10px ">{{dc.email-loginlink}}</div>
</div><div id="MarbedHeader" style=" clear: none; float:none; display: table; width: 100%; background-color:#F3F3F3;" >
<div id="MarbedHeader" style=" clear: none; float:none; display: table; width: 100%; background-color:#F3F3F3;" >
The full template
complete HTML code - for debug only
<p>
</p>
<table style="width: 100%; background-color: #ffffff; border: 0; cellspacing: 0; cellpadding: 0;">
<tbody>
<tr>
<td style="font-family: Helvetica,Arial,sans-serif; line-height: 1.5em; width: 100%; background: #F3F3F3; padding: 8px; margin: 4px;">
<div style="margin: 0px auto; text-align: center; font-size: 12px; color: #969696;">{{delimiter}}</div>
<div style="margin: 0px auto; text-align: center;">
<div style="margin: 0px auto; text-align: center;"><!-- TRIGGER -->
<div id="MarbedServiceInfo" style="clear: none; display: table; float: none; width: 90%; vertical-align: middle; padding: 10px; text-align: center; background-color: #fcf8e3; color: #c09853; border-left: 5px solid #c09853; margin: 10px 10px 10px 40px;"><span style="font-family: courier new,courier,monospace; font-size: 12px;">{{dc.email-serviceinfo}}</span></div>
<div id="MarbedMenu" style="background-color: #fae914; cursor: help; border-bottom-width: medium; border-bottom-style: solid; border-bottom-color: #494949; display: table; float: none; width: 100%; padding-top: 10px; padding-bottom: 10px;">
<div id="MarbedWelcome" style="line-height: 2em; margin-left: 10px; float: left; height: 50px; vertical-align: bottom;">
<div id="MarbedLogo" style="float: left; width: 100px; margin: 5px; text-align: left; background-color: #fae914;"><a title="www.marbed.com - 1st class diesel tools" href="http://www.marbed.com"><img src="http://open.marbed.com/zendesk/1stclassdieseltools.jpg" alt="1st class diesel tools" width="50" height="50" border="0" /></a></div>
{{dc.email-welcometext}}</div>
<div id="MarbedLogin" style="text-align: center; float: right; margin-right: 10px; padding: 10px;">{{dc.email-loginlink}}</div>
</div>
<div id="MarbedHeader" style="clear: none; float: none; display: table; width: 100%; background-color: #f3f3f3;">
<div id="MarbedHeader" style="clear: none; float: none; display: table; width: 100%; background-color: #f3f3f3;">
<div id="MarbedTicketIntro" style="float: left; width: 90%; vertical-align: middle; padding: 10px; text-align: left; background-color: #f3f3f3;"><span style="font-family: arial; font-size: 12px;">{{dc.notificaticketricevuto}}</span></div>
<table style="width: 100%; background-color: #f3f3f3; border: 1; cellspacing: 0; cellpadding: 0;">
<tbody>
<tr>
<td align="Center">
<div id="MarbedCommentArea" style="clear: none; background-color: #ffffff; display: table; float: none; width: 653px; margin: 20px; vertical-align: middle; text-align: left; padding-left: 10px; border: 1px solid #ccc; border-style: solid;">
<h1>{{ticket.title}}</h1>
<div id="MarbedComment" style="clear: none; display: table; float: none; width: 630px; vertical-align: middle; padding-top: 20px; padding-left: 20px; padding-bottom: 20px; text-align: left; border: 1px; ; background-color: #FFFFFF;"><span style="font-family: arial; font-size: 12px;">{{ticket.comments_formatted}}</span></div>
</div>
</td>
</tr>
</tbody>
</table>
<div style="margin: 10px; float: left; margin-top: 30px;"><img src="http://open.marbed.com/firme/tree.png" alt="" /> {{dc.email-needtoprint}} - | <a href="https://support.marbed.com/hc/en-us/articles/215657777-Company-address-">MARBED</a> | <a href="https://support.marbed.com/hc/en-us/articles/214957708-Confidentiality-Disclaimer">{{dc.email-confidentiality}}</a> | <a href="https://support.marbed.com/hc/en-us/articles/215657867-Employer-s-liability">{{dc.email-legal}}</a> |</div>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
Preview

Comments