We’re excited to announce the addition of the popular German web client T-Online.de to our suite of 60+ email clients and devices in Litmus Instant Previews.
The German email client market is dominated by local inbox providers. GMX and Web.de lead the list of the most popular inbox providers in Germany, but T-Online.de comes in third with 12% of all Germans reading their emails through this provider. With this significant market share, email marketers who send to a German audience should optimize their messages for the T-Online.de inbox.
Optimize your email for German inboxes
Are you sending to subscribers who read on T-Online.de? Here’s everything you need to know about the T-Online.de inbox and how the email client renders email.
The Inbox View
Quirks to Note
No one wants to scroll horizontally in their email client to see a full email. Avoid having any part of your email hidden by using fluid coding techniques that adjust the width of your email to the width of the message window. Alternatively, ensure your emails are no wider than 800px.
We did spot this message in the T-Online.de inbox while testing in Chrome on a laptop:
In case you’re not fluent in German, this message translated to:
This e-mail has been scaled down so that it can be displayed completely. Undo scaling.
This message is displayed when the size of the window is reduced to less than 800px, as the email has been scaled down to fit the size of the window. Unfortunately, media queries aren’t supported by T-Online.de, so they won’t help with how the email is scaled down. After the window reaches the 645px width mark, the email is no longer scaled—any part of the email that is wider than this number is hidden on the right side of the window, with no way to scroll to see it.
HTML and CSS Support
* supports font-size, line-height, color, font-weight, and text-align
T-Online.de only has limited support for more advanced CSS and progressive enhancement. Here are some tips for how you can still make a great impression in the T-Online.de inbox:
- Whenever you use progressive enhancements such as web fonts, interactivity, or CSS3 animations, ensure you have the right fallbacks in place.
- The lack of support for background images is a reminder to never use background images for critical elements of your email’s message. Use background images as enhancements to your designs that aren’t missed if they’re not there.
- Embrace the power of the animated GIF—with no support for HTML5 video the best way to add some motion to your email would be through animated GIFs.
We’d love to hear from you
Did you discover a rendering quirk in T-Online.de that we missed? Struggling with a code question specific to T-Online.de? Let us know in the Litmus Community!