Email Signature scrambled in chains. TIPS TO KEEP IT WORKING BETTER?

Smart CRM & Sales Hub Account & Settings
,
1

I created an email signature from one of the templates on HubSpot Tools. Though it works fine intially, after an email is inside a chain the signature becomes completely scrambled and does not work.

I am aware that this is due to a lack of unified standards between diferrent email servers, however, the problem seems to be more exagerrated using te HubSpot HTML templates, as compared to previous ones I have made on different platforms.

Does anybody have any tips on minimsing the amount of scrambling? Perhaps some templates work better then others? Any advice is welcome.

2

Hi, @OGeraghty ,

do you mind sharing the HTML code that you’ve generated with the Hubspot’s tool? That can help see if there are some definitions there that are added, or perhaps omitted. For example, sometimes, if a signature has a table HTML structure, then it can help to define the width of each cell, otherwise, the settings can be overwritten in the email chain rendering.

Thanks,

Eli

3

Here is the HTML from the signature. It is unchanged from the template created within Hubspot:

<table cellpadding=“0” cellspacing=“0” class=“table__StyledTable-sc-1avdl6r-0 kAbRZI” style=“vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;”><tbody><tr><td><table cellpadding=“0” cellspacing=“0” class=“table__StyledTable-sc-1avdl6r-0 kAbRZI” style=“vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;”><tbody><tr><td style=“vertical-align: middle;”><h2 color=“#000000” class=“name__NameContainer-sc-1m457h3-0 jxbGUj” style=“margin: 0px; font-size: 18px; color: rgb(0, 0, 0); font-weight: 600;”><span>Oliver</span><span>\ </span><span>Geraghty</span></h2><p color=“#000000” font-size=“medium” class=“job-title__Container-sc-1hmtp73-0 ifJNJc” style=“margin: 0px; color: rgb(0, 0, 0); font-size: 14px; line-height: 22px;”><span> Video Editor</span></p></td><td width=“30”><div style=“width: 30px;”></div></td><td color=“#f2547d” direction=“vertical” width=“1” height=“auto” class=“color-divider__Divider-sc-1h38qjv-0 llIisW” style=“width: 1px; border-bottom: none; border-left: 1px solid rgb(242, 84, 125);”></td><td width=“30”><div style=“width: 30px;”></div></td><td style=“vertical-align: middle;”><table cellpadding=“0” cellspacing=“0” class=“table__StyledTable-sc-1avdl6r-0 kAbRZI” style=“vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;”><tbody><tr height=“25” style=“vertical-align: middle;”><td width=“30” style=“vertical-align: middle;”><table cellpadding=“0” cellspacing=“0” class=“table__StyledTable-sc-1avdl6r-0 kAbRZI” style=“vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;”><tbody><tr><td style=“vertical-align: bottom;”><span color=“#f2547d” width=“11” class=“contact-info__IconWrapper-sc-mmkjr6-1 bglVXe” style=“display: inline-block; background-color: rgb(242, 84, 125);”><img src=“https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/phone-icon-2x.png” color=“#f2547d” alt=“mobilePhone” width=“13” class=“contact-info__ContactLabelIcon-sc-mmkjr6-0 cnkwri” style=“display: block; background-color: rgb(242, 84, 125);”></span></td></tr></tbody></table></td><td style=“padding: 0px; color: rgb(0, 0, 0);”><a href=“tel:(+44) 0207 632 7567 " color=”#000000" class=“contact-info__ExternalLink-sc-mmkjr6-2 ibLXSU” style=“text-decoration: none; color: rgb(0, 0, 0); font-size: 12px;”><span>(+44) 0207 632 7567 </span></a> | <a href=“tel:(+1) 786 209 18 52 " color=”#000000" class=“contact-info__ExternalLink-sc-mmkjr6-2 ibLXSU” style=“text-decoration: none; color: rgb(0, 0, 0); font-size: 12px;”><span>(+1) 786 209 18 52 </span></a></td></tr><tr height=“25” style=“vertical-align: middle;”><td width=“30” style=“vertical-align: middle;”><table cellpadding=“0” cellspacing=“0” class=“table__StyledTable-sc-1avdl6r-0 kAbRZI” style=“vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;”><tbody><tr><td style=“vertical-align: bottom;”><span color=“#f2547d” width=“11” class=“contact-info__IconWrapper-sc-mmkjr6-1 bglVXe” style=“display: inline-block; background-color: rgb(242, 84, 125);”><img src=“https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/email-icon-2x.png” color=“#f2547d” alt=“emailAddress” width=“13” class=“contact-info__ContactLabelIcon-sc-mmkjr6-0 cnkwri” style=“display: block; background-color: rgb(242, 84, 125);”></span></td></tr></tbody></table></td><td style=“padding: 0px;”><a href=“mailto:ollie@helm.yt” color=“#000000” class=“contact-info__ExternalLink-sc-mmkjr6-2 ibLXSU” style=“text-decoration: none; color: rgb(0, 0, 0); font-size: 12px;”><span>ollie@helm.yt</span></a></td></tr><tr height=“25” style=“vertical-align: middle;”><td width=“30” style=“vertical-align: middle;”><table cellpadding=“0” cellspacing=“0” class=“table__StyledTable-sc-1avdl6r-0 kAbRZI” style=“vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;”><tbody><tr><td style=“vertical-align: bottom;”><span color=“#f2547d” width=“11” class=“contact-info__IconWrapper-sc-mmkjr6-1 bglVXe” style=“display: inline-block; background-color: rgb(242, 84, 125);”><img src=“https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/link-icon-2x.png” color=“#f2547d” alt=“website” width=“13” class=“contact-info__ContactLabelIcon-sc-mmkjr6-0 cnkwri” style=“display: block; background-color: rgb(242, 84, 125);”></span></td></tr></tbody></table></td><td style=“padding: 0px;”><a href=“https://www.helm.yt/” color=“#000000” class=“contact-info__ExternalLink-sc-mmkjr6-2 ibLXSU” style=“text-decoration: none; color: rgb(0, 0, 0); font-size: 12px;”><span>Luxury Yacht Charter | Private Sailing Vacations | HELM</a></td></tr><tr height=“25” style=“vertical-align: middle;”><td width=“30” style=“vertical-align: middle;”><table cellpadding=“0” cellspacing=“0” class=“table__StyledTable-sc-1avdl6r-0 kAbRZI” style=“vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;”><tbody><tr><td style=“vertical-align: bottom;”><span color=“#f2547d” width=“11” class=“contact-info__IconWrapper-sc-mmkjr6-1 bglVXe” style=“display: inline-block; background-color: rgb(242, 84, 125);”><img src=“https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/address-icon-2x.png” color=“#f2547d” alt=“address” width=“13” class=“contact-info__ContactLabelIcon-sc-mmkjr6-0 cnkwri” style=“display: block; background-color: rgb(242, 84, 125);”></span></td></tr></tbody></table></td><td style=“padding: 0px;”><span color=“#000000” class=“contact-info__Address-sc-mmkjr6-3 jxDmGK” style=“font-size: 12px; color: rgb(0, 0, 0);”><span>9 Tanner St, London SE1 3LE</span></span></td></tr></tbody></table></td></tr></tbody></table></td></tr><tr><td><table cellpadding=“0” cellspacing=“0” class=“table__StyledTable-sc-1avdl6r-0 kAbRZI” style=“width: 100%; vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;”><tbody><tr><td height=“30”></td></tr><tr><td color=“#f2547d” direction=“horizontal” width=“auto” height=“1” class=“color-divider__Divider-sc-1h38qjv-0 llIisW” style=“width: 100%; border-bottom: 1px solid rgb(242, 84, 125); border-left: none; display: block;”></td></tr><tr><td height=“30”></td></tr></tbody></table></td></tr><tr><td><table cellpadding=“0” cellspacing=“0” class=“table__StyledTable-sc-1avdl6r-0 kAbRZI” style=“width: 100%; vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;”><tbody><tr><td style=“text-align: right; vertical-align: top;”><table cellpadding=“0” cellspacing=“0” class=“table__StyledTable-sc-1avdl6r-0 kAbRZI” style=“display: inline-block; vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Arial;”><tbody><tr style=“text-align: right;”><td><a href=“https://www.facebook.com/helmyachting” color=“#6a78d1” class=“social-links__LinkAnchor-sc-py8uhj-2 hBVWAh” style=“display: inline-block; padding: 0px; background-color: rgb(106, 120, 209);”><img src=“https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/facebook-icon-2x.png” alt=“facebook” color=“#6a78d1” height=“24” class=“social-links__LinkImage-sc-py8uhj-1 hSTSwA” style=“background-color: rgb(106, 120, 209); max-width: 135px; display: block;”></a></td><td width=“5”><div></div></td><td><a href=“https://twitter.com/Helm_yt” color=“#6a78d1” class=“social-links__LinkAnchor-sc-py8uhj-2 hBVWAh” style=“display: inline-block; padding: 0px; background-color: rgb(106, 120, 209);”><img src=“https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/twitter-icon-2x.png” alt=“twitter” color=“#6a78d1” height=“24” class=“social-links__LinkImage-sc-py8uhj-1 hSTSwA” style=“background-color: rgb(106, 120, 209); max-width: 135px; display: block;”></a></td><td width=“5”><div></div></td><td><a href=“https://instagram.com/helm.yt” color=“#6a78d1” class=“social-links__LinkAnchor-sc-py8uhj-2 hBVWAh” style=“display: inline-block; padding: 0px; background-color: rgb(106, 120, 209);”><img src=“https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/instagram-icon-2x.png” alt=“instagram” color=“#6a78d1” height=“24” class=“social-links__LinkImage-sc-py8uhj-1 hSTSwA” style=“background-color: rgb(106, 120, 209); max-width: 135px; display: block;”></a></td><td width=“5”><div></div></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table>