Obwohl unsere Vorlagen so konzipiert sind, dass sie in allen E-Mail-Clients korrekt dargestellt werden, kann es bei der Anzeige von Kampagnen zu Problemen kommen, wenn ein Abonnent eine HTML-E-Mail in Outlook anzeigt, insbesondere in den Versionen 2007, 2010 oder 2013. Das liegt daran, dass diese drei Outlook-Versionen Microsoft Word zum Rendern von E-Mails verwenden, die nur begrenzte HTML- und CSS-Unterstützung bieten.
In diesem Artikel werden häufige Anzeigeprobleme erläutert, die bei Benutzern von Outlook aufgetreten sind. Außerdem geben wir Empfehlungen zur Behebung dieser Probleme.
Ränder werden nicht angezeigt
Alle Versionen von Outlook (außer Outlook.com) und Gmail unterstützen keine Ränder. Wir empfehlen stattdessen die Verwendung des Spacer-Inhaltsblocks:
Sie können auch versuchen, durch Padding Platz um Ihre Inhaltsblöcke zu schaffen.
Padding wird von jeder Version von Outlook und anderen gängigen E-Mail-Anbietern unterstützt. Sie können einem Inhaltsblock Padding hinzufügen, indem Sie den Container oder die Struktur im E-Mail-Designer auswählen und das Padding im Menü auf der rechten Seite anpassen. Das Padding kann jedoch dazu führen, dass Ihr Inhalt bei der Anzeige auf einem mobilen Gerät schmal erscheint.
Die Zeilenhöhe wird nicht einheitlich unterstützt
Outlook 2007, 2010, 2013 und Office 365 unterstützen die Zeilenhöhe nicht durchgängig. Einige Versionen von Outlook unterstützen den prozentualen Wert der Zeilenhöhe (z. B. 140 %), während andere eine ganze Zahl (z. B. 4) unterstützen. Wir empfehlen, beide Werte anzugeben, wenn Sie eine E-Mail von Grund auf neu erstellen und Ihr eigenes CSS schreiben. Wenn Sie den Drag-and-Drop-E-Mail-Designer verwenden, wird dies automatisch für Sie eingestellt.
Bilder erscheinen verzerrt
Outlook verkleinert keine Bilder, die 1000 oder mehr Pixel breit sind. Stattdessen wird das Bild in seiner tatsächlichen Größe angezeigt, wodurch sich die Breite Ihrer Vorlage vergrößert und verzerrt wird. Wir empfehlen, Bilder mit einer Breite zwischen 400 und 650 Pixeln zu verwenden.
Beachten Sie, dass die Bilder im Designer automatisch auf 1300 Pixel Breite skaliert werden. Dies ist maximal doppelt so breit wie die E-Mail, die 650 Pixel breit ist.
Erfahren Sie mehr über das Hinzufügen von Bildern zu Ihren Kampagnen.
GIFs erscheinen als flache Bilder
Animierte GIFs werden im Outlook 365-Desktop-Client, in den mobilen Outlook-Anwendungen und auf Outlook.com unterstützt.
In Outlook 2007, 2010 und 2013 werden keine Animationen angezeigt. Stattdessen wird nur das erste Bild angezeigt. Wenn Ihr GIF ein Angebot, eine Überschrift oder einen Call-to-Action enthält, stellen Sie sicher, dass es in den Rahmen aufgenommen wird. Eine Anleitung zum Hinzufügen eines GIFs zu Ihrer E-Mail finden Sie hier.
Duplizierte Schaltflächen
E-Mail-Dienste wie Gmail, Apple Mail und Yahoo verwenden für die Gestaltung von Schaltflächen Standard-CSS und HTML. Da dies in Outlook nicht der Fall ist, haben wir eine Korrektur vorgenommen, damit Outlook den Rahmenradius, das Padding und die Ränder um die Schaltfläche korrekt wiedergibt.
Sobald eine E-Mail jedoch von einem Abonnenten weitergeleitet wird, der in seinem E-Mail-Dienstanbieter auf die Schaltfläche "Weiterleiten" klickt, oder wenn die E-Mail über einen Windows- oder Exchange-Server umgeleitet wird, wird diese Korrektur als gültiges HTML-Element gelesen, was zu einer doppelten Schaltfläche führt.
Leider gibt es keine Lösung, um dies zu verhindern. Um dies zu umgehen, können Sie ein Bild einer Schaltfläche erstellen und es wie jedes andere Bild in Ihre E-Mail hochladen. Dann können Sie Ihren Link hinzufügen, so dass Kontakte, die auf dieses Bild klicken, zu Ihrer bevorzugten URL weitergeleitet werden.
E-Mail-Designer: Schaltflächen in Outlook
Im Email Designer (ab 2022) können Sie über die Schaltfläche "Unterstützung von Outlook" die in Outlook angezeigten Schaltflächen verbessern, indem Sie ein spezielles VML-Code-Element einfügen. Die Schaltfläche "Unterstützung von Outlook" ist standardmäßig aktiviert.
E-Mail-Designer und HTML: Hintergrundbild wird nicht angezeigt
Dass Hintergrundbilder nicht angezeigt werden, ist ein häufiges Problem bei vielen verschiedenen E-Mail-Anbietern. Wir empfehlen Ihnen, eine Ausweichfarbe anzugeben, falls Ihre E-Mail auf einer Outlook-Version angezeigt wird, die keine Hintergrundbilder unterstützt.
Dies gilt, wenn Sie eine E-Mail mit Ihrem HTML-Code und dem Email Designer (ab 2022) erstellen. Beachten Sie, dass Sie bei Verwendung des E-Mail-Designers (gestartet 2022) zusätzlich zu einer Ersatzhintergrundfarbe ein Hintergrundbild auf der Registerkarte „Globale Einstellungen“ > „Allgemeine Einstellungen“ hinzufügen können:
Der Classic Designer unterstützt keine Hintergrundbilder.
Classic Designer: Textausrichtung
Outlook unterstützt die Textausrichtung im Blocksatz nicht.
Leider gibt es keine Lösung, um Outlook zu zwingen, die Ausrichtung von Text im Blocksatz zu unterstützen.
Beachten Sie, dass der E-Mail-Designer (gestartet 2022) nicht über die Option zum Blocksatz verfügt und daher beim Senden an Outlook kein Problem darstellt.
Classic Designer: unvollständiger Text in Schaltflächen
Schaltflächen mit defektem Text oder Text, der in eine zweite Zeile umbricht, sind auf ein Darstellungsproblem in Outlook zurückzuführen. Um dieses Problem zu vermeiden, können Sie den Abstand zwischen den Schaltflächen vergrößern, so dass er größer ist als die Schriftgröße. Wenn das Problem weiterhin besteht, empfehlen wir Ihnen, ein Bild Ihrer Schaltfläche zu erstellen und dieses zu verwenden (siehe "Doppelte Schaltflächen" oben).
Classic Designer: Schaltflächen zeigen falsche Schriftart an
Outlook gibt möglicherweise die falsche Schriftart wieder und greift auf Times New Roman zurück. Dies wird durch ein Leerzeichen verursacht, das am Anfang und/oder am Ende des Schaltflächentextes hinzugefügt wurde. Um dieses Problem zu vermeiden, empfehlen wir, diesen Abstand zu entfernen. Wenn das nicht funktioniert, können Sie eine neue Schaltfläche oder ein Bild einer Schaltfläche erstellen, die Sie stattdessen in Ihrer Kampagne verwenden können.
Classic Designer: Links sind nicht anklickbar
In Bezug auf die Bildausrichtung werden Bilder nur in einigen Outlook-Versionen auf die gleiche Weise dargestellt. Wenn Sie ein Bild innerhalb eines Textblocks mit Links in derselben Zeile wie Ihr Bild haben, können diese Links in Outlook 2007 und 2013 nicht angeklickt werden.
Beachten Sie, dass Sie im E-Mail-Designer (gestartet 2022) keine Bilder zu Textfeldern hinzufügen können und daher beim Senden an Outlook ein Problem auftritt.
Beispielsweise ist der folgende Hyperlink-Text für Abonnenten, die eine der beiden Outlook-Versionen verwenden, nicht anklickbar:
Um dies zu vermeiden, empfehlen wir beim Classic Designer, das Bild aus Ihrem Textblock zu entfernen und stattdessen einen Bildblock zu verwenden.