CMS Development

specksie
Contributor

Display problem with our DOI mails on Outlook.com / Office 365 online (web based)

SOLVE

Hi, we have the following display problem with our DOI mails on Outlook.com / Office 365 online (web based):

 

Underlined text and very oddly arranged elements > it looks like the content is aligned to the right - have a look on the screenshot below).

outlook.com problem.jpg

 

 

- On all other clients & devices the mails look a usual.

Here you can see the "normal" look: http://newsletter.draeger.net/-temporary-slug-dd4ccef9-0ded-4512-9aa9-1a74cc96b475?hs_preview=YBWPYC...

 

 

 - Link to the Mail in HubSpot: https://app.hubspot.com/email/3926732/edit-beta/5358036599/content

 

 

 

 

- Mail Body Sourcecode: 

<p>Dear&nbsp;{{ personalization_token("contact.firstname", "valued customer") }}&nbsp;{{ contact.lastname }},&nbsp;</p>
<p><span>Thank you very much for your interest. We have received your request with your email address "{{ contact.email }}".&nbsp;To comply with legal requirements, we will only contact you after you have confirmed your email address by clicking this button:<br></span></p>
<p style="margin-bottom: 12px; text-align: center;"><a class="button" href="{{subscription_confirmation_url}}" target="_blank" style="border: 2px solid #5b92d3; color: #5b92d3; padding: 10px 13px 10px 13px; text-align: center; text-decoration: none; display: inline-block; font-size: 13px; font-weight: bold; line-height: 1.3; outline: 0; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -o-transition: all .5s linear;">Click here to confirm your email address now</a><span style="background-color: transparent; color: inherit; font-size: inherit; text-align: left;"><br></span></p>
<hr>
<p style="line-height: 1.15;"><span style="background-color: transparent; color: inherit; font-size: 9px; text-align: left;">If you have received this message in error, please simply delete this email. Please do not reply to the sender address, messages sent there will not be read. In case you subscribed for one of our newsletters, we remind you that you can unsubscribe from all mailing lists by editing your subscription preferences in the <a href="{{ unsubscribe_link }}">Subscription Center</a>&nbsp;or – in case you contacted us in other matters – revoke the use of your data at any time with effect for the future contacting us at dataprivacy@draeger.com.</span></p>

 

Any Ideas how to solve this problem for outlook.com ? 

Thanks

0 Upvotes
1 Accepted solution
MFrankJohnson
Solution
Thought Leader

Display problem with our DOI mails on Outlook.com / Office 365 online (web based)

SOLVE

_hubspot-button-accept-as-solution-gif-v00.gif

Help other HubSpot searchers find this post quickly by accepting the solution

 

Q: Any Ideas how to solve this problem for outlook.com ?

 

Short A: Maybe test from a clean template.

 

Longer A:

Nothing critical jumps out in the code. Maybe try a clean template and test using HubSpot's Litmus email client test tool.

(see image)

hubspot-email-test-gif.gif

 

Help answer your question? If so, remember to accept this 'solution'.

 

Best,
Frank

 


hubspot-solutions-signature-mfrankjohnson-v03.png

www.MFrankJohnson.com

 

Note: Please search for recent posts as HubSpot evolves to be the #1 CRM platform of choice world-wide.

 

Hope that helps.

 

Be well,
Frank


www.mfrankjohnson.com

View solution in original post

0 Upvotes
2 Replies 2
MFrankJohnson
Solution
Thought Leader

Display problem with our DOI mails on Outlook.com / Office 365 online (web based)

SOLVE

_hubspot-button-accept-as-solution-gif-v00.gif

Help other HubSpot searchers find this post quickly by accepting the solution

 

Q: Any Ideas how to solve this problem for outlook.com ?

 

Short A: Maybe test from a clean template.

 

Longer A:

Nothing critical jumps out in the code. Maybe try a clean template and test using HubSpot's Litmus email client test tool.

(see image)

hubspot-email-test-gif.gif

 

Help answer your question? If so, remember to accept this 'solution'.

 

Best,
Frank

 


hubspot-solutions-signature-mfrankjohnson-v03.png

www.MFrankJohnson.com

 

Note: Please search for recent posts as HubSpot evolves to be the #1 CRM platform of choice world-wide.

 

Hope that helps.

 

Be well,
Frank


www.mfrankjohnson.com
0 Upvotes
specksie
Contributor

Display problem with our DOI mails on Outlook.com / Office 365 online (web based)

SOLVE

Thank you. It was the "web view area" - outlook.com did not accept to close the </div> . I removed the "View as web page" area and re-added it. Afterwards, it worked.