T-Online.de Previews Now Available in Litmus: Here’s Everything You Need to Know

[ 0 By

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

Test your email in every popular German reading environments, including GMX, Web.de, Freenet.de, and T-Online.de

Get started with Litmus →

 

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.

T-Online.de
See how the February 2017 Litmus Newsletter renders in T-Online.de →

The Inbox View

Visible subject line length

75 characters

Emoji support in subject line

check-X

Preview text support

check-green

Visible preview text length

120 characters

Visible from name length

24 characters

Auto sorting (folders or tabs)

no

 

Message View

Preview pane support

No

Width of window for email

800px

Length of email (Is it clipped?)

no

 

Quirks to Note

Email Width

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:

T-Online.de

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

The Basics

Style support in head

yes

Media query support

no

CSS attribute selector support

yes

Classes

yes

Ids

yes

Images and Visuals

Images enabled by default?

yes

Animated GIF support

yes

ALT text support

yes

Styled ALT text support

yes
*

Background images support

no

HTML5 video support

no

Spacing

Padding

yes

Margin

yes

max-width

yes

Typography

Headers

yes

Paragraphs

yes

Web fonts

no

Progressive Enhancement

Border Radius

yes

Interactivity — checkbox/ radio button support

no

Animation — transitions/keyframe animation support

no

* 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!

Start a discussion→