# HTML signature not working

**URL:** <https://community.hubspot.com/t/html-signature-not-working/101844>\
**Category:** CRM\
**Tags:** sales-email\
**Created:** [March 6, 2024, 1:11pm UTC](https://community.hubspot.com/t/html-signature-not-working/101844 "2024-03-06T13:11:12Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![tiago\_bezerra](https://avatars.discourse-cdn.com/v4/letter/t/6bbea6/32.png) [@tiago\_bezerra](https://community.hubspot.com/u/tiago_bezerra)\
**Post date:** [March 6, 2024, 1:11pm UTC](https://community.hubspot.com/t/html-signature-not-working/101844/1 "2024-03-06T13:11:12Z")

</div>

Hi,

I`m trying to create a signature that would be this.

 ![tiago_bezerra_0-1709730549275.png](https://d2qpr2jzcazej7.cloudfront.net/original/2X/2/207a01f9557b0ac31330c0ca93f4e3d2fcdaca68.png)

But when I send it on outlook it`s showing differently:

 ![tiago_bezerra_2-1709730615542.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/3/b/3ba2a183521502471e60c34b379ebb33dbc1f724.png)

I`m not sure what I`m doing different, here`s my code and I would really appreciate some help.

```lia-code-sample
<div><b><span style="color:DodgerBlue;">Todd Johnson</span></b></div>
<div><em>Director of Sales</em></div>
<div><strong>Quotit Corporation</strong></div>
<div><strong>P: 714.564.5040 M: 952.223.7161</strong></div>
<div><strong>E: <a href="mailto:todd.johnson@quotit.com" target="_blank">todd.johnson@quotit.com</a></strong></div>
<div class="row">
 <div class="column">
 <p><a href="https://www.quotit.com/">
 <img src="https://app.hubspot.com/api/filemanager/api/v2/files/159555701112/signed-url-redirect?portalId=4902876" style="float:left ">
 </a></p>
 </div>
 <div class="column">
 <p><a href="https://agentcubed.com/">
 <img src="https://app.hubspot.com/api/filemanager/api/v2/files/159555883028/signed-url-redirect?portalId=4902876" style="float:left">
 </a></p>
 </div>
 <div class="column">
 <p><a href="https://comissio.com/">
 <img src="https://app.hubspot.com/api/filemanager/api/v2/files/159553731610/signed-url-redirect?portalId=4902876">
 </a></p>
 </div>
</div>

```

---

<div class="post-metadata">

**Author:** ![tiago\_bezerra](https://avatars.discourse-cdn.com/v4/letter/t/6bbea6/32.png) [@tiago\_bezerra](https://community.hubspot.com/u/tiago_bezerra)\
**Post date:** [March 6, 2024, 1:02pm UTC](https://community.hubspot.com/t/html-signature-not-working/101844/2 "2024-03-06T13:02:07Z")

</div>

Hi, I create this HTML signature that it shows properly on the HTML, but as soon as I send a email it`s not configured right. I`m not sure what I`m doing wrong.

Below it`s my code. I want to have the images side by side.

```lia-code-sample
<div><b><span style="color:DodgerBlue;">Todd Johnson</span></b></div>
<div><em>Director of Sales</em></div>
<div><strong>Quotit Corporation</strong></div>
<div><strong>P: 714.564.5040 M: 952.223.7161</strong></div>
<div><strong>E: <a href="mailto:todd.johnson@quotit.com" target="_blank">todd.johnson@quotit.com</a></strong></div>
<div class="row">
 <div class="column">
 <p><a href="https://www.quotit.com/">
 <img src="https://app.hubspot.com/api/filemanager/api/v2/files/159555701112/signed-url-redirect?portalId=4902876" style="float:left ">
 </a></p>
 </div>
 <div class="column">
 <p><a href="https://agentcubed.com/">
 <img src="https://app.hubspot.com/api/filemanager/api/v2/files/159555883028/signed-url-redirect?portalId=4902876" style="float:left">
 </a></p>
 </div>
 <div class="column">
 <p><a href="https://comissio.com/">
 <img src="https://app.hubspot.com/api/filemanager/api/v2/files/159553731610/signed-url-redirect?portalId=4902876">
 </a></p>
 </div>
</div>

```

This is how it`s showing on outlook:

 ![tiago_bezerra_6-1709729934819.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/4/e/4e637e26bfbbc23014ba4a02ebae20cc258a5788.png)

---

<div class="post-metadata">

**Author:** ![jnix284](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jnix284/32/29_2.png) [@jnix284](https://community.hubspot.com/u/jnix284)\
**Post date:** [March 6, 2024, 1:57pm UTC](https://community.hubspot.com/t/html-signature-not-working/101844/3 "2024-03-06T13:57:39Z")

</div>

Hi [@tiago\_bezerra](https://community.hubspot.com/t5/user/viewprofilepage/user-id/470927) I know this isn’t the answer to the question you’re asking, and I’m happy to help troubleshoot the email signature in Outlook, first I want to share with you my recommendation.

Remove the images and all the links from your signature.

You have three images with 3 file links, and 4 URLS - that 99.99% of your email recipients will ignore.

This is going to hurt your email deliverability.

I first learned about simplifying your email signature 4-5 years ago and it has drastically improved email performance for everyone I’ve worked with who heeds my warning.

Leslie Venetz recently had a webinar with HubSpot where she said the same thing, [here’s a LinkedIn post with an example she shared](https://www.linkedin.com/posts/leslievenetz_rewrite-this-is-email-1-of-a-totally-cold-activity-7060635584112836609-9XLZ?utm_source=share&utm_medium=member_desktop) explaining it further.

I’m happy to help if you still want to configure it, but my recommendation would be to simplify like this:

Todd Johnson  
Director of Sales  
Quotit Corporation  
P: 714.564.5040  
M: 952.223.7161

You can sprinkle in a little bold if you want to differentiate your name or job title, the simpler the better though!

---

<div class="post-metadata">

**Author:** ![tiago\_bezerra](https://avatars.discourse-cdn.com/v4/letter/t/6bbea6/32.png) [@tiago\_bezerra](https://community.hubspot.com/u/tiago_bezerra)\
**Post date:** [March 7, 2024, 2:19pm UTC](https://community.hubspot.com/t/html-signature-not-working/101844/4 "2024-03-07T14:19:19Z")

</div>

Thank you so much for helping with this. We`re trying to keep the link because we have 3 different units being used. That`s why we need to keep that in our signature.

---

<div class="post-metadata">

**Author:** ![jnix284](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jnix284/32/29_2.png) [@jnix284](https://community.hubspot.com/u/jnix284)\
**Post date:** [March 7, 2024, 2:43pm UTC](https://community.hubspot.com/t/html-signature-not-working/101844/5 "2024-03-07T14:43:40Z")

</div>

You’re welcome [@tiago\_bezerra](https://community.hubspot.com/t5/user/viewprofilepage/user-id/470927), happy to help with the code.

The reason your images are not displaying in a row is because you’ve used \<div\> classes for column and row, but there is no CSS to say how those classes should behave.

Instead of div classes, you’ll need to use a table to keep things aligned.

Try this and share a screenshot of how it looks, we can make adjustments to the spacing if needed:

```lia-code-sample
<b><span style="color:DodgerBlue;">Todd Johnson</span></b><br>
<em>Director of Sales</em><br>
<strong>Quotit Corporation</strong><br>
<strong>P: 714.564.5040 M: 952.223.7161</strong><br>
<strong>E: <a href="mailto:todd.johnson@quotit.com" target="_blank">todd.johnson@quotit.com</a></strong><br>
<table>
 <tr><td>
 <a href="https://www.quotit.com/">
 <img src="https://app.hubspot.com/api/filemanager/api/v2/files/159555701112/signed-url-redirect?portalId=4902876" style="float:left ">
 </a>
 </td>
 <td>
 <a href="https://agentcubed.com/">
 <img src="https://app.hubspot.com/api/filemanager/api/v2/files/159555883028/signed-url-redirect?portalId=4902876" style="float:left">
 </a>
 </td>
 <td>
 <a href="https://comissio.com/">
 <img src="https://app.hubspot.com/api/filemanager/api/v2/files/159553731610/signed-url-redirect?portalId=4902876">
 </a>
 </td>
</tr>
</table>

```

---

<div class="post-metadata">

**Author:** ![tiago\_bezerra](https://avatars.discourse-cdn.com/v4/letter/t/6bbea6/32.png) [@tiago\_bezerra](https://community.hubspot.com/u/tiago_bezerra)\
**Post date:** [March 7, 2024, 3:32pm UTC](https://community.hubspot.com/t/html-signature-not-working/101844/6 "2024-03-07T15:32:51Z")

</div>

OMG, I really appreciate this. I was using AI and google to build that because I don`t know HTML.

Thank you for explaining, I`ll use this as a reference for future problems.

---

<div class="post-metadata">

**Author:** ![jnix284](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jnix284/32/29_2.png) [@jnix284](https://community.hubspot.com/u/jnix284)\
**Post date:** [March 7, 2024, 3:58pm UTC](https://community.hubspot.com/t/html-signature-not-working/101844/7 "2024-03-07T15:58:45Z")

</div>

You’re welcome [@tiago\_bezerra](https://community.hubspot.com/t5/user/viewprofilepage/user-id/470927), AI can be really helpful for creating code - with anything you create for Email, make sure you specify it’s for email so the limitations with CSS can be taken into account.

---

<div class="post-metadata">

**Author:** ![DianaGomez](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/dianagomez/32/48035_2.png) [@DianaGomez](https://community.hubspot.com/u/DianaGomez)\
**Post date:** [March 7, 2024, 9:19am UTC](https://community.hubspot.com/t/html-signature-not-working/101844/8 "2024-03-07T09:19:50Z")

</div>

Hey @Jnix284,

I truly appreciate the thorough explanation you provided! 🙂 Your knowledge and experience are incredibly valuable contributions to the community.

Best,

Diana

---

<div class="post-metadata">

**Author:** ![jnix284](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jnix284/32/29_2.png) [@jnix284](https://community.hubspot.com/u/jnix284)\
**Post date:** [March 7, 2024, 11:57am UTC](https://community.hubspot.com/t/html-signature-not-working/101844/9 "2024-03-07T11:57:30Z")

</div>

Thank you @DianaGomez, always happy to help!