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 23, 2019

Produkte/Lizenzen

Marketing Hub  Professional, Enterprise
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.

Bilder zentrieren

Wenn Sie das Bild nicht in Outlook zentrieren, können Sie den HTML-code im ModulQuellcode anpassen.

  • Gehen Sie in Ihrem HubSpot-Account zu Marketing > E-Mail.
  • Klicken Sie auf den Namen der E-Mail. 
  • Klicken Sie im Rich-Text-Modul mit Ihrem Bild auf das Symbol Quellcode code..
  • Suchen Sie den Code für das Bild, das Sie zu zentrieren versuchen, das mit beginnt.
  • Füge
    oder

    Tags um den Code hinzu. Zum Beispiel:

 

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.
  • Klicken Sie auf den Namen der E-Mail. 

  • Klicken Sie in das Inhaltsmodul und dann auf das Symbol Quellcode code.

  • 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

Erstellen 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.
  • Klicken Sie auf den Namen der E-Mail. 

  • Klicken Sie im Volltexteditor auf Tabelle > Tabelle einfügen. Erstellen Sie eine 3x1-Tabelle.

    Tabelle erstellen

  • Klicken Sie auf das Symbol Quellcode code..

  • Geben Sie eine Breite in der leeren Zelle an, z.B. , 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