Frustrated by seemingly random, off-brand blue links when QA testing your otherwise perfect email in Gmail? Been there. Done that. The good news? You didn’t do anything wrong. Since 2017, Gmail automatically turns some of your copy—like email addresses, phone numbers, physical addresses, and times—into clickable elements, sometimes turning them blue. And as the second most popular email client with over 30% of emails opens, according to our data, you can’t ignore Gmail.
Despite what blue links are and why, you need your email to look like what was approved. Or at least have the links be on brand. Fortunately, removing the default styling isn’t that hard. We’ll walk you through how the blue links come about—and what you can do to change them to match your email’s design. All while maintaining the easy-to-use links for your Gmail audience.
Do your emails have blue links?
Always know when email clients update their email rendering with Litmus Email Previews. Preview your emails in all popular email clients and devices—including Gmail—and spot errors before you send.
Keep accessibility in mind
First, it’s important to remember the blue links serve an important purpose. They make it more convenient for your subscribers to act on your email—for example, to navigate to a location you’ve included or give you a quick call. Both great for usability and accessibility.
However, these auto-links may come with the default styling: underlined and blue. This can conflict with your email design and even make your email less accessible if the links are on a background color that doesn’t contrast well with them.
So, you’ll want to retain the functionality of the link but style it so it better matches your email design and is legible.
Beware: There are other culprits of a broken email
Do email errors make you shudder? Blue links are just one way your email can look broken. Take a deep dive into what can break your email and the tips & tricks to stay true.
Three ways to change the blue link color in Gmail
To change the blue link color, you have to understand why it happens. When Gmail spots an address or phone number in an email, it automatically adds an extra style declaration, which formats any link in the email as blue if it has no inline styles attached to it:
Blog – Litmus