{"id":4215,"date":"2017-02-20T00:00:00","date_gmt":"2017-02-20T00:00:00","guid":{"rendered":"https:\/\/www.litmus.com\/blog\/t-online-de-previews-now-available-in-litmus\/"},"modified":"2023-07-12T16:47:17","modified_gmt":"2023-07-12T20:47:17","slug":"t-online-de-previews-now-available-in-litmus","status":"publish","type":"post","link":"https:\/\/www.litmus.com\/blog\/t-online-de-previews-now-available-in-litmus","title":{"rendered":"T-Online.de Previews Now Available in Litmus: Here’s Everything You Need to Know"},"content":{"rendered":"

We\u2019re 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.<\/p>\n

The German email client market is dominated by local inbox providers. GMX and Web.de<\/a> lead the list of the most popular inbox providers in Germany, but T-Online.de comes in third with 12% of all Germans<\/a> 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.<\/p>\n

\n\n\n\n
\n

Optimize your email for German inboxes<\/h2>\n

Test your email in every popular German reading environments, including GMX<\/a>, Web.de<\/a>, Freenet.de<\/a>, and T-Online.de<\/a><\/p>\n

Get started with Litmus \u2192<\/a><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n

 <\/p>\n

Are you sending to subscribers who read on T-Online.de<\/a>? Here\u2019s everything you need to know about the T-Online.de inbox and how the email client renders email.<\/p>\n

\"T-Online.de\"<\/figure>\n

The Inbox View<\/h2>\n
\n\n\n\n\n\n\n\n\n
\n

Visible subject line length<\/p>\n<\/td>\n

\n

75 characters<\/p>\n<\/td>\n<\/tr>\n

\n

Emoji support<\/a> in subject line<\/p>\n<\/td>\n

\"check-X\"<\/td>\n<\/tr>\n
\n

Preview text<\/a> support<\/p>\n<\/td>\n

\"check-green\"<\/td>\n<\/tr>\n
\n

Visible preview text length<\/p>\n<\/td>\n

\n

120 characters<\/p>\n<\/td>\n<\/tr>\n

\n

Visible from name length<\/p>\n<\/td>\n

\n

24 characters<\/p>\n<\/td>\n<\/tr>\n

\n

Auto sorting (folders or tabs)<\/p>\n<\/td>\n

\"no\"<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n

 <\/p>\n

Message View<\/h2>\n
\n\n\n\n\n\n
\n

Preview pane support<\/p>\n<\/td>\n

\n

No<\/p>\n<\/td>\n<\/tr>\n

\n

Width of window for email<\/p>\n<\/td>\n

\n

800px<\/p>\n<\/td>\n<\/tr>\n

\n

Length of email (Is it clipped?)<\/p>\n<\/td>\n

\"no\"<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n

 <\/p>\n

Quirks to Note<\/h3>\n

Email Width<\/h4>\n

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.<\/p>\n

We did spot this message in the T-Online.de inbox while testing in Chrome on a laptop:<\/p>\n

\"T-Online.de\"<\/figure>\n

In case you\u2019re not fluent in German, this message translated to:<\/p>\n

This e-mail has been scaled down so that it can be displayed completely. Undo scaling.<\/p><\/blockquote>\n

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\u2019t supported by T-Online.de, so they won\u2019t help with how the email is scaled down. After the window reaches the 645px width mark, the email is no longer scaled\u2014any 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.<\/p>\n

HTML and CSS Support<\/h2>\n
\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
\n

The Basics<\/p>\n<\/td>\n<\/tr>\n

\n

Style support in head<\/p>\n<\/td>\n

\"yes\"<\/td>\n<\/tr>\n
\n

Media query<\/a> support<\/p>\n<\/td>\n

\"no\"<\/td>\n<\/tr>\n
\n

CSS attribute selector support<\/p>\n<\/td>\n

\"yes\"<\/td>\n<\/tr>\n
\n

Classes<\/p>\n<\/td>\n

\"yes\"<\/td>\n<\/tr>\n
\n

Ids<\/p>\n<\/td>\n

\"yes\"<\/td>\n<\/tr>\n
\n

Images and Visuals<\/p>\n<\/td>\n<\/tr>\n

\n

Images enabled<\/a> by default?<\/p>\n<\/td>\n

\"yes\"<\/td>\n<\/tr>\n
\n

Animated GIF<\/a> support<\/p>\n<\/td>\n

\"yes\"<\/td>\n<\/tr>\n
\n

ALT text support<\/p>\n<\/td>\n

\"yes\"<\/td>\n<\/tr>\n
\n

Styled ALT text<\/a> support<\/p>\n<\/td>\n

\n
\"yes\"<\/div>\n
*<\/div>\n<\/td>\n<\/tr>\n
\n

Background images support<\/p>\n<\/td>\n

\"no\"<\/td>\n<\/tr>\n
\n

HTML5 video support<\/a><\/p>\n<\/td>\n

\"no\"<\/td>\n<\/tr>\n
\n

Spacing<\/p>\n<\/td>\n<\/tr>\n

\n

Padding<\/p>\n<\/td>\n

\"yes\"<\/td>\n<\/tr>\n
\n

Margin<\/p>\n<\/td>\n

\"yes\"<\/td>\n<\/tr>\n
\n

max-width<\/p>\n<\/td>\n

\"yes\"<\/td>\n<\/tr>\n
\n

Typography<\/p>\n<\/td>\n<\/tr>\n

\n

Headers<\/p>\n<\/td>\n

\"yes\"<\/td>\n<\/tr>\n
\n

Paragraphs<\/p>\n<\/td>\n

\"yes\"<\/td>\n<\/tr>\n
\n

Web fonts<\/p>\n<\/td>\n

\"no\"<\/td>\n<\/tr>\n
\n

Progressive Enhancement<\/p>\n<\/td>\n<\/tr>\n

\n

Border Radius<\/p>\n<\/td>\n

\"yes\"<\/td>\n<\/tr>\n
\n

Interactivity \u2014 checkbox\/ radio button support<\/p>\n<\/td>\n

\"no\"<\/td>\n<\/tr>\n
\n

Animation \u2014 transitions\/keyframe animation support<\/p>\n<\/td>\n

\"no\"<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n

* supports font-size, line-height, color, font-weight, and text-align<\/p>\n

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:<\/p>\n