FAQ

.



Email template rev 3 - in uso (copied)

Follow

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 Text template (Preview and HTML code)

The HTML template

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)

the continuation of HTML template in Triggers (Email body)

Email body preview

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

Preview

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 {{dc.marbedbranded-emailtemplatefooter}} dynamic content

Preview

Preview

HTML code

<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; 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"> {{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>

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

Preview
Have more questions? Submit a request

Comments