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: April 30, 2021

Produkte/Lizenzen

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

Wenn Sie den aktualisierten klassischen E-Mail-Editor verwenden, um Ihre Marketing-E-Mails zu entfernen, können Sie sich in der Darstellung in Outlook aufgrund dem beschränkten Support für CSS in Outlook unterscheiden.

Wenn Sie feststellen, dass Positionierung oder Abstände der E-Mail in Outlook nicht richtig aussehen, gehen Sie zur Fehlerbehebung wie folgt vor:

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