When our agents reply to tickets with images, the images are automatically loaded by Outlook desktop clients and web client. However, I inserted an image in our email channel template and for desktop clients it doesn't automatically download - though it does download in the Outlook web client.
Is there a spot in the template the image should be placed to make it more likely to automatically be downloaded by Outlook? Should it maybe not be in its own <div>; after the footer placeholder?
For illustration, I've bolded the image component of the template code provided below:
<!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;
}
{{styles}}
</style>
</head>
<body {{attributes}} style="width: 100%!important; margin: 0; padding: 0;">
<hr style="height:25px;border-width:0;color:gray;background-color:gray">
<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>
<div>
<img src="https://YOURSUBDOMAIN.zendesk/hc/article_attachments/123456789" width="100%" align=center /><br>
</div>
<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>
</body>
</html>