Obwohl unsere Vorlagen so konzipiert sind, dass sie in allen E-Mail-Clients korrekt dargestellt werden, können einige häufige Probleme bei der Anzeige von Kampagnen auftreten, wenn ein Abonnent eine HTML-E-Mail in Outlook betrachtet, 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, die bei Benutzern mit Outlook aufgetreten sind, sowie unsere Empfehlungen zur Behebung dieser Probleme behandelt.
Ränder werden nicht angezeigt
Alle Versionen von Outlook (mit Ausnahme von Outlook.com) und Gmail unterstützen keine Margins. Wir empfehlen stattdessen die Verwendung des Spacer-Inhaltsblocks:
Sie können auch versuchen, durch Auffüllen Platz um Ihre Inhaltsblöcke zu schaffen.
Padding wird in jeder Version von Outlook und anderen gängigen E-Mail-Serviceanbietern 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 komprimiert angezeigt wird.
Die Zeilenhöhe wird nicht einheitlich unterstützt
Outlook 2007, 2010, 2013 und Office 365 unterstützen die Zeilenhöhe nicht konsistent. 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 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 skaliert Bilder, die 1000 oder mehr Pixel breit sind, nicht herunter. Stattdessen wird das Bild in seiner tatsächlichen Größe angezeigt, wodurch sich die Breite Ihrer Vorlage ausdehnt 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. Das ist maximal doppelt so breit wie die E-Mail, die 650 Pixel breit ist.
Erfahren Sie mehr über und das Hinzufügen von Bildern zu Ihren Kampagnen.
GIFs erscheinen als flache Bilder
Animierte GIFs werden im Outlook 365-Desktopclient, in mobilen Outlook-Apps und in Outlook.com unterstützt.
In Outlook 2007, 2010 und 2013 werden keine Animationen angezeigt. Stattdessen wird nur der erste Frame angezeigt. Wenn Ihr GIF ein Angebot, eine Überschrift oder eine Call-to-Action enthält, sollten Sie sicherstellen, dass es in diesem Rahmen enthalten ist. Für Anweisungen zum Hinzufügen eines GIF zu Ihrer E-Mail, klicken 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 Outlook dies nicht tut, haben wir eine Korrektur bereitgestellt, damit Outlook den Rahmenradius, das Padding und die Rahmen um die Schaltfläche korrekt rendert.
Sobald eine E-Mail jedoch von einem Abonnenten weitergeleitet wird, der in seinem E-Mail-Serviceanbieter 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.
Es gibt eine Möglichkeit, dies zu umgehen. 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 E-Mail-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 E-Mail-Designer (ab 2022) erstellen. Beachten Sie, dass Sie bei der Verwendung des E-Mail-Designers (ab 2022) unter auf der Registerkarte "Globale Einstellungen" "Allgemeine Einstellungen" zusätzlich zu einer Hintergrundfarbe ein Hintergrundbild hinzufügen können:
Der Classic Designer unterstützt keine Hintergrundbilder.
Klassischer Designer: Textausrichtung
Outlook unterstützt keine Textausrichtung "Ausrichten":
Die Ausrichtung von Text im Blocksatz wird daher in Outlook nicht unterstützt.
Beachten Sie, dass der E-Mail-Designer (seit 2022) nicht über die Option zum Ausrichten verfügt und daher beim Versand an Outlook kein Problem darstellt
Klassischer Designer: Unvollständiger Text in Schaltflächen
Schaltflächen mit fehlerhaftem Text oder Text, der in eine zweite Zeile umgebrochen wird, sind auf ein Outlook-Renderingproblem zurückzuführen. Um dieses Problem zu vermeiden, können Sie das Padding für die Schaltfläche auf mehr als die Schriftgröße erhöhen. Wenn das Problem weiterhin besteht, empfehlen wir, ein Bild Ihrer Schaltfläche zu erstellen und stattdessen dieses zu verwenden (siehe "Doppelte Schaltflächen" oben).
Klassischer Designer: Schaltflächen zeigen falsche Schrift an
Outlook rendert möglicherweise den falschen Schriftarttyp 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 dies nicht funktioniert, können Sie stattdessen eine neue Schaltfläche oder ein Bild einer Schaltfläche erstellen, die in Ihrer Kampagne verwendet werden soll.
Klassischer Designer: Links sind nicht klickbar
Was die Bildausrichtung betrifft, so werden Bilder nur in einigen Versionen von Outlook auf die gleiche Weise dargestellt. Wenn Sie ein Bild in einem Textblock 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 (ab 2022) keine Bilder in Textfelder einfügen können und daher beim Versand an Outlook ein Problem auftritt.
Der unten stehende Hyperlink ist beispielsweise für Abonnenten, die eine der beiden Outlook-Versionen verwenden, nicht anklickbar:
Um dies zu vermeiden, empfehlen wir im Classic Designer, das Bild aus dem Textblock zu entfernen und stattdessen einen Bildblock zu verwenden, um dies zu vermeiden.