All Categories Quick Guides How to add a custom HTML signature

How to add a custom HTML signature

By Stefan Dreßler
February 23, 2023

Many customers are asking us how to add a nice-looking signature like ours. You can simply add custom HTML content with placeholders. Use the placeholder {{user.avatar}} to add the avatar of your agent. I will show you our code, but I think you can do it even better. Send us your HTML code and an Image of how it looks.

Image of our signature:

CleanShot-2023-03-07-at-15.06.47.png

Example HTML content:

<p style="padding-bottom:8px;">
    Best regards,
</p>
<table>
    <tr>
        <td>
            <img src="{{user.avatar}}" style="width:40px; border-radius:10px; padding-right:5px;" />
         </td>
        <td style="line-height: 16px;">
            <span style="font-size: 15px; line-height: 15px; font-weight:500;">{{user.name}}</span><br>
            <span style="font-size:13px; line-height:13px; color:#747474;">{{user.job_title}}</span>
        </td>
    </tr>
</table>

<p style="padding-top:8px; padding-bottom:8px; color:#747474;  font-size:12px; line-height:16px;">
    <a style="color:#747474; text-decoration:none;" href="https://>YourDomain.com">YourDomain.com</a> | 
    <a style="color:#747474; text-decoration:none;" href="mailto:support@yourdomain.com">support@yourdomain.com</a>  | 
    <a style="color:#747474; text-decoration:none;" href="https://yourdomain.com/compulsory-statement">Compulsory Statement</a>
</p>

How to do it

Go to Settings → Channel → Edit Signature and add a custom HTML field.

CleanShot-2023-02-23-at-12.32.14.png

Now, you can add your custom HTML code like ours above.

Signature insertion options

The signature can be automatically added to each message in the background or added to the reply editor. Settings → Channel → Edit Signature

CleanShot-2023-03-21-at-11.03.29.png

Was this article helpful?

Thanks for your feedback!