Outlook ignores inline style of links from tokens | Community
Skip to main content
E
ElinPe
New Participant
June 9, 2017
Solved

Outlook ignores inline style of links from tokens

  • June 9, 2017
  • 4 replies
  • 9809 views

I have several emails with email addresses and other links applied via tokens. I've wrapped these tokens in span tags with inline styling, to ensure the link looks similar to other links in my email. However, this style is not carried over to outlook (2016). It looks good on web and mobile clients, but not in my outlook desktop client. Does anyone know how to make inline styling of tokens work in outlook as well?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by

Outlook might not be inheriting the style of the span for the anchor. Keep your span as is but inside of it create and style the anchor you want, or try just the anchor without the span.

<span style="color: #0d85c7; text-decoration: underline;"><a href="mailto:{{company.Account Owner Email Address:default=xxx@xxx.com}}" style="color: #0d85c7; text-decoration: underline;">{{company.Account Owner Email Address:default=xxx@xxx.com}}</a></span>

4 replies

E
ElinPeAuthor
New Participant
June 12, 2017

Thank you both! I applied Tony's fix, and set the link not to track as per Sanford's recommendation, and testing shows that it works fine. Much appreciated your help here.

E
ElinPeAuthor
New Participant
June 10, 2017

Thanks for your replies. However, in this particular case, I cannot hard code the links since I use this token to populate the email address of account owners. And the other link scenario I mention is for adding a unique webinar access link,  passed in from our event provider. So hard coding is simply not an option for either of these. Besides, these are not links I want to track, so not a concern.

This is how the styled token looks like in my email html:

<span style="color: #0d85c7; text-decoration: underline;">{{company.Account Owner Email Address:default=xxx@xxx.com}} </span>

I use this method for other tokens without problems, but as soon as it’s a link to a page or email address, this issue occur in outlook. Any ideas out there why this happens and how to fix it? I tried MKTO support but they are just telling me to contact a developer, so not really helpful.

A
Anonymous
Accepted solution
June 10, 2017

Outlook might not be inheriting the style of the span for the anchor. Keep your span as is but inside of it create and style the anchor you want, or try just the anchor without the span.

<span style="color: #0d85c7; text-decoration: underline;"><a href="mailto:{{company.Account Owner Email Address:default=xxx@xxx.com}}" style="color: #0d85c7; text-decoration: underline;">{{company.Account Owner Email Address:default=xxx@xxx.com}}</a></span>

K
kpara3-2
New Participant
June 9, 2017

Hi Elin,

I agree with Tony about testing the hardcoding to see if the styling is the issue. I'd also try to sway you to using links hardcoded instead of within tokens. Don't get me wrong, I am all about using tokens! However, you can't track clicks on tokens like you can with hardcoded links. So your performance reports and program membership (if tracking clicks) will be very low/skewed.

Kim

SanfordWhiteman
SanfordWhiteman
New Participant
June 10, 2017

However, you can't track clicks on tokens like you can with hardcoded links.

Sure you can!  Someone has told you wrong. Tokenized links, even those emitted from Velocity tokens, are click-tracked.

A
Anonymous
June 9, 2017

Have you tried hardcoded inline styles to ensure that it is the token giving issues and not just your style. Would also need to see the markup of your tokens that are giving issues.

Terms & ConditionsAccessibility statement

Loading footer...