Skip to main content
Solved

How to change URL previews, to Tool Tips on-hover


Forum|alt.badge.img+1

We use lots of images through our templates, and link these off to our website. 
However the URL previews, with tracking look terrible in some mail clients, blocking all the content as they are so large eg:
 


I have seen some Klaviy clients achieve an onhover tool tip approach, which is much better.
They still maintain the tracking links behind this and the on-hover does not hide all the actual content eg:
 



How are they doing this as I want to achieve the same thing?

Thanks :)

Best answer by Omar

@Josh NZ are you using Alt Tags to your images? 

This hover text is actually coming from adding the Alt Tag attribute to an image. It's a best practice to use - https://help.klaviyo.com/hc/en-us/articles/360034711931-Accessibility-in-emails-and-forms-best-practice-reference
 

Or as Klaviyo also says it here
Always add alt text to your images. Certain inboxes, including Outlook and Apple Mail, will not display images until a recipient opts in to see them. Including alt text helps recipients using these inboxes to understand what an image is meant to convey, and also supports accessibility. 

 

Omar Lovert // Polaris Growth // Klaviyo Master Platinum Partner

We help with e-commerce growth through CRO, Klaviyo and CVO

 

View original
Did this topic or the replies in the thread help you find an answer to your question?

4 replies

Omar
Partner - Platinum
Forum|alt.badge.img+46
  • 2025 Champion
  • 494 replies
  • Answer
  • April 17, 2023

@Josh NZ are you using Alt Tags to your images? 

This hover text is actually coming from adding the Alt Tag attribute to an image. It's a best practice to use - https://help.klaviyo.com/hc/en-us/articles/360034711931-Accessibility-in-emails-and-forms-best-practice-reference
 

Or as Klaviyo also says it here
Always add alt text to your images. Certain inboxes, including Outlook and Apple Mail, will not display images until a recipient opts in to see them. Including alt text helps recipients using these inboxes to understand what an image is meant to convey, and also supports accessibility. 

 

Omar Lovert // Polaris Growth // Klaviyo Master Platinum Partner

We help with e-commerce growth through CRO, Klaviyo and CVO

 


Forum|alt.badge.img+1
  • Author
  • Contributor II
  • 3 replies
  • April 17, 2023

@Omar 
Thanks for the pointer. 
We are setting Alt Tags, using the standard fields like this. 
 

However unfortuantley they still show links like this in some mail clients. Outlook rendering the worst of the bunch eg:
 


 


Omar
Partner - Platinum
Forum|alt.badge.img+46
  • 2025 Champion
  • 494 replies
  • April 17, 2023

In the end… it's always Outlook!

And to make matters worse it's always the CEO who's using it and getting thes emails… 


Kylie W
Partner - Silver
Forum|alt.badge.img+33
  • Champion & Partner
  • 170 replies
  • April 18, 2023

Thanks @Josh NZ for the great question in the Klaviyo community and @Omar for answering! 

This too has been a bit of a bug-bear for me and I’ve struggled to find a solution even after all the helpful information and research available via Klaviyo. 

Glad I am not the only one 😅