Add an image to your mailbox signature

This article is all about adding images to your mailbox signature in Help Scout. Before we hop in, keep in mind that signatures are mailbox-specific, rather than User-specific, so any information added into the signature field will display across every email in the mailbox, regardless of the User replying.

In this article

You can add a company logo or brand icon in a few quick steps: 

1

Upload your logo image (.jpg or .png) to your company site or an external image host. If you’re not quite sure how to do this, ask someone on your IT team for a hand. If you need somewhere to host your image, try tinypic.com or imgur.com.

2

While in your mailbox, select Mailbox Settings → Edit Mailbox. The Email Signature field will appear at the bottom of page.

3

In the email signature editor, click the < > button to toggle HTML source mode.

4

Add the HTML to include your image. You'll want to use the direct, full link to your hosted image. 

<img src="Direct URL to your image goes here" alt="Logo"><br>

5

Click the < > button again to toggle HTML source mode so you can see the image. If you’re happy with your image, just click Save Mailbox.

Signature templates

You can use the {%user.profileImg%} variable to automatically add your User profile image to your mailbox signature. Here are two templates to use as a starting point. 

<table cellpadding="3">
<tbody>
<tr>
<td>
{%user.profileImg%}
</td>
</tr>
<tr>
<td>
<div style="padding-bottom: 3px;">
<strong style="color: black !important;">{%user.fullName%}</strong>
</div>
<a style="text-decoration:none;">{%mailbox.email%}</a>
<br>
<a href="" style="text-decoration:none;">{%user.phone,fallback=%}</a>
<br>
</td>
</tr>
</tbody>
</table>

<table cellpadding="3">
<tbody>
<tr>
<td style="padding-right: 8px;">
{%user.profileImg%}
</td>
<td>
<div style="padding-bottom: 3px;">
<strong style="color: black !important;">{%user.fullName%}</strong>
</div>
<a style="text-decoration:none;">{%mailbox.email%}</a>
<span style="padding:0 3px; color: #e9e9e9;">|</span>
<a href="" style="text-decoration:none;">{%user.phone,fallback=(321)123-1234%}</a>
<br>
</td>
</tr>
</tbody>
</table>

Best practices

Make sure your image is small in both file-size and dimension. Remember: most email clients do not display signature images by default. They’re often blocked or added as attachments, so don’t get too crazy! 

Still stuck? How can we help? How can we help?