Hinweis: Dieser Artikel wird aus Kulanz zur Verfügung gestellt. Er wurde automatisch mit einer Software übersetzt und unter Umständen nicht korrekturgelesen. Die englischsprachige Fassung gilt als offizielle Version und Sie können dort die aktuellsten Informationen finden. Hier können Sie darauf zugreifen.
Email

Marketing-E-Mails sehen in Outlook anders aus.

Zuletzt aktualisiert am: Februar 18, 2021

Produkte/Lizenzen

Marketing Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise
Ehemaliges Marketing Hub Basic

HubSpot E-Mail-Vorlagen und E-Mails, die mit dem Drag&Drop-Editor erstellt wurden, sind so konzipiert, dass sie konsistent und reaktionsschnell über alle gängigen E-Mail-Clients hinweg sind. Sie können Ihre E-Mails auch vorschauend über E-Mail-Clients hinweg anzeigen. Da Outlook begrenzte Unterstützung für CSS bietet, können Sie Abweichungen in der Art und Weise sehen, wie Ihre E-Mails in Outlook gerendert werden. Wenn Sie feststellen, dass die Positionierung oder der Abstand von E-Mails in Outlook falsch aussieht, gibt es einige Schritte, die Sie unternehmen können, um sie zu beheben.  

Bitte beachten: Der HubSpot-Support kann benutzerdefinierte, kodierte E-Mail-Vorlagen nicht unterstützen. Wenn Sie eine benutzerdefinierte codierte Vorlage verwenden, wenden Sie sich an den Anbieter, der die Vorlage erstellt hat. Du kannst dich auch mit anderen HubSpot-Benutzern und Designern auf der Community. verbinden.

Abstand

Es gibt zwei Methoden, um den Abstand zwischen den Bildern in Outlook anzupassen: mit hspace oder vspace und mit Tabellen.

Hspace und vspace verwenden

Das HTML-Attribut vspace definiert den vertikalen Raum und fügt dem oberen und unteren Rand des Bildes einen gleichen Abstand hinzu. Das Attribut hspace definiert den horizontalen Raum und fügt rechts und links des Bildes gleiche Abstände hinzu.

  • Gehen Sie in Ihrem HubSpot-Account zu Marketing > E-Mail.
  • Bewegen Sie den Mauszeiger über den Namen der E-Mail und klicken Sie dann auf „Bearbeiten“.

  • Klicken Sie in das Inhaltsmodul und dann auf „Erweitert“ > „Quellcode“.

  • Fügen Sie am Ende des Bildcodes einen oder beide der folgenden Codes hinzu: hspace="10" vspace="10", Ersetzen von 10 durch den gewünschten Abstand.

Quelle-code-hspace-vspace

Verwendung von Tabellen

Verwenden Sie eine 3-spaltige Tabelle, um Ihr Bild, die Abstände und den Text einzugeben.

  • Gehen Sie in Ihrem HubSpot-Account zu Marketing > E-Mail.
  • Bewegen Sie den Mauszeiger über den Namen der E-Mail und klicken Sie dann auf „Bearbeiten“.

  • Klicken Sie in der Symbolleiste des Rich-Text-Editors auf „Einfügen“ > „Tabelle“. Erstellen Sie eine 3x1-Tabelle.

    Tabelle erstellen

  • Klicken Sie in der Symbolleiste des Rich-Text-Editors auf „Erweitert“ > „Quellcode“.

  • Geben Sie eine Breite in der leeren Zelle an, z.B. <td width="10">, für den Abstand zwischen Bild und Text.

  • Fügen Sie eine Schriftart, Schriftgröße, Schriftart und Zeilenhöhe wie style= "font-family" ein: sans-serif; Schriftartgröße 15px; Zeile-Höhe: 1,5em; Farbe: #00000000" als Outlook wird bei Nichtangabe ein eigenes Styling hinzugefügt.

Tabelle-styling

Erfahren Sie mehr über E-Mail-Design auf unserer Designer Community