Zur Navigation springen

Warum sieht Ihr Newsletter im Postfach anders aus als in der Vorschau?

Jedes Gerät, jede Plattform und jeder E-Mail-Client baut einen Newsletter etwas anders auf. Die Vorlagen von Laposta sorgen dafür, dass Ihr Newsletter auf jedem Desktop, Tablet und Smartphone gut aussieht, kleine Unterschiede bleiben jedoch bestehen. Outlook weist dabei die größten Abweichungen auf. Deshalb können Sie beim Erstellen eines Newsletters (in Schritt 4) nicht bis auf den Pixel genau festlegen, wie das Endergebnis aussieht.

Häufig vorkommende Unterschiede im Postfach

Vor allem die Anzeige von Text unterscheidet sich je nach E-Mail-Client: die Textgröße, die genaue Schriftart und der Zeilenabstand. Einige Programme ändern auch die Farbe von Links und Telefonnummern, um zu zeigen, dass Ihr Abonnent diese anklicken kann, beispielsweise um anzurufen oder um Skype zu starten.

Was Sie im Postfach sehenWoher es kommt
Eine andere Schriftart, ein anderer Zeilenabstand oder Text, der nicht ganz bündig istDer E-Mail-Client baut den Text selbst auf und unterstützt nicht jede Schriftart. Siehe: Zeilenabstand in alten Kampagnen.
Eine Telefonnummer, eine Adresse oder eine E-Mail-Adresse, die verschwindet oder die Farbe ändertDas Programm oder das Gerät wandelt diese automatisch in einen Link um. Siehe: Telefonnummer oder Adresse nicht sichtbar.
Horizontale Linien zwischen Ihren BlöckenEin bekanntes Problem in Outlook 2016 und 2019. Siehe: horizontale Linien in Outlook.
Andere Wörter als die, die Sie eingegeben habenKommt bei Gmail in der mobilen Anzeige auf einem iPhone vor. Siehe: andere Wörter in Ihrem Newsletter.
Ein Newsletter, der auf halber Strecke abbricht, mit einem Link „Gesamte Nachricht ansehen“Gmail schneidet E-Mails ab, die zu groß sind. Siehe: Gmail kürzt Ihren Newsletter.
Umgekehrte oder gedämpfte FarbenIhr Abonnent liest im Dunkelmodus, in dem der E-Mail-Client Farben anpasst. Siehe: Dunkelmodus.
Formatierung, die verschwunden ist, nachdem jemand Ihre E-Mail weitergeleitet oder beantwortet hatDer E-Mail-Client des Empfängers schreibt in diesem Fall den Code um. Siehe: weiterleiten und beantworten.

Einschränkungen beim Entwurf

Vier Einschränkungen begegnen Ihnen bei nahezu jedem Entwurf. Sie lassen sich nicht durch besseren Code lösen, sondern ergeben sich aus der Art und Weise, wie E-Mail-Clients einen Newsletter aufbauen:

  • Maximale Breite von 620 Pixeln. Ein Newsletter nimmt fast nie den gesamten Bildschirm ein: Daneben befinden sich Spalten mit Ordnern, anderen E-Mails und Kalendern. Bleiben Sie unter 620 Pixeln, andernfalls fällt ein Teil aus dem Fenster heraus und Ihr Abonnent muss horizontal scrollen.
  • Keine exakte Platzierung von Elementen. Innerhalb eines Blocks können Sie nicht angeben, wo ein Element, wie beispielsweise ein Bild, genau platziert wird.
  • Unterschiede in der Länge Ihres Textes. Da der Abstand zwischen den Buchstaben und der Zeilenabstand je nach Programm variieren, ändert sich auch die Textlänge. Zwei Spalten, die in dem einen Programm genau bündig ausgerichtet sind, geraten in dem anderen leicht aus dem Takt.
  • Keine abgerundeten Ecken in Outlook. Abgerundete Ecken funktionieren dort nicht, wodurch Ihr Newsletter in Outlook anders aussieht als in anderen E-Mail-Clients. Outlook unterstützt ohnehin viele moderne E-Mail-Funktionen nicht, mit denen andere Programme keine Mühe haben, und es ist nicht zu erwarten, dass Microsoft dies kurzfristig wesentlich verbessert.

Tipps für das Entwerfen Ihres Newsletters

Da die genaue Ausrichtung nicht feststeht, hat es wenig Sinn, eine Zeile in der einen Spalte genau auf der Höhe eines Fotos in der anderen Spalte beginnen zu lassen. Wörter oder Zahlen mit Leerzeichen auszurichten und lange Wörter selbst zu trennen, funktioniert aus demselben Grund nicht: In der Vorschau stimmt es, aber in den E-Mail-Clients Ihrer Abonnenten fällt es etwas anders aus.

Ein ansprechender Inhalt mit einem übersichtlichen, ruhigen Design ist daher die sicherste Wahl. Bilder funktionieren dabei gut, verwenden Sie jedoch nicht zu viele Bilder im Verhältnis zur Textmenge.

Das Ergebnis überprüfen

Die Vorschau zeigt Ihren Newsletter in Ihrem Browser. Mit den beiden Symbolen oben rechts können Sie zwischen der Anzeige auf einem Computer und auf Mobilgeräten wechseln. Mehr hierüber lesen Sie unter Eine Vorschau Ihres Newsletters anzeigen. Auch diese mobile Anzeige bleibt eine Annäherung, da es so viele Arten und Größen von Tablets und Smartphones gibt.

Wenn Sie sehen möchten, was ein E-Mail-Client wirklich daraus macht, senden Sie eine Test-E-Mail und sehen Sie sich diese in den Programmen an, die Ihre Abonnenten verwenden, wie auf Ihrem eigenen Mobiltelefon, in Gmail und in Outlook. Schalten Sie dabei auch einmal den Dunkelmodus ein.

Stoßen Sie auf ein Gerät, auf dem Ihr Newsletter nicht gut dargestellt wird, nehmen Sie bitte Kontakt mit dem Helpdesk auf.

Verwandte Artikel