Hello everyone,
I am Gideon and my company started using Zendesk not long ago. We would like to personalize the footer that information of our company will be display at the footer. I wrote these HTML codes and tested using chrome and other browsers, it worked. However, I couldn't see any changes after applying the codes in Zendesk.
see code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
table td {
border-collapse: collapse;
}
.Pic {
margin: 5px;
padding: 5px;
margin-top: 10px;
float: left;
}
.contact,.addresse{
margin:20px;
text-align:left;
padding: auto;
font-family:Helvetica
}
.Pic, .contact,addresse {
display: inline-block;
}
.contact{
margin-top:-10px;
}
.addresse{
display:block;
height: auto;
margin-left:165px;
margin-top:-30px;
font-family:Helvetica
}
.social-icons{
list-style: none;
padding: 0;
margin:0;
height: 25px;
}
.social-icons li{
display: inline-block;
}
.social-icons img {
width: 30px;
height: 30px;
}
.Impressum{
margin:5px;
margin-top:20px;
padding:5px;
height:70px;
font-family:Helvetica
}
.infodeutsch{
margin:5px;
padding:5px;
height:70px;
font-family:Helvetica
}
.infoenglisch{
margin:5px;
margin-top:30px;
padding:5px;
height:70px;
font-family:Helvetica
}
{{styles}}
</style>
</head>
<body {{attributes}} style="width: 100%!important; margin: 0; padding: 0;">
<div style="padding: 10px; line-height: 1.5; font-family: 'Lucida Grande',Verdana,Arial,sans-serif; font-size: 12px; color:#444444;">
<div style="color: #b5b5b5;">{{delimiter}}</div>
{{content}}
<div style="padding: 10px; line-height: 1.5; font-family: 'Lucida Grande',Verdana,Arial,sans-serif; font-size: 12px; color: #aaaaaa; margin: 10px 0 14px 0; padding-top: 10px; border-top: 1px solid #eeeeee;">
{{footer}}
</div>
{{footer}}
<div class="Pic">
<img src="https://images.pexels.com/photos/3689532/pexels-photo-3689532.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500" style="width:120px;height:120px;">
</div>
<div class= "contact">
<h2>Max_Mustermann</h2>
<p>Geschäftsführender Gesellschafter<br>
012345678910<br>
<a href="mailto:m.mustermann@local">m.mustermann@local</a>
</p>
</div>
<div class="addresse">
<p>Max_Mustermann Partner GmbH<br>
Musterstreet 9<br>
123455 ABCDEF<br>
</p>
</div>
<!-- Add icon library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<tr>
<!-- Add font awesome icons -->
<div class="social-icons">
<ul>
<li>
<a href="https://www.facebook.com">
<img src="https://images.pexels.com/photos/744464/pexels-photo-744464.jpeg?cs=srgb&dl=pexels-freestocksorg-744464.jpg&fm=jpg" alt="Follow us on Facebook"/>
</a>
</li>
<li>
<a href="https://twitter.com">
<img src="https://www.shutterstock.com/image-photo/valencia-spain-march-05-2017-twitter-601425683" alt="Follow us on Twitter"/>
</a>
</li>
<li>
<a href="https://www.youtube.com">
<img src="https://xxx/wp-content/uploads/2021/01/youtube.png" alt="Subscribe to us Youtube"/>
</a>
</li>
<li>
<a href="https://www.xing.com">
<img src="https://www.xxxy/wp-content/uploads/2021/01/xing.png" alt="Let'connect on Xing"/>
</a>
</li>
<li>
<a href="https://www.linkedin.com">
<img src="https://xxxx/wp-content/uploads/2021/01/linkedin.png" alt="Connect with us on Linkedin"/>
</a>
</li>
<li>
<a href="https://www.instagram.com">
<img src="https://www.flaticon.com/free-icon/instagram_174855" alt="Follow us on Instagram"/>
</a>
</li>
</ul>
</div>
<div class="Impressum">
<p>Sitz der Gesellschaft: ABCDEF<br>
Handelsregister ABCDEF 1234556<br>
Geschäftsführer: Max_Mustermann<br>
</div>
<div class="infodeutsch">
<p>Der Inhalt dieser E-Mail ist ausschließlich für den bezeichneten Adressaten bestimmt.Wenn Sie nicht der <br>
bezeichnete Adressat oder dessen Vertreter sein sollten, so beachten Sie bitte,dass jede Form der <br>
Kenntnisnahme, Veröffentlichung, Vervielfältigung oder Weitergabe
des Inhalts dieser E-Mail nicht gestattet <br>ist.
Bitte setzen Sie sich in diesem Fall mit dem Absender der E-Mail in
Verbindung und löschen Sie die<br> erhaltene E-Mail bitte unverzüglich.
</p>
</div>
<div class="infoenglisch">
<P>
The information contained in this email is intended solely for the addressee. Access to this email by anyone<br>
else is unauthorized. If you are not the intended recipient, any form of disclosure, reproduction, distribution,<br>
or any action taken or refrained from in reliance on it, is prohibited and may be unlawful. In the case of<br>
unauthorized receipt please notify the sender immediately.
</p>
{{footer}}{{footer_link}}
</div>
</div>
</body>
</html>
I watched a course about customizing the email (https://training.zendesk.com/on-demand-customizing-the-email-experience), this didn't help
Did I oversee something or any mistake in my codes?
looking forward to your support and guide, thank you in advance.
Kind regards
Gideon